/*Main colors for Style.css */

.bg-off-white,
.page-node-type-landing-page .region-content {
  background: #F4F7F9;
}

.region-content {
  padding: 15px;
}

.page-node-type-webform .region-content {
  padding: 30px;
}

.landing-page .region-content {
  padding: 15px 15px 0px 15px;
}

/* header styling */
header .brand img,
header .brand object {
  height: auto;
  max-height: 40px;
  width: 100%;
}

/* accessibility form styling */
.webform-submission-accessibility-feedback-node-60194-form #edit-submit {
  background-color: #D5E2E9;
  color: #2e2e40;
  border: 3px solid #D5E2E9;
  margin: 10px;
}

/* .webform-submission-accessibility-feedback-node-60194-form #reset-ajax-btn {
  background-color: #D5E2E9;
  color: #2e2e40;
  border: 3px solid #D5E2E9;
  margin: 10px;
} */

/* book appointment form styling */
#webform-submission-request-in-person-appointment-node-34535-add-form {
  background: #fff;
  padding: 10px;
}

.navbar #wb-srch {
  padding-right: 0px;
}

#wb-bc .breadcrumb {
  padding: 0px;
}

/* fix footer buttons report and share */
.pagedetails.region-content-footer {
  width: 100%;
  float: left;
}

/* green bar styling for all but landing pages */
.region-content {
  border-top: none;
}

.page-node-type-article .region-content,
.page-node-type-medal .region-content,
.page-node-type-battle-or-stage .region-content,
.page-node-type-policy .region-content,
.page-node-type-report .region-content,
.page-node-type-conflict .region-content,
.page-node-type-memorial .region-content,
.page-node-type-publication .region-content,
.page-node-type-form .content,
.page-node-type-frequently-asked-question .region-content,
.page-node-type-person .region-content,
.page-node-type-lessson-plan .region-content,
.page-node-type-story .region-content,
.page-node-type-page .region-content,
.page-node-type-initiative .region-content,
.page-node-type-landing-page .block-views-blockpolicy-block-1,
.page-node-type-event .region-content,
.page-node-type-commendation-recipient .region-content,
.page-node-type-pib .region-content,
.page-node-type-program-page .region-content,
.page-node-type-content-clone .region-content,
.page-node-type-battle .region-content,
.page-node-type-book .region-content,
.page-node-type-research-directorate-reports .region-content,
.page-node-type-generic-content-page .region-content {
  border-top: 8px solid #1ca56f;
  background: #fff;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

#block-protectyourpersonalinformationen {
  background: #fff;
}

/* main menu - Pathway pages - when displayed in the BODY main menu needs different styling */
/* legacy main menu styling */
div#vac-mva {
  padding: 10px 15px;
  background-color: #2e2e40;
}

/* pathway page styling for Additional Info block */
#additional_info h2 {
  font-size: 18px;
  font-weight: 400;
}

div#vac-mva a.mva-button {
  display: flex;
  justify-content: center;
  padding-top: 4px !important;
  padding-bottom: 0 !important;
}

.page-node-type-pathway .field--type-text-with-summary {
	margin: 0 0 11.5px
}

nav.gcweb-menu {
  background: #2e2e40;
}

nav.gcweb-menu ul#menu-pnl {
  background: #2e2e40 !important;
}

nav.gcweb-menu [role=menu]>li {
  border-left: #444 solid 1px;
}

nav.gcweb-menu ul#menu-pnl a {
  font-size: 18px;
  color: #fff;
}

nav.gcweb-menu button {
  font-weight: 700;
  padding-left: 15px !important;
  padding-top: 15px !important;
  padding-bottom: 13px !important;
}

nav.gcweb-menu button[aria-haspopup="true"] {
  background-color: #2e2e40 !important;
  outline: 0 !important;
  border: none;
  color: #fff !important;
}

.gcweb-menu button[aria-haspopup="true"]:hover {
  background-color: #444;
  color: #fff;
  padding: 0.5em 1em;
}

/* menu item hover */
nav.gcweb-menu [role="menuitem"]:hover,
nav.gcweb-menu [role="menuitem"][aria-expanded="true"],
nav.gcweb-menu [role="menuitem"][aria-expanded="true"]+[role="menu"] [role="menuitem"]:focus,
nav.gcweb-menu button#menu-button:active,
nav.gcweb-menu button#menu-button:focus,
nav.gcweb-menu button#menu-button:hover {
  color: #2e2e40 !important;
  outline: 0 !important;
}

nav.gcweb-menu ul#menu-pnl>li {
  color: #2e2e40 !important;
  outline: 0 !important;
}

nav.gcweb-menu button[aria-haspopup="true"][aria-expanded="true"],
nav.gcweb-menu button[aria-haspopup="true"]:hover,
nav.gcweb-menu button[aria-haspopup="true"][aria-expanded="true"] {
  background-color: #fff !important;
  outline: 0 !important;
  color: #2e2e40 !important;
  border: 0;
}

.gcweb-menu button[aria-haspopup="true"]:hover,
.gcweb-menu button[aria-haspopup="true"][aria-expanded="true"] {
  background-color: #444;
  border-color: #444;
  color: #fff;
  padding-left: 12px !important;
  padding-top: 15px !important;
  padding-bottom: 13px !important;
}

.region-content ul.main li {
  max-width: 49%;
  width: -webkit-fill-available;
  display: inline-block;
  vertical-align: top;
  padding: 2em 1em 0 0;
}

#additional_info h3 a {
  text-decoration: underline;
  color: #2e2e40;
  font-weight: 700;
}

#additional_info h3 a:focus,
#additional_info h3 a:hover {
  background: none;
  text-decoration: none;
}

.region-content ul.main li a {
  text-decoration: underline;
}

nav.gcweb-menu ul#menu-pnl a.h2,
nav.gcweb-menu ul#menu-pnl h2>a {
  font-size: 24px;
  line-height: 1.25;
  color: #2e2e40;
  margin: 20px 0 5px;
}

.gcweb-menu ul li.col-sm-6.h3 {
  margin-top: 0px !important;
}

.gcweb-menu li [role="separator"] {
  width: 100%;
}

.gcweb-menu [role=menu] [role=menu] {
  border: #eee solid 1px !important;
}

.gcweb-menu [role=menu] [role=menuitem] li:first-child {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 100%;
}

.gcweb-menu [role=menu] [role=menu] li:first-child {
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  width: 100%;
}

.gcweb-menu a#canada-link,
.gcweb-menu a#canada-link:hover {
  color: #000 !important;
  font-weight: 900;
}

a#canada-link {
  outline: 0 !important;
  background-color: #d3d3d3 !important;
}

a#canada-link:hover {
  background-color: #fff !important;
  outline: 0 !important;
}

.gcweb-menu [role=menu] [role=menu] span.expicon {
  font-size: .5em;
  margin: 0 !important;
}

nav.gcweb-menu [role=menu] [role=menu] li[role=separator] {
  width: 100%;
}

.gcweb-menu ul li [role="presentation"] a {
  color: #2e2e40 !important;
  text-decoration: underline;
}

.gcweb-menu ul li [role="presentation"] a:hover {
  color: #2e2e40 !important;
  text-decoration: underline;
}

.gcweb-menu [role="menu"] [role="menu"] ul li a.h2 {
  font-size: 26px !important;
  line-height: 1.25;
  color: #2e2e40;
}

.gcweb-menu ul li p {
  font-size: 16px !important;
  font-weight: normal;
  color: #2e2e40;
  margin-top: 5px !important;
}

.gcweb-menu ul p {
  margin-top: -10px !important;
}

.gcweb-menu ul hr {
  margin-top: 0px !important;
}

.gcweb-menu [role="menu"] [role="menu"] li:last-child {
  display: none;
}

.gcweb-menu [role=menu]>li [role=menu]>li {
  border: none;
}

.gcweb-menu [role=menu]>li [role=menu]>li {
  border: none;
}

.gcweb-menu [role=menu] [role=menu] li {
  width: 50%;
}

.gcweb-menu [role=menu]>li {
  border-left: #444 solid 1px;
}

.gcweb-menu [role=menu]>li {
  border-left: #444 solid 1px;
}

.gcweb-menu [role=menu] [role=menu] li [role=menuitem] {
  color: #2e2e40;
  padding: 6px 0;
  text-decoration: underline;
  outline: 0 !important;
}

.gcweb-menu [role="menu"] .expanded.open [role="menu"] {
  display: block;
  top: 0;
}

@media (max-width: 991px) {
  .gcweb-menu>.container {
    max-width: 750px;
  }
}

@media screen and (max-width: 780px) {
  .region-content ul.main li {
    max-width: 99%;
    width: -webkit-fill-available;
    display: inline-block;
  }
}

/* footer menu styling */
#block-vac-footer .col-sm-3,
#block-vac-pieddepage .col-sm-3 {
  width: -webkit-fill-available !important;
}

#block-vac-footer .col-sm-3 {
  padding: 0px;
}

#block-vac-pieddepage section:nth-of-type(1),
#block-vac-footer section:nth-of-type(1) {
  margin-bottom: 30px;
}

#wb-info,
#wb-info .landscape {
  background: #2e2e40;
}

.footer-links {
  max-width: 100%;
}

/* title H1 */
h1#wb-cont {
  width: 100%;
  border-bottom: 0px;
  font-size: 2.6em;
  line-height: 1.1;
  letter-spacing: -1px;
  font-weight: 700;
  padding-bottom: 0px;
}

.wb-cont {
  width: 100%;
  border-bottom: 0px;
  font-size: 2.6em;
  line-height: 1.1;
  letter-spacing: -1px;
  font-weight: 700;
  padding-bottom: 0px;
}

#vac-home-panel .row {
  margin-top: 20px;
  margin-bottom: 10px
}

.vac-home-panel {
  background: center center no-repeat #2e2e40;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 280px;
  border-radius: 0px;
}

#vac-home-panel,
.svg-leaf {
  background-color: #2e2e40;
  background-image: url("/themes/custom/vac/images/svg-leaf.png");
  background-repeat: no-repeat;
  background-size: 260%;
  background-position: 200px -225px;
}

#vac-remembrance-panel,
.svg-soldiers {
  background-color: #2e2e40;
  background-image: url("/themes/custom/vac/images/svg-soldiers.png");
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: -20px -230px;
}

#vac-remembrance-panel {
  border-radius: 0px;
}

/* homepage remove H1 titles, replaced in content */
.home h1:not(.hometitle) {
  display: none !important;
}

/* landing page with header - hide H1 titles, apply wb-inv via css */
.page-node-type-landing-page-w-header h1#wb-cont {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/* homepage general styling */
.path-frontpage .field--name-body {
  background: #F4F7F9;
}

details {
  background: #fff;
}

#wb-auto-5,
#wb-auto-4,
#block-vac-reportproblemblock a,
#wb-auto-5:visited,
#wb-auto-4:visited,
#block-vac-reportproblemblock a {
  background: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
  margin-top: 0em;
}

#wb-auto-5:focus,
#wb-auto-4:focus,
#block-vac-reportproblemblock a:focus,
#wb-auto-5:hover,
#wb-auto-4:hover,
#block-vac-reportproblemblock a:hover {
  background: #434458;
  color: #fff;
  border: 3px solid #2e2e40;
  margin-top: 0em;
}

#block-vac-reportproblemblock a {
  margin-top: 0em;
}

@media only screen and (max-width: 768px) {
  #block-vac-reportproblemblock a {
    width: max-content;
  }
}

/* homepage center block styling */
#ben-finder {
  background-image: url("/sites/default/files/2021-05/compass-benefitnav-01.png");
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

/* homepage Alerts block styling */

.alert-box {
  border: 1px solid #d5e2e9;
  border-radius: 0;
  background: #fff;
  box-sizing: border-box;
	padding: 24px 24px 0;
}

h2#details-panel-alerts-lnk {
  border-bottom: 0.325em solid #1ca56f;
  border-top: none;
  background: 0 0;
  cursor: default;
  padding-top: 0.357em;
  color: #434458;
  margin-left: 25px;
  width: fit-content;
}

#homepage-alerts .views-row {
  padding: 1em;
  margin: 3px 0px;  
  border-bottom: 1px solid #D5E2E9;
}

#homepage-alerts .views-row:last-of-type {
  border-bottom: none;
}

#homepage-alerts .views-field {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 11.5px;
}

/* Bold styling */
.bold , #homepage-alerts .views-field-title, .homepage-alerts-link-findoutmore {
  font-weight: bold;
}

/* Float styling */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* MyVACpage styling */
#block-myvacbutton {
  float: right;
}

.myvacpage .subtext p {
  font-size: 17px;
  padding: 0px;
  color: #000;
  margin: 0px 0px 5px 0px;
}

@media screen and (max-width: 992px) {
	#mva-sign-in-home {
	  margin-top:-90px;
	}
}

/* MyVACpage Format for the icons under Why My VAC Account */
.myvacpage .task {
  min-height: 80px;
  margin-bottom: 14px;
}

.myvacpage .task p {
  font-size: 17px;
  padding: 0;
  color: #000;
  margin: 0 0 0 62px;
}

.myvacpage .task .icon {
  border: 1px solid #ccc;
  border-radius: 3000px;
  padding: 9px 7px 7px 9px;
  float: left;
  height: 52px;
  width: 52px;
  text-align: center;
  color: #000;
}

.myvacpage .task svg,
.task img {
  width: 33px;
  height: 33px;
}

/* start Form page styling */
.field--name-field-form-number {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.5px;
  margin: 30px 0 0;
}

.svg-download-pdf {
  margin-left: 8px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-download fa-w-16 mrgn-lft-md' aria-hidden='true' focusable='false' data-prefix='fa' data-icon='download' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' data-fa-i2svg=''%3E%3Cpath fill='white' d='M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.block-views-blockforms-block-4 h2 {
  margin-top: 23px;
  border-top: 1px solid #eee;
  padding-top: 23px;
}

.views-field-field-related-records .views-label {
  font-weight: bold;
}

.field--name-field-file-type {
  margin-top: 23px;
  border-top: 1px solid #eee;
  padding-top: 23px;
}

.block-inline-blocktext h2.block-title {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin-top: 13px;
  border-top: 1px solid #eee;
  padding-top: 23px;
}

.btn-primary-outline,
.btn-primary-outline:visited,
a>.btn-primary-outline,
a>.btn-primary-outline:visited {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  border-radius: 0 !important;
  -webkit-transition: background-color 0.1s;
  background-color: #dbe6eb !important;
  transition: background-color 0.1s;
}

.btn-primary-outline:hover {
  background-color: #fff !important;
}

.page-node-type-form .well-lg {
  padding: 24px;
  border-radius: 0px;
}

.page-node-type-form .views-field-views-conditional-field {
  margin-top: 23px;
  margin-bottom: 13px !important;
}


button>.btn-primary-outline,
button>.btn-primary-outline:visited,
input>.btn-primary-outline,
input>.btn-primary-outline:visited,
summary>.btn-primary-outline,
summary>.btn-primary-outline:visited {
  background: rgba(255, 255, 255, 0);
  color: #2e2e40;
  border: 3px solid #2e2e40;
}

.page-node-type-form .field--name-field-form-number {
  display:none;
}

.page-node-type-form .views-field-field-form-number {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.5px;
  margin: 30px 0 0;
}

@media screen and (max-width: 992px) {
  .page-node-type-form .download-pdf {
	margin-top: 10px;
  }
}

.page-node-type-form .field--name-body {
  margin-top: 30px;
}


/* Forms search block styling */
.view-id-forms th {
  font-weight: 700;
  font-size: 80%;
  letter-spacing: 0.25em;
}

.view-id-forms th a {
  text-decoration: none;
}

.view-id-forms .view-filters label {
  display: block;
}

.view-id-forms .view-filters input,
.view-id-forms .view-filters select {
  margin-right: 15px;
  max-width: 270px;
}

.view-id-forms .form-group {
  margin-bottom: 30px;
  display: inline-block;
}

.view-display-id-forms_search_block_all #edit-submit-forms,
.view-display-id-forms_search_block_all #edit-reset {
  margin-top: 20px;
  max-width: 300px;
  margin-right: 5px;
}

.view-display-id-forms_search_block_all {
  background-color: #dbe6eb;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 19px;
}

.view-display-id-forms_search_block_all .select-wrapper:after {
  padding-right: 1em;
}

.view-display-id-forms_search_block_all #edit-field-categories-target-id {
  max-width: 270px;
}

.view-display-id-forms_search_block_all #edit-actions {
  float: right;
}

#views-exposed-form-forms-forms-search-block-all .btn-default,
#views-exposed-form-forms-forms-search-block-all .btn-default:visited {
  background-color: #434458;
  color: #fff;
  border: 3px solid #434458;
}

views-exposed-form-forms-forms-search-block-all .btn-default:active,
views-exposed-form-forms-forms-search-block-all .btn-default:focus,
views-exposed-form-forms-forms-search-block-all .btn-default:hover {
  background-color: #6e6f91;
  color: #fff;
  border: 3px solid #6e6f91;
}

/* Commendation Recipient styling */
.view-id-commendation_recipients .control-label {
  width: 100%;
}

.view-id-commendation_recipients .edit-actions {
  float: right;
}

.block-views-blockcommendation-recipients-block-1 {
  background-color: #dbe6eb;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 19px;
}

.view-commendation-recipients #edit-submit-commendation-recipients,
.view-commendation-recipients #edit-submit-commendation-recipients:visited,
.view-commendation-recipients #edit-reset,
.view-commendation-recipients #edit-reset:visited {
  margin-top: 20px;
  background: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
  margin-right: 10px;
  float: right;
}

.view-commendation-recipients #edit-submit-commendation-recipients:hover,
.view-commendation-recipients #edit-submit-commendation-recipients:focus,
.view-commendation-recipients #edit-submit-commendation-recipients:active,
.view-commendation-recipients #edit-reset:hover,
.view-commendation-recipients #edit-reset:focus,
.view-commendation-recipients #edit-reset:active {
  margin-top: 20px;
  background: #434458;
  color: #fff;
  border: 3px solid #2e2e40;
  margin-right: 10px;
  float: right;
}

.view-commendation-recipients #edit-actions {
  float: right;
  width: 100%;
}

.view-commendation-recipients .views-field-field-image img {
  background: #eaebed;
  border-color: #eee;
  border-radius: 0;
  padding: 5px;
}

@media only screen and (min-width: 600px) {
  .view-id-commendation_recipients .form-inline .form-group {
    width: 45%;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 600px) {
  .view-id-commendation_recipients .form-inline .form-group {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* Add Event webform styling */
.add-event-button {
  margin-left: 5px;
}

.fc-button {
  border-radius: 0em;
}

.webform-add-event {
  background-color: #dbe6eb !important;
}

#edit-help {
  z-index: 1;
}

#edit-help a.btn-link {
  color: #2e2e40;
}

.webform-add-event .form-item-event-details,
.webform-add-event .form-item-events-country {
  padding-left: 15px;
}

#edit-add-event-fieldset .panel-heading {
  display: none;
}

#edit-add-event-fieldset .panel-body {
  background-color: #dbe6eb !important;
}

.webform-add-event .select-wrapper,
.webform-add-event select,
.webform-add-event textarea,
.webform-add-event .form-item-event-start-date label,
.webform-add-event .form-item-event-start-date input,
.webform-add-event .form-item-event-end-date label,
.webform-add-event .form-item-event-end-date input,
.webform-add-event .form-item-event-start-time label,
.webform-add-event .form-item-event-start-time input,
.webform-add-event .form-item-event-end-time label,
.webform-add-event .form-item-event-end-time input,
.webform-add-event .form-item-contact-phone label,
.webform-add-event .form-item-contact-phone input {
  width: 100%;
}

.webform-add-event #edit-actions-reset {
  margin-left: 10px;
}

.webform-submission-form .required-explanation {
  color: #e00;
  font-weight: 800;
}

/* Events search landing page styling */
.view-event-table-listing .form-item-body-value label,
.view-event-table-listing .form-item-field-province-target-id .select-wrapper,
.view-event-table-listing #edit-field-province-target-id {
  width: 100%;
  margin-left: 5px;
}

.view-event-table-listing .view-event-table-listing .form-item-body-value,
.view-event-table-listing .form-item-field-province-target-id,
.view-event-table-listing .form-item-field-country-target-id,
.view-event-table-listing #wb-auto-3 th {
  width: 30%;
}

.view-id-event_table_listing .form-group {
  padding: 10px;
  max-width: max-content;
}

.view-event-table-listing .view-header a {
  color: #2e2e40;
}

.view-event-table-listing .view-filters button,
.view-event-table-listing .view-filters button:hover,
.view-event-table-listing .view-filters button:focus,
.view-event-table-listing .view-filters button:active {
  margin-top: 25px !important;
  margin-right: 10px;
  background: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
}

.view-event-table-listing .view-filters #edit-reset {
  background-color: #D5E2E9;
  color: #2e2e40;
  border: 3px solid #D5E2E9;
}

.view-event-table-listing .view-filters #edit-reset:hover,
.view-event-table-listing .view-filters #edit-reset:active,
.view-event-table-listing .view-filters #edit-reset:focus {
  background: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
}

.view-event-table-listing .form-item-body-value,
.view-event-table-listing .form-item-body-value input,
.view-event-table-listing .form-item-body-value select {
  max-width: 150px;
}

.view-event-table-listing .form-item-field-event-province-target-id,
.view-event-table-listing .form-item-field-event-province-target-id input,
.view-event-table-listing .form-item-field-event-province-target-id select {
  max-width: 150px;
}

.view-event-table-listing .form-item-field-country-target-id,
.view-event-table-listing .form-item-field-country-target-id input,
.view-event-table-listing .form-item-field-country-target-id select {
  max-width: 130px;
}

/* Drug formulary search landing page styling */
.view-id-drug_formulary_search .form-inline .form-item-field-drug-din-value,
.view-id-drug_formulary_search .form-inline .form-item-field-trade-name-value {
  display: block;
  width: 100%;
  vertical-align: middle;
}

.view-id-drug_formulary_search .control-label {
  margin-top: 15px;
  vertical-align: middle;
  width: 100%;
  font-size: 24px;
  margin: 23px 0px;
}

.view-id-drug_formulary_search .form-inline .form-group,
.view-id-drug_formulary_search .form-inline .form-control {
  width: 100%;
}

#view-id-drug_formulary_search .view-filters {
  border: 0px;
  font-size: 16px;
  background-color: #dbe6eb;
  padding: 19px;
  margin-bottom: 20px;
}

.page-node-type-drug .field--label {
  margin-top: 10px;
  font-size: 24px;
  line-height: 1.65em;
  font-weight: 700;
}

.view-id-drug_formulary_search #search-ajax-btn {
  margin: 15px 0 0 0;
  float: right;
  padding: 6px 22.71px !important;
}

.view-id-drug_formulary_search #reset-ajax-btn {
  margin: 15px 16px 0 0;
  float: right;
  padding: 6px 22.71px !important;
}

td.views-field-field-drug-trade-name {
  font-weight: 400;
}

.view-id-drug_formulary_search .views-field-field-drug-din a,
.view-id-drug_formulary_search .views-field-field-drug-din a:focus,
.view-id-drug_formulary_search .views-field-field-drug-din a:hover,
.view-id-drug_formulary_search .views-field-field-drug-din a:visited {
  font-weight: 800;
  color: #000;
  text-decoration: underline;
}

.view-id-drug_formulary_search .views-field-field-drug-trade-name a,
.view-id-drug_formulary_search .views-field-field-drug-trade-name a:focus,
.view-id-drug_formulary_search .views-field-field-drug-trade-name a:hover,
.view-id-drug_formulary_search .views-field-field-drug-trade-name a:visited {
  font-weight: 400;
  color: #000;
  text-decoration: underline;
}

.view-id-drug_formulary_search th {
  color: #434458;
  text-decoration: none;
}

.field--name-field-drug-trade-name.field--type-string.field--label-hidden {
  font-size: 28px;
  letter-spacing: -.5px;
  margin: 16px 0px;
  font-weight: 700;
}

/* Reports landing page styling */
.view-id-reports h3 {
  background-color: #D5E2E9;
  border-color: #D5E2E9;
  color: #2e2e40;
  letter-spacing: 0.25em;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  margin: 0px !important;
}

.block-views-blockdownload-pdf-field-document-block-1 {
  width: fit-content;
  margin-bottom: -100px;
  float: right;
}

@media only screen and (max-width: 600px) {
  .block-views-blockdownload-pdf-field-document-block-1 {
    width: fit-content;
    margin-bottom: 0px;
    float: none;
  }
}

.field--name-field-report-downloads .file,
.field--name-field-report-downloads .file-link,
.views-field-field-download-pdf-pub .field--name-field-document .file,
.views-field-field-download-pdf-pub .field--name-field-document .file-link {
  width: auto;
}

.views-field-field-download-pdf-pub .field--name-field-document .icon,
.views-field-field-download-pdf-pub .field--name-field-document .file-icon {
  width: auto;
  padding-left: 5px;
}

.field--name-field-report-downloads .glyphicon-file {
  padding-left: 5px;
}


.block-views-blocksearch-reports-block-1 .block-title {
  width: 100%;
  padding-bottom: 25px!important;
}

.block-views-blocksearch-reports-block-1 .form-item-field-report-category, .block-views-blocksearch-reports-block-1 .form-item-field-start-year {
  margin-right: 10px;
}

.block-views-blocksearch-reports-block-1 #edit-actions {
	width: 100%!important;
    padding-top: 20px;
}

@media only screen and (max-width: 600px) {
  .block-views-blocksearch-reports-block-1 .form-item-field-report-category, .block-views-blocksearch-reports-block-1 .form-item-field-start-year, .block-views-blocksearch-reports-block-1 .form-item-processed- {
  margin-right: 0px;
  }
  
  .block-views-blocksearch-reports-block-1 .block-title {
  width: 100%;
  padding-bottom: 0px;
  }
}

/* Fix PDF download buttons on program pages */
.page-node-type-program-page .alert-info .btn-default {
  background-color: #434458;
  color: #fff;
  border: 3px solid #434458;
}

/* 2023 teaser cards */
.generic-card {
  background-color: #fff;
  border: 1px solid #d5e2e9;
}

.generic-card-dark {
  color: #fff;
  background-color: #2e2e40;
}

.cards-link {
  color: #fff;
  text-decoration: none;
}

.cards-link:hover {
  color: #fff;
  text-decoration: underline;
}

.cards-dark {
  background: #2e2e40;
  color: #fff;
  overflow: hidden;
}

.cards-text {
  padding: 10px;
  margin: 5px;
}

.card-image-animated {
  overflow: hidden;
}

.card-image-animated:hover img {
  transform: scale(1.02) translate(0px, -2px);
  transition: ease-in-out 0.5s;
}

/* legacy btn styling */
a.btn {
  font-weight: 700;
  border-radius: 0 !important;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
}

.btn-default:visited,
a>.btn-default,
a>.btn-default:visited,
button>.btn-default,
button>.btn-default:visited,
footer .btn-default,
input>.btn-default,
input>.btn-default:visited,
main .btn-default,
summary>.btn-default,
summary>.btn-default:visited {
  background-color: #D5E2E9;
  color: #2e2e40;
  border: 3px solid #D5E2E9;
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover,
a>.btn-default:active,
a>.btn-default:focus,
a>.btn-default:hover,
button>.btn-default:active,
button>.btn-default:focus,
button>.btn-default:hover,
footer .btn-default:hover,
input>.btn-default:active,
input>.btn-default:focus,
input>.btn-default:hover,
main .btn-default:hover,
summary>.btn-default:active,
summary>.btn-default:focus,
summary>.btn-default:hover {
  background-color: #434458;
  color: #fff;
  border: 3px solid #434458;
}

.btn-default-outline,
.btn-default-outline:visited,
a>.btn-default-outline,
a>.btn-default-outline:visited,
button>.btn-default-outline,
button>.btn-default-outline:visited,
footer .btn-default-outline,
input>.btn-default-outline,
input>.btn-default-outline:visited,
main .btn-default-outline,
summary>.btn-default-outline,
summary>.btn-default-outline:visited {
  background: #000;
  color: #D5E2E9;
  border: 3px solid #D5E2E9;
}

.btn-default-outline:active,
.btn-default-outline:focus,
.btn-default-outline:hover,
a>.btn-default-outline:active,
a>.btn-default-outline:focus,
a>.btn-default-outline:hover,
button>.btn-default-outline:active,
button>.btn-default-outline:focus,
button>.btn-default-outline:hover,
footer .btn-default-outline:hover,
input>.btn-default-outline:active,
input>.btn-default-outline:focus,
input>.btn-default-outline:hover,
main .btn-default-outline:hover,
summary>.btn-default-outline:active,
summary>.btn-default-outline:focus,
summary>.btn-default-outline:hover {
  background: #434458;
  color: #D5E2E9;
  border: 3px solid #434458;
  text-decoration-color: #634f70;
}

.shr-pg .modal-body .btn-default,
.shr-pg .modal-body .btn-default:visited,
.shr-pg .modal-body a.btn-default,
.shr-pg .modal-body a.btn-default:visited,
.shr-pg .modal-body button.btn-default,
.shr-pg .modal-body button.btn-default:visited,
footer .shr-pg .modal-body .btn-default,
main .shr-pg .modal-body .btn-default {
  background-color: #D5E2E9;
  color: #2e2e40;
  border: 3px solid #D5E2E9;
}

.shr-pg .modal-body .btn-default:active,
.shr-pg .modal-body .btn-default:focus,
.shr-pg .modal-body .btn-default:hover,
.shr-pg .modal-body a.btn-default:active,
.shr-pg .modal-body a.btn-default:focus,
.shr-pg .modal-body a.btn-default:hover,
.shr-pg .modal-body button.btn-default:active,
.shr-pg .modal-body button.btn-default:focus,
.shr-pg .modal-body button.btn-default:hover,
footer .shr-pg .modal-body .btn-default:hover,
main .shr-pg .modal-body .btn-default:hover {
  background-color: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
}

.btn-dark-grey,
.btn-dark-grey:visited,
.btn-primary,
.btn-primary:visited,
a>.btn-dark-grey,
a>.btn-dark-grey:visited,
a>.btn-primary,
a>.btn-primary:visited,
button>.btn-dark-grey,
button>.btn-dark-grey:visited,
button>.btn-primary,
button>.btn-primary:visited,
footer .btn-dark-grey,
footer .btn-primary,
form input>.btn-dark-grey,
form input>.btn-dark-grey:visited,
form input>.btn-primary,
form input>.btn-primary:visited,
main .btn-dark-grey,
main .btn-primary,
summary>.btn-dark-grey,
summary>.btn-dark-grey:visited,
summary>.btn-primary,
summary>.btn-primary:visited {
  background: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover,
a>.btn-primary:active,
a>.btn-primary:focus,
a>.btn-primary:hover,
button>.btn-primary.popup-modal-dismiss:hover,
button>.btn-primary:active,
button>.btn-primary:focus,
button>.btn-primary:hover,
input>.btn-primary:active,
input>.btn-primary:focus,
input>.btn-primary:hover,
main .btn-primary:active,
main .btn-primary:focus,
main .btn-primary:hover,
summary>.btn-primary:active,
summary>.btn-primary:focus,
summary>.btn-primary:hover {
  background-color: #434458;
  color: #fff !important;
  border: 3px solid #434458;
}

.btn-primary-outline,
.btn-primary-outline:visited,
a>.btn-primary-outline,
a>.btn-primary-outline:visited,
button>.btn-primary-outline,
button>.btn-primary-outline:visited,
input>.btn-primary-outline,
input>.btn-primary-outline:visited,
summary>.btn-primary-outline,
summary>.btn-primary-outline:visited {
  background: #000;
  color: #2e2e40;
  border: 3px solid #2e2e40;
}

.btn-primary-outline:active,
.btn-primary-outline:focus,
.btn-primary-outline:hover,
a>.btn-primary-outline:active,
a>.btn-primary-outline:focus,
a>.btn-primary-outline:hover,
button>.btn-primary-outline:active,
button>.btn-primary-outline:focus,
button>.btn-primary-outline:hover,
input>.btn-primary-outline:active,
input>.btn-primary-outline:focus,
input>.btn-primary-outline:hover,
summary>.btn-primary-outline:active,
summary>.btn-primary-outline:focus,
summary>.btn-primary-outline:hover {
  background: #fff;
  color: #2e2e40;
  border: 3px solid #434458;
  text-decoration: underline;
  text-decoration-color: #434458;
}

.btn-info,
.btn-info:visited,
a>.btn-info,
a>.btn-info:visited,
button>.btn-info,
button>.btn-info:visited,
footer .btn-info,
input>.btn-info,
input>.btn-info:visited,
main .btn-info,
summary>.btn-info,
summary>.btn-info:visited {
  background-color: #434458;
  color: #fff !important;
  border: 3px solid #434458;
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover,
a.btn-info:active,
a.btn-info:focus,
a.btn-info:hover,
button.btn-info:active,
button.btn-info:focus,
button.btn-info:hover,
footer .btn-info:hover,
main .btn-info:hover,
summary.btn-info:active,
summary.btn-info:focus,
summary.btn-info:hover {
  background-color: #6e6f91;
  color: #fff !important;
  border: 3px solid #6e6f91;
}

.btn-success,
.btn-success:visited,
a.btn-success,
a.btn-success:visited,
button.btn-success,
button.btn-success:visited,
summary.btn-success,
summary.btn-success:visited {
  background: #1ca56f;
  color: #fff !important;
  border: 3px solid #1ca56f;
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
a.btn-success:active,
a.btn-success:focus,
a.btn-success:hover,
button.btn-success:active,
button.btn-success:focus,
button.btn-success:hover,
summary.btn-success:active,
summary.btn-success:focus,
summary.btn-success:hover {
  background-color: #13724c;
  color: #fff !important;
  border: 3px solid #13724c;
}

.btn-warning,
.btn-warning:visited,
a.btn-warning,
a.btn-warning:visited,
button.btn-warning,
button.btn-warning:visited,
summary.btn-warning,
summary.btn-warning:visited {
  background: #fbad1d;
  color: #2e2e40;
  border: 3px solid #fbad1d;
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
a.btn-warning:active,
a.btn-warning:focus,
a.btn-warning:hover,
button.btn-warning:active,
button.btn-warning:focus,
button.btn-warning:hover,
summary.btn-warning:active,
summary.btn-warning:focus,
summary.btn-warning:hover {
  background-color: #a06903;
  color: #fff;
  border: 3px solid #a06903;
}

.btn-danger,
.btn-danger:visited,
a.btn-danger,
a.btn-danger:visited,
button.btn-danger,
button.btn-danger:visited,
summary.btn-danger,
summary.btn-danger:visited {
  background: #d3080c;
  color: #fff;
  border: 3px solid #d3080c;
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
a.btn-danger:active,
a.btn-danger:focus,
a.btn-danger:hover,
button.btn-danger:active,
button.btn-danger:focus,
button.btn-danger:hover,
summary.btn-danger:active,
summary.btn-danger:focus,
summary.btn-danger:hover {
  background-color: #a70609;
  color: #fff;
  border: 3px solid #a70609;
}

/* vac footer styling */
.no-gutters {
  padding-right: 0px;
  padding-left: 0px;
}

footer#wb-info a.btn,
footer#wb-info a.btn:link {
  color: #2e2e40;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
}

footer#wb-info a.btn:hover,
footer#wb-info a.btn:focus {
  color: #fff;
  text-decoration: none;
}

footer#wb-info a.footer-signin,
footer#wb-info a.footer-signin:link,
footer#wb-info a.footer-signin:hover,
footer#wb-info a.footer-signin:focus,
footer#wb-info a.footer-signin:visited {
  color: #fff;
  background-color: #2e2e40;
  text-decoration: underline;
}

footer#wb-info a.footer-signin:hover,
footer#wb-info a.footer-signin:focus {
  text-decoration: none;
}

footer#wb-info a,
footer#wb-info a:link {
  text-decoration: underline;
}

footer div.brand {
  background: url(/themes/custom/vac/images/svg-leaf.png) 50px -205px no-repeat #2e2e40 !important;
  background-size: 150%;
  border-top: 1px solid #434458;
}

#wb-info .brand img {
  width: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 992px) {
  #wb-info .brand img {
    width: auto;
    object-fit: contain;
    margin-left: 15px;
  }
}

footer li a {
  color: #fff !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

footer li a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

footer ul.contextual-links li a,
footer ul.contextual-links li a:hover,
footer ul.contextual-links li a:visited,
footer ul.contextual-links li a:active {
  color: #000 !important;
}

/* footer headings visible */
.region-footer h3 {
  color: #fff;
}

/* footer top of page visible */
footer#wb-info .tofpg a,
footer#wb-info .tofpg a:hover,
footer#wb-info .tofpg a:visited,
footer#wb-info .tofpg a:active {
  color: #fff;
}

/* Articles page styling */
/*Custom Header Thumbnail Image for Articles CT */
.page-node-type-article .field--name-field-image {
  padding: 15px 0px 30px 0px;
}

.page-node-type-article .field--name-field-image img {
  width: 100%;
}

.block-views-blockperson-block-1 .form-inline .form-group {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

.block-views-blockperson-block-1 .form-inline .form-group .control-label {
  min-width: 20%;
}

.getCenterAlignment {
  text-align: center;
}

.getRightAlignment {
  text-align: right;
}

h1.article-h1-wbcont {
  visibility: hidden;
  margin: 0px;
  height: 0px;
}

.article-page-title-block {
  background-color: #2e2e40;
}

.article-page-title-block img {
  width: 100%;
}

.block-field-blocknodearticlefield-video-file {
  padding-bottom:15px;
}

/* apply vac styling for panels site-wide */
.panel-info {
  border-color: #434458;
}

.panel-info .panel-heading {
  background-color: #434458;
  border-color: #434458;
  color: #e6f0cb;
}

/* styles Policy search page and content pages */
.panel-info {
  border-color: #434458;
}

.panel-info .panel-heading {
  background-color: #434458;
  border-color: #434458;
  color: #e6f0cb;
}

.view-policy .views-exposed-form .form-item-title .control-label {
  display: block;
}

.view-policy .views-exposed-form .control-label {
  display: block;
  width: auto;
}

.view-policy .views-exposed-form .form-item {
  margin: 10px;
  max-width: 45%;
}

@media only screen and (max-width: 780px) {
  .view-policy .views-exposed-form .form-item {
    margin: 10px;
    max-width: 100%;
  }
}

.view-id-policy #edit-actions button {
  margin-left: 10px;
  margin-bottom: -10px;
}

@media only screen and (max-width: 780px) {
  .view-id-policy #edit-actions button {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }
}

.view-id-policy #view-field-document-id-table-column {
  padding-left: 20px;
  font-weight: 800;
  color: #000;
}

.view-id-policy #view-field-effective-date-table-column {
  min-width: 200px;
}

.view-id-policy #view-field-effective-date-table-column a {
  float: right;
}

.view-id-policy #edit-reset,
.view-id-policy #edit-submit-policy {
  float: left;
}

.view-id-policy input,
.view-id-policy .select-wrapper,
.view-id-policy select,
.view-id-policy input {
  width: 100% !important;
}

.view-id-policy #view-field-document-id-table-column .sorting-cnt {
  display: none;
}

.block-views-blockpolicy-block-1 .well {
  background-color: #dbe6eb;
  padding-top: 0px;
}

.block-views-blockpolicy-block-1 .well .view-header {
  padding: 10px;
  margin-left: -18px;
  margin-right: -18px;
  background-color: #fff;
}

.block-views-blockpolicy-block-1 .well .view-filters {
  padding-right: 10px;
  margin-left: -18px;
  margin-right: -18px;
  background-color: #fff;
  padding-bottom: 30px;
}

.block-views-blockpolicy-block-1 table,
.block-views-blockpolicy-block-1 th {
  border: 0px;
  font-size: 16px;
  background-color: #dbe6eb;
}

.block-views-blockpolicy-block-1 table td.col-sm-1 {
  font-size: 18px;
}

.block-views-blockpolicy-block-1 .view-header {
  font-size: 17px;
}

.block-views-blockpolicy-block-1 table a,
.view-id-drug_formulary_search table a {
  font-weight: 800;
  text-decoration: none;
  color: #2e2e40;
}

.block-views-blockpolicy-block-1 table a:hover,
.block-views-blockpolicy-block-1 table a:focus,
.block-views-blockpolicy-block-1 table a:active,
.view-id-drug_formulary_search table a:hover,
.view-id-drug_formulary_search table a:focus,
.view-id-drug_formulary_search table a:active {
  font-weight: 800;
  text-decoration: underline !important;
  color: #2e2e40 !important;
}

.block-views-blockpolicy-block-1 table.dataTable.no-footer {
  border-bottom: 0px;
}

.block-views-blockpolicy-block-1 tr {
  background-color: #fff;
}

.block-views-blockpolicy-block-1 tr:hover {
  background-color: #F4F7F9;
  background: #F4F7F9;
}

.block-views-blockpolicy-block-1 tbody>tr:hover {
  background-color: #f0f0f0;
}

.block-views-blockpolicy-block-1 .glyphicon-search:before {
  display: none;
}

.block-views-blockpolicy-block-1 .select-wrapper:after {
  color: #555;
  font-size: small;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  color: #434458;
  border-top: 1px solid #D5E2E9;
  border-bottom: 1px solid #D5E2E9;
  padding: 8px;
  line-height: 1.4375;
}

@media only screen and (min-width: 767px) {
  .block-field-blocknodepolicyfield-download-pdf {
    float: right;
    margin-top: -70px;
  }
}

.block-field-blocknodepolicyfield-download-pdf a.download-pdf {
  width: max-content;
}

.page-node-type-policy .field--name-field-issuing-authority p {
  margin-bottom: 0px;
}


/* treatment benefits view styling */
.block-views-blockbenefits-block-1,
.block-views-blockdrug-formulary-search-block-1 {
  background-color: #dbe6eb;
  padding: 19px;
}

.block-views-blockbenefits-block-1 h2 {
  margin-top: 0px;
  font-size: 24px;
}

.block-views-blockbenefits-block-1 .views-field-field-benefit-code-number a,
.block-views-blockbenefits-block-1 .views-field-field-benefit-code-number a:focus,
.block-views-blockbenefits-block-1 .views-field-field-benefit-code-number a:hover,
.block-views-blockbenefits-block-1 .views-field-field-benefit-code-number a:visited {
  font-weight: 800;
  color: #000;
  text-decoration: underline;
}

.block-views-blockbenefits-block-1 .views-field-body a,
.block-views-blockbenefits-block-1 .views-field-body a:focus,
.block-views-blockbenefits-block-1 .views-field-body a:hover,
.block-views-blockbenefits-block-1 .views-field-body a:visited {
  color: #000;
  text-decoration: underline;
}

.block-views-blockbenefits-block-1 .form-item {
  width: 48%;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .block-views-blockbenefits-block-1 .form-item {
    width: 100%;
  }
}

.block-views-blockbenefits-block-1 .form-item-field-province-target-id .select-wrapper,
.block-views-blockbenefits-block-1 input,
.block-views-blockbenefits-block-1 label,
.block-views-blockbenefits-block-1 select,
.block-views-blockbenefits-block-1 .select-wrapper {
  width: 100% !important;
}

.block-views-blockbenefits-block-1 #edit-actions {
  float: right;
  margin-right: 30px;
}

.block-views-blockbenefits-block-1 #edit-submit-benefits {
  float: left;
  margin-right: 10px;
}

.block-views-blockbenefits-block-1 #edit-submit-benefits .glyphicon,
.block-views-blockbenefits-block-1 #edit-reset .glyphicon {
  display: none;
}

.view-id-policy #edit-actions button {
  float: right;
}

.block-views-blockbenefits-block-1 #edit-actions button,
.block-views-blockbenefits-block-1 #edit-actions button:focus,
.block-views-blockbenefits-block-1 #edit-actions button:hover {
  margin-top: 10px;
  background: #2e2e40;
  color: #fff;
}

.block-views-blockbenefits-block-1 #search-ajax-btn {
  margin-right: 10px;
}

.block-views-blockbenefits-block-1 #search-ajax-btn,
.block-views-blockbenefits-block-1 #edit-submit-benefits {
  background-color: #17875a !important;
  padding: 6px 22.71px !important;
  border: none;
}

.view-id-policy #edit-actions button {
  margin-top: 10px;
  background: #2e2e40;
  color: #fff;
  border: 3px solid #2e2e40;
}

.view-id-policy #edit-actions button:focus,
.view-id-event_table_listing #edit-actions button:focus,
.view-id-policy #edit-actions button:hover,
.view-id-event_table_listing #edit-actions button:hover {
  margin-top: 10px;
  background: #434458;
  color: #fff;
  border: 3px solid #2e2e40;
}

.block-views-blockbenefits-block-1 table,
.block-views-blockdrug-formulary-search-block-1 table {
  background-color: #fff;
}

/* Events calendar view CSS fixes */
.fc-event,
.fc-event:visited {
  color: #fff;
  text-decoration: none;
}

.fc-event:hover {
  color: #fff;
  text-decoration: underline;
}

/* some Bootstrap 5 util classes */
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0rem;
  margin-right: 10px;
}

.card>hr {
  margin-right: 0;
  margin-left: 0;
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card-title {
  margin-bottom: 16px;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link+.card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: #000;
  border-bottom: 1px solid #000;
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group>.card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-top,
  .card-group>.card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-bottom,
  .card-group>.card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-top,
  .card-group>.card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-bottom,
  .card-group>.card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

/* Memorial update webform styling */
.webform-submission-update-memorial-add-form .form-control,
.webform-submission-update-memorial-add-form #webform-submission-update-memorial-add-form .form-control {
  width: 100%;
}

.webform-submission-update-memorial-add-form #_latitude_,
.webform-submission-update-memorial-add-form #_longitude_ {
  width: 70%;
}

.webform-submission-update-memorial-add-form .form-item-i-full-name-required- label {
  display: inline;
  padding-top: 5px;
  float: left;
}

.webform-submission-update-memorial-add-form #edit-i-full-name-required- {
  width: 200px;
  margin: 0px 5px 0px 5px;
  float: left;
}

.webform-submission-update-memorial-add-form .help-block {
  font-size: 16px;
  line-height: 2.4;
}

.webform-submission-update-memorial-add-form #edit-actions {
  float: right;
}

.webform-submission-update-memorial-add-form #edit-caption-* {
  min-height: 200px;
}

.webform-submission-update-memorial-add-form #edit-actions {
  float: right;
}

/* Legacy design styling */
.well {
  background-color: #dbe6eb;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.alert {
  margin-left: 0px;
  padding: 21px;
}

.alert-link {
  color: #2e2e40;
  text-decoration: underline;
}

.alert> :first-child {
  margin-left: 1.2em;
  margin-top: auto;
}

.alert-danger,
.alert-info,
.alert-success,
.alert-warning {
  background: #fff;
  border-width: 6px;
}

.alert-danger:before,
.alert-info:before,
.alert-success:before,
.alert-warning:before {
  content: none;
}

.alert-info {
  border-color: #dbe6eb;
  border-image: none;
}

.alert-info> :first-child:before {
  content: "\e086";
  color: #434458;
}

.alert-success {
  border-color: #1ca56f;
  border-image: none;
}

.alert-success> :first-child:before {
  content: "\e084";
  color: #1ca56f;
}

.alert-warning {
  border-color: #fbad1d;
  border-image: none;
}

.alert-warning> :first-child:before {
  content: "\e107";
  color: #fbad1d;
}

.alert-danger {
  border-color: #d3080c;
  border-image: none;
}

.alert-danger> :first-child:before {
  content: "\e101";
  color: #d3080c;
}

.bold {
  font-weight: bold;
}

.panel .text-off-white,
.panel .text-white,
.text-off-white,
.text-white {
  color: #fff !important;
}

blockquote {
  padding: 11.5px 23px;
  margin: 0 0 23px;
  border-left: 5px solid #1ca56f;
}

.program-panel {
  background-color: #F4F7F9;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 10px;
  margin-left: 1px;
  margin-right: 1px;
}

.program-panel h2 {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 12px;
}

[class*=colcount-].list-unstyled {
  list-style: none outside none;
  padding-left: 0;
}

.program-panel blockquote {
  padding: 11.5px 23px;
  border-left: 5px solid #D5E2E9;
}

.lead {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  color: #434458;
}

@media only screen and (max-width: 425px) {
  .program-panel blockquote {
    display: none;
  }
}

.program-panel ol li {
  margin-bottom: 4px;
}

svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa.fa-w-16 {
  width: 1em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}

.accent,
.accent-tp {
  background-color: #1ca56f;
  min-height: 0.4em;
  height: 0.4em;
}

.accent {
  max-width: 3.5em;
}

.wb-tabs [role="tablist"]>li.active a {
  border-bottom: 0.625em solid #1ca56f;
  border-top: none;
  background: 0 0;
  cursor: default;
  padding-top: 0.357em;
  color: #2e2e40;
}

.small,
ol.small li,
p.small,
small,
summary.small,
ul.small li {
  font-size: 14px;
  line-height: 20px;
}

main .article-link,
main a.article-link {
  color: #434458;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}

.article a,
.panel-footer a {
  text-decoration: none;
}

.panel-footer {
  background-color: #f5f5f5;
}

details[open]>summary {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  list-style-type: disclosure-open;
  margin-bottom: 0.25em;
}

details summary {
  color: #2f3437;
  background-color: #fff;
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
  box-shadow: none;
  border: 1px solid #D5E2E9;
}

.mrgn-lft-sm {
  margin-left: 5px;
}

svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.panel-default .panel-heading {
  background-color: #D5E2E9;
  border-color: #D5E2E9;
  color: #2e2e40;
}

main .list-group-item {
  font-size: 16px;
}

.block-views-blockforms-block-1 {
  background-color: #dbe6eb;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
}

.block-views-blockforms-block-1 table {
  border: 1px solid #000;
}

.block-views-blockforms-block-1 .control-label {
  display: flex;
}

.btn-primary-outline:visited {
  background: #000;
  color: #2e2e40;
  border: 3px solid #2e2e40;
}

.btn-primary-outline:active,
.btn-primary-outline:focus,
.btn-primary-outline:hover,
a>.btn-primary-outline:active,
a>.btn-primary-outline:focus,
a>.btn-primary-outline:hover,
button>.btn-primary-outline:active,
button>.btn-primary-outline:focus,
button>.btn-primary-outline:hover,
input>.btn-primary-outline:active,
input>.btn-primary-outline:focus,
input>.btn-primary-outline:hover,
summary>.btn-primary-outline:active,
summary>.btn-primary-outline:focus,
summary>.btn-primary-outline:hover {
  background: #fff;
  color: #2e2e40;
  border: 3px solid #434458;
  text-decoration: underline;
  text-decoration-color: #434458;
}

.btn-info,
.btn-info:visited,
a>.btn-info,
a>.btn-info:visited,
button>.btn-info,
button>.btn-info:visited,
footer .btn-info,
input>.btn-info,
input>.btn-info:visited,
main .btn-info,
summary>.btn-info,
summary>.btn-info:visited {
  background-color: #434458;
  color: #fff;
  border: 3px solid #434458;
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover,
a.btn-info:active,
a.btn-info:focus,
a.btn-info:hover,
button.btn-info:active,
button.btn-info:focus,
button.btn-info:hover,
footer .btn-info:hover,
main .btn-info:hover,
summary.btn-info:active,
summary.btn-info:focus,
summary.btn-info:hover {
  background-color: #6e6f91;
  color: #fff;
  border: 3px solid #6e6f91;
}

.btn-success,
.btn-success:visited,
a.btn-success,
a.btn-success:visited,
button.btn-success,
button.btn-success:visited,
summary.btn-success,
summary.btn-success:visited {
  background: #17875a;
  color: #fff;
  border: 3px solid #17875a;
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
a.btn-success:active,
a.btn-success:focus,
a.btn-success:hover,
button.btn-success:active,
button.btn-success:focus,
button.btn-success:hover,
summary.btn-success:active,
summary.btn-success:focus,
summary.btn-success:hover {
  background-color: #13724c;
  color: #fff;
  border: 3px solid #13724c;
}

.btn-warning,
.btn-warning:visited,
a.btn-warning,
a.btn-warning:visited,
button.btn-warning,
button.btn-warning:visited,
summary.btn-warning,
summary.btn-warning:visited {
  background: #fbad1d;
  color: #2f3437;
  border: 3px solid #fbad1d;
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
a.btn-warning:active,
a.btn-warning:focus,
a.btn-warning:hover,
button.btn-warning:active,
button.btn-warning:focus,
button.btn-warning:hover,
summary.btn-warning:active,
summary.btn-warning:focus,
summary.btn-warning:hover {
  background-color: #a06903;
  color: #fff;
  border: 3px solid #a06903;
}

.btn-danger,
.btn-danger:visited,
a.btn-danger,
a.btn-danger:visited,
button.btn-danger,
button.btn-danger:visited,
summary.btn-danger,
summary.btn-danger:visited {
  background: #d3080c;
  color: #fff;
  border: 3px solid #d3080c;
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
a.btn-danger:active,
a.btn-danger:focus,
a.btn-danger:hover,
button.btn-danger:active,
button.btn-danger:focus,
button.btn-danger:hover,
summary.btn-danger:active,
summary.btn-danger:focus,
summary.btn-danger:hover {
  background-color: #a70609;
  color: #fff;
  border: 3px solid #a70609;
}

.pager>li>a,
.pagination {
  border-radius: 0;
}

.btn-sm {
  padding: 9px 18px !important;
}

.mrgn-all-0 {
  margin: 0;
}

.mrgn-all-xs {
  margin: 5px;
}

.mrgn-all-sm {
  margin: 10px;
}

.mrgn-all-md {
  margin: 20px;
}

.mrgn-all-lg {
  margin: 30px;
}

.mrgn-all-xl {
  margin: 40px;
}

.pddg-all-0 {
  padding: 0;
}

.pddg-all-xs {
  padding: 5px;
}

.pddg-all-sm {
  padding: 10px;
}

.pddg-all-md {
  padding: 15px;
}

.pddg-all-lg {
  padding: 30px;
}

.pddg-all-xl {
  padding: 50px;
}

.pddg-tp-0 {
  padding-top: 0;
}

.pddg-tp-xs {
  padding-top: 5px;
}

.pddg-tp-sm {
  padding-top: 10px;
}

.pddg-tp-md {
  padding-top: 15px;
}

.pddg-tp-lg {
  padding-top: 30px;
}

.pddg-tp-xl {
  padding-top: 50px;
}

.pddg-bttm-0 {
  padding-bottom: 0;
}

.pddg-bttm-xs {
  padding-bottom: 5px;
}

.pddg-bttm-sm {
  padding-bottom: 10px;
}

.pddg-bttm-md {
  padding-bottom: 15px;
}

.pddg-bttm-lg {
  padding-bottom: 30px;
}

.pddg-bttm-xl {
  padding-bottom: 50px;
}

.pddg-lft-0 {
  padding-left: 0;
}

.pddg-lft-xs {
  padding-left: 5px;
}

.pddg-lft-sm {
  padding-left: 10px;
}

.pddg-lft-md {
  padding-left: 15px;
}

.pddg-lft-lg {
  padding-left: 30px;
}

.pddg-lft-xl {
  padding-left: 50px;
}

.pddg-rght-0 {
  padding-right: 0;
}

.pddg-rght-xs {
  padding-right: 5px;
}

.pddg-rght-sm {
  padding-right: 10px;
}

.pddg-rght-md {
  padding-right: 15px;
}

.pddg-rght-lg {
  padding-right: 30px;
}

.pddg-rght-xl {
  padding-right: 50px;
}

.bg-info {
  background: #eee;
}

.extraPadding {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* this css is currently for the banners on memorials, battles, conflicts. update if required.*/
.field--name-field-primary-image img,
.field--name-field-banner-image img,
.field--name-field-banner-image-memorial img {
  width: 100%;
}

.toc-container {
  background: #2e2e40;
  padding: 16px;
}

.toc-container,
.toc-container h2,
.toc-container a {
  color: #D5E2E9;
}

.pstn-bttm-xs {
  position: absolute;
  bottom: 0;
  top: auto;
  padding: 30px;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  border: 5px solid #eaeaea;
}

/* fix broken layout Add Section options */
#drupal-off-canvas .form-item {
  overflow: auto;
}

/* homepage and art-hub and further reading block Articles block styling, plus medals view */
.view-id-articles .panel-default,
.view-id-medals .panel-default {
  border: solid 1px;
  border-color: black;
}
.block-views-blockarticles-block-1 .block-title {
  margin-left: 20px;
}

@media screen and (max-width: 576px) {

  .view-id-articles .views-col card,
  .view-id-medals .views-col card {
    width: 100% !important;
  }
}

.view-id-articles .card-img-top,
.view-id-medals .card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.view-id-articles p.card-text,
.view-id-medals p.card-text {
  font-size: 16px;
  line-height: 20px;
}

.view-id-articles .card-group,
.view-id-medals .card-group {
  margin-bottom: 0.5em;
  margin-left: 20px;
}

.view-id-articles .card a, 
.view-id-articles .card a:hover, 
.view-id-articles .card a:focus,
.view-id-articles .card .pagedetails .row div:first-child a:hover, 
.view-id-articles .card .pagedetails .row div:first-child a:focus, 
.view-id-articles .card .pagedetails .row div:first-child a {
  text-decoration: none;
  margin-top: 0em;
  font-size: 1em;
  line-height: 20px;
  color: #000;
  border: solid 1px black!important;
}

.view-id-articles img {
  width: 100%;
}


.view-id-articles .card:hover,
.view-id-articles .card:focus,
.view-id-articles .card:hover h2,
.view-id-articles .card:focus h2,
.view-id-articles .card:hover a,
.view-id-articles .card:hover a:visited,
.view-id-articles .card a:hover,
.view-id-articles .card a:focus,
.view-id-articles .card-title h2:hover,
.view-id-articles .card-title h2:focus,
.view-id-articles .card h2:hover,
.view-id-articles .card h2:focus,
.view-id-articles h2:hover,
.view-id-articles h2:focus {
  color: #fff;
  background-color: #2e2e40;
  text-decoration: none;
  border: none;
  font-size: 18.08px !important;
}

.view-id-articles .card a h2,
.view-id-articles .card h2 {
  font-size: 18.08px;
  margin-bottom: 16px !important;
  margin-top: 23px !important;
}

.view-id-articles .card a,
.view-id-medals .card a {
  height: 100%;
}

.view-id-articles .card-group .card {
  max-width: 32%;
}

@media (max-width: 575px) {
  .view-id-articles .card-group .card {
    max-width: 100%;
    min-width: 100%;
  }
}

.view-id-medals .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.view-id-articles .select-wrapper,
.view-id-articles #edit-field-article-category-target-id {
  width: 100%;
}

.view-id-articles .form-inline .form-group {
  vertical-align: bottom;
}

.views-exposed-form-articles-block-5 .views-exposed-form .control-label {
  display: block;
}

/* LANGUAGE SELECTOR Page */
#splash-bg {
  height: 250%;
  width: 200%;
  position: absolute;
  left: -125px;
  top: 0;
  width: 125%;
  background: url(https://veterans.gc.ca/2018-redesign-assets/images/vector-soldiers.svg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#sp-lang-selector {
  margin: 25vh auto;
  width: 500px;
}

.sp-bx {
  border-top: 8px solid #57bd84 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  background-color: white;
  padding: 20px 15px;
}

.sp-bx-bt {
  background-color: #2e2e40 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  padding: 20px 15px;
}

.sp-bx-bt a, .sp-bx-bt a:visited, .sp-bx-bt a:hover, .sp-bx-bt a:active {
  text-decoration: none;
  font-size: 14px;
  color: #fff !important;
}

.sp-lk:link {
  text-decoration: none;
  font-size: 14px;
  color: #fff !important;
}

#sp-lang-selector .glyphicon {
  color: #fff;
  font-size: 5px;
  top: -3px;
}

.path-language-selection-page .region-content {
  background-color: #F4F7F9;
}

/* added for art-hub title block - IJM */
.article-block {
  background-color: #2e2e40;
  align-items: center;
  display: flex;
}

.article-image-block {
  height: auto;
  border: 5px solid #eaeaea;
}

.article-block-sm {
  background-color: #2e2e40;
}

.article-image-block-sm {
  padding: 10px;
}

.article-summary-block {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

/* fix H4s on home page Features view */
#views-bootstrap-government-initiatives-block-1 .h4 {
  margin-top: 26px;
}

/* border color on info-about-programs-and-info-holdings */
.panel.panel-default {
  border-color: #D5E2E9 !important;
}

/* pibs navigation hover link */
a.btn.btn-default:hover {
  color: #fff !important;
}

.page-node-type-pib h1.content-title {
  font-family: Montserrat, sans-serif;
  font-size: 58px;
  border-bottom: none;
  letter-spacing: -1px;
  font-weight: 700;
  margin: 18px 0 12px;
}

/* pibs navigation for mobile */
@media only screen and (max-width: 767px) {
  .btn.btn-default {
    font-size: 16px;
    width: 100%;
    display: inline-block;
  }
}

/* styling for About Vac landing page title block */
#vac-about {
        background-color: #2e2e40;
        background-image: url("/sites/default/files/2023-10/parliament-transparent_3.png");
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: 100% 98%; /* Adjust the background position using percentage values */
        border-radius: 0px;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 3.5em;
        padding-bottom: 3.5em;
}

/* Media Query for smaller screens */
@media (max-width: 767px) {
	#vac-about {
		background-position: 100% 98%;
		background-size: 70%; 
	}
  h1#wb-cont {
    font-size: 2.5em !important;
  }
}

@media (max-width: 650px) {
	#vac-about {
		background-image: none;
		background-position: 100% 98%;
		background-size: 100%; 
	}
  h1#wb-cont {
    font-size: 2.5em !important;
  }
}

#vac-about h1 {
    border: none; 
		font-size: 44px; 
		margin-top: 10px;
}

/* Report Content Type */
.svg-download-pdf-report {
  margin-left: 8px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-download fa-w-16 mrgn-lft-md' aria-hidden='true' focusable='false' data-prefix='fa' data-icon='download' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' data-fa-i2svg=''%3E%3Cpath stroke='currentColor' fill='currentColor' d='M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  width: 16px;
  height: 16px;
}

a.btn-default .svg-download-pdf-report:hover {
  fill: #fce57e !important;
  color : white !important;
}

svg:hover path {
  fill: #fce57e !important;
}

.svg-download-pdf-report:hover {
  stroke: white !important; 
  fill: white !important; 
}

.page-node-type-report .view-content .panel.panel-default {
  font-size: 16px !important;
  border-color: #D5E2E9 !important;
  border: 6px solid transparent;
  margin: 0px 0px 23px;
  border-radius: 0px !important;
  margin-left: 0px;
  padding: 21px;
}

.page-node-type-report span.h4 {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  padding-top: 0px !important;
}

.page-node-type-report span.static-text {
  font-size: 16px;
}

span.svg-info {
  position: relative;
  top: 4px;
}

.svg-info {
  display: inline-block;
  top: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'%3E%3Cpath d='M25,2C12.297,2,2,12.297,2,25s10.297,23,23,23s23-10.297,23-23S37.703,2,25,2z M25,11c1.657,0,3,1.343,3,3s-1.343,3-3,3 s-3-1.343-3-3S23.343,11,25,11z M29,38h-2h-4h-2v-2h2V23h-2v-2h2h4v2v13h2V38z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.page-node-type-report ul.pagination a.btn {
  font-size: 16px;
  font-weight: 700;
  border-radius: 0 !important;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
  background-color: #d5e2e9;
  color: #2f3437;
  border: 3px solid #d5e2e9;
}

.page-node-type-report ul.pagination a.previous,
.page-node-type-report ul.pagination a.next {
  font-size: 16px;
  font-weight: 700;
  border-radius: 0 !important;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
  background-color: #eaebed;
  color: #2e2e40;
  border: 3px solid #eaebed;
}

.page-node-type-report ul.pagination a.btn-default:active,
.page-node-type-report ul.pagination a.btn-default:focus,
.page-node-type-report ul.pagination a.btn-default:hover,
.page-node-type-report ul.pagination a.previous:active,
.page-node-type-report ul.pagination a.previous:focus,
.page-node-type-report ul.pagination a.previous:hover,
.page-node-type-report ul.pagination a.next:active,
.page-node-type-report ul.pagination a.next:focus,
.page-node-type-report ul.pagination a.next:hover
{
  background-color: #333333 !important;
  color: #fff !important;
  border-color: #333333 !important;
}

.block-field-blocknodereporttitle {
  margin-bottom: 15px;
}


/* Hide default block for title for report CT */
.page-node-type-report h1#wb-cont {
  display: none !important;
}

/* Title for report CT like h1#wb-cont */
.page-node-type-report .block-field-blocknodereporttitle span {
  width: 100%;
  border-bottom: 0px;
  line-height: 1.1;
  letter-spacing: -1px;
  font-weight: 700;
  padding-bottom: 0px;
  font-size: 58px;
  margin-top: 32px;
}

.page-node-type-report .block-layout-builder .small {
  position: relative;
  top: 10px;
  font-size: 65%;
  font-weight: 400;
  line-height: 1;
  color: #6f6f6f;
}

.bg-primary, table tr.bg-primary th {
  background: #2e2e40;
  color: #e6f0cb !important;
}

/* charts */
figcaption {
  font-size: 20px;
  background-color: #eaebed;
  padding: 4px 9px !important;
}

figcaption {
  display: block;
}

/* salute */
.block-views-blocksalute-block-2 h3 {
	border: 1px solid;
    background-color: #d5e2e9;
    border-color: #d5e2e9;
    color: #2f3437;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 0px;
}

.block-views-blocksalute-block-2 .panel {
    margin-top: 0px!important;
}

.dark-well {
    background: #2e2e40;
    color: #fff;
    padding: 4%;
}

.img-half-width {
    width: 50%;
    padding-right: 20px;
    padding-bottom: 20px;
}

.vacbody {
    background: url(/assets/svg-compass.svg) rgba(192,216,226);
    background-size: auto 140%;
    background-position: center center;
    background-repeat: no-repeat;
}

.vacbody2 {
    background: url(/assets/vector-leaf.svg) #2e2e40;
    background-size: cover;
    background-repeat: no-repeat;
}

.healthbody {
    background: url(/images/salute/spring2019/mental-health.svg) rgb(67,68,89);
    background-size: auto 90%;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}