td.views-field.views-field-field-ledership-details {
    display: block;
}

td.views-field.views-field-title {
    display: block;
}

td.leader-email.views-field.views-field-field-enail {
    display: block;
    margin-bottom: 24px;
}

.field--label {
    display: none;
}

section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-position.clearfix,
section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-department.clearfix,
section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-title.clearfix,
section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-region.clearfix,
section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-facility.clearfix{
    margin-bottom: 2px;
}

td.views-field.views-field-field-profile-picture {
    padding-top: 40px;
    padding-bottom: 40px;
}

td.views-field.views-field-title {
    padding-top: 24px;
}

.table-hover > tbody > tr:hover {
    background-color: #ffffff;
}


td.views-field.views-field-field-profile-picture {
    background-color: rgba(0, 0, 0, 0);
}

td.views-field.views-field-field-profile-picture {
  width: 240px; /* Adjust this value as needed */
  height:200px;
  overflow: hidden;
  /*padding:40px;*/
  display: none;
}

td.views-field.views-field-field-profile-picture img {
  object-fit: cover;
  object-position: center center;
  width:160px;
  height:160px;
  border-radius:500px
}

td.views-field.views-field-title > h4 {
    text-transform: none;
    font-size: 2.2rem;
    letter-spacing: 0;
}

td.views-field.views-field-field-ledership-details,
td.leader-email.views-field.views-field-field-enail{
    border-top: none;
}


.table-striped > tbody > tr:nth-of-type(odd) {.table-striped >
    tbody > tr: nth-of-type(odd);
}

table.table.table-hover.table-striped > tbody > tr:not(:first-child) {
   border-top: 2px solid rgba(9, 93, 103, .1); 
}

.table > tbody > tr > td {
  border-top: none;
}

@media (max-width: 767px) {
  td.views-field.views-field-field-profile-picture {
    display: block;
    padding: 30px 30px 5px 5px;
  }
  td.views-field.views-field-title {
    padding-top:0
  }
  .table-responsive {
    border:none;
    max-width:100%;
  }
}

.block-field-blockparagraphleader-detailsfield-position {
    max-width: 300px;  
  font-weight: 600;
}

.views-field-title h4 {
    white-space: normal;
    word-break: break-word;
}


  .field--item {
    white-space: normal;
}

.leader-email a {
    white-space: normal;
word-break: break-all;
}

td.views-field.views-field-field-link {
    display: block;
}

/*NEW*/

.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-combine.js-form-item-combine.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-position-value.js-form-item-field-position-value.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-region-value.js-form-item-field-region-value.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-facility-value.js-form-item-field-facility-value.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-department-value.js-form-item-field-department-value.form-group {
    width: 32.5%;
    padding-right:1%;
}

label.control-label,
input#edit-combine,
select#edit-field-position-value,
select#edit-field-region-value,
select#edit-field-facility-value,
select#edit-field-department-value {
    width: 100%;
}

div.form-actions.form-group.js-form-wrapper.form-wrapper {
    display:block;
}

button#edit-submit-lead-directory,
button[label="Search"]{
    background: #017c88;
    border: none;
    border-radius: 0;
    color: #ffffff;
    margin: 25px 0 20px 0;
}
button[label="Start Over"] {
    background: #ffffff;
    border: none;
    border-radius: 0;
    color: #017c88;
    margin: 25px 0 20px 0px;
}

.view-filters.form-group {
    background-color: #eeeeee;
    padding: 10px 30px;
    margin: 40px 0
}

input#edit-combine {
        -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    font-family: inherit;
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 49px;
    padding: 12px 24px 12px 16px;
    font-size: 1.8rem;
    line-height: 25px;
    font-style: italic;
    color: #017c88;
    background-color: #fff;
    background-image: none;
    border: 1px solid #555555;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
}
input#edit-combine:focus
{
        border-color: #00acba;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,124,136,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,124,136,0.6);
}

.form-control {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    font-family: inherit;
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 49px;
    padding: 12px 24px 12px 16px;
    font-size: 1.8rem;
    line-height: 25px;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #555555;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border-color: #00acba;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,124,136,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,124,136,0.6);
}

label.control-label {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-combine.js-form-item-combine.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-position-value.js-form-item-field-position-value.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-region-value.js-form-item-field-region-value.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-facility-value.js-form-item-field-facility-value.form-group,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-department-value.js-form-item-field-department-value.form-group {
    width: 100%;
    padding-right:0%;
}
    label.control-label {
    margin-top: 0px;
}
    button#edit-submit-lead-directory {
    margin: 15px 0 10px 0;
}
 .view-filters.form-group {
    background-color: #eeeeee;
    padding: 30px 30px;
}   
}

.form-inline .form-control {
    width: 100%;
}

div#edit-actions--syxqpxfSJAQ {
    display: block;
}

.form-inline .select-wrapper {
    width: 100%;
}

td.views-field.views-field-field-ledership-details > div > hr {
    margin: 22px 0;
    border: 0;
    border-top: 3px solid rgba(9, 93, 103, .15);
    width: 20%;
    display: inline-block;
}

.tooltip {
    transform: translateX(-60px);
}


/*PROFILE PAGE*/

body > div.dialog-off-canvas-main-canvas > div > div > section > div.region.region-content > article > div { 
    columns: 2;
    max-width: 900px;
}

.author {
    display: none;
}

footer {
    display: none;
}

.field.field--name-field-name.field--type-string.field--label-above {
    display: none;
}



.field.field--name-field-ledership-details.field--type-entity-reference-revisions.field--label-above.row {
    margin: 0;
}

.field field--name-field-last-name  {
color:red;
}

section.block.block-layout-builder.block-extra-field-blocknodeleadership-itemlinks.clearfix {
    display: none;
}

.field.field--name-field-profile-picture.field--type-image.field--label-above {
    break-after: column;
}

/*Pic container*/
section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-profile-picture.clearfix > div > div.field--item img {
  object-fit: cover;
  object-position: center center;
  width:300px;
  height:300px;
  border-radius:500px;
  margin-right: 10px;
}

section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-ledership-details.clearfix > div > div.field__items > div:nth-child(2) > div > div > div > section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-position.clearfix > div,
section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-ledership-details.clearfix > div > div.field__items > div:nth-child(3) > div > div > div > section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-position.clearfix > div,
section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-ledership-details.clearfix > div > div.field__items > div:nth-child(4) > div > div > div > section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-position.clearfix > div,
section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-ledership-details.clearfix > div > div.field__items > div:nth-child(5) > div > div > div > section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-position.clearfix > div,
section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-ledership-details.clearfix > div > div.field__items > div:nth-child(6) > div > div > div > section.block.block-layout-builder.block-field-blockparagraphleader-detailsfield-position.clearfix > div{
    margin-top: 20px;
}

@media (max-width: 767px) {
    body > div.dialog-off-canvas-main-canvas > div > div > section > div.region.region-content > article > div { 
    columns: 1;
}
    .field.field--name-field-profile-picture.field--type-image.field--label-above {
    break-after:avoid;
}
    /*Pic container*/
section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-profile-picture.clearfix > div > div.field--item img {
  width:240px;
  height:240px;
}
  section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-name.clearfix {
    display: none;
}
}

section.block.block-layout-builder.block-field-blocknodeleadership-itemfield-profile-picture.clearfix {
    margin-bottom: 40px;
}

.field.field--name-field-last-name.field--type-string.field--label-above {
    display:none;
}

body > div.dialog-off-canvas-main-canvas > div > div > section > div.region.region-content > article > div.content > div > div > section:nth-child(8) > div
{
    display:none;
}

body > div.dialog-off-canvas-main-canvas > div > div > section > div.region.region-content > article > div > div > div > section:nth-child(7)
{
    display:none;
}
body > div.dialog-off-canvas-main-canvas > div > div > section > div.region.region-content > article > div > div > div > section:nth-child(6) > div > div.field--item {display:none;}