.visuallyhidden{
    clip:rect(0 0 0 0);
    border:0;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.text--centered{
    text-align:center
}
.page-node-type-faculty-drupal .field--name-field-fd-faculty-photo img{
    width:100%
}
.page-node-type-faculty-drupal .callout-page-wrapper{
    margin-bottom:2.1em
}
.callout-page-wrapper {background: #fdcb43 url("../i/triangles@2x.png") no-repeat right 50%; background-size: 225px 497px; }
.page-node-type-faculty-drupal .callout:first-child{
    margin-top:0
}
.page-node-type-faculty-drupal .fd-row{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
@media only screen and (max-width:30em){
    .page-node-type-faculty-drupal .fd-row{
        display:block
    }
}
.page-node-type-faculty-drupal .fd-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1;
    flex:1;
    -webkit-flex-direction:column;
    flex-direction:column;
    margin-right:1em
}
@media only screen and (max-width:30em){
    .page-node-type-faculty-drupal .fd-column{
        margin-bottom:1.33em
    }
}
.page-node-type-faculty-drupal .fd-column .academic-interest .field--name-field-fd-academic-interest .field__item,.page-node-type-faculty-drupal .fd-column .fellowships .field--name-field-fd-fellowships .field__item,.page-node-type-faculty-drupal .fd-column .licensures .field--name-field-fd-licensures .field__item,.page-node-type-faculty-drupal .fd-column .titles .field__item {
    margin-bottom: .8em;
    font-size: .875em;
}
.page-node-type-faculty-drupal .contact-group-1,.page-node-type-faculty-drupal .contact-group-2,.page-node-type-faculty-drupal .contact-group-3,.page-node-type-faculty-drupal .contact-group-4{
    margin-bottom:1.33em;
    font-size: .875em;
}
.page-node-type-faculty-drupal .admin-assistant,.page-node-type-faculty-drupal .admin-assistant-phone,.page-node-type-faculty-drupal .email,.page-node-type-faculty-drupal .person-affiliation,.page-node-type-faculty-drupal .phone{
    margin-bottom:.3em
}
.page-node-type-faculty-drupal .education p{
    margin-bottom:0
}
.page-node-type-faculty-drupal .education .field__item{
    margin-bottom:1.33em
}
.page-node-type-faculty-drupal h2.margin-top-0{
    margin-top:0
}
@media only screen and (max-width:40em){
    .page-node-type-faculty-drupal .field--label-inline .field__items,.page-node-type-faculty-drupal .field--label-inline .field__label{
        float:none
    }
}
.page-node-type-faculty-drupal .contact-group-3 .admin-assistant,.page-node-type-faculty-drupal .contact-group-3 .admin-assistant-email,.page-node-type-faculty-drupal .contact-group-3 .admin-assistant-phone{
    margin-left:.7em
}
.page-node-type-faculty-drupal .contact-group-3 .admin-assistant .field__label,.page-node-type-faculty-drupal .contact-group-3 .admin-assistant-email .field__label,.page-node-type-faculty-drupal .contact-group-3 .admin-assistant-phone .field__label{
    float:left;
    padding-right:.5em
}
.page-node-type-faculty-drupal .contact-group-3 h4{
    margin-bottom:.25em
}
.page-node-type-faculty-drupal .contact-group-4 .person-affiliation .field__label,.page-node-type-faculty-drupal .contact-group-4 .person-website .field__label{
    float:left;
    padding-right:.5em
}
@media only screen and (max-width:40em){
    .page-node-type-faculty-drupal .contact-group-4 .person-affiliation .field__label,.page-node-type-faculty-drupal .contact-group-4 .person-website .field__label{
        float:none
    }
}
.page-node-type-faculty-drupal .contact-group-4 .person-affiliation .field__items,.page-node-type-faculty-drupal .contact-group-4 .person-website .field__items{
    float:none
}
@media only screen and (min-width:40em){
    .page-node-type-faculty-drupal .brenham .container-fluid .row .col-md-9{
        margin-left:2em
    }
}
.page-node-type-faculty-drupal .faculty-social-links .field--name-field-fd-social-media-links h3.field.field--name-field-unit-footer-soc-med-title{
    display:none
}
.fl-clear-float{
    clear:both;
    overflow:auto
}
.drupal-faculty.teaser .field--label-above,.fl-clear-float{
    margin-bottom:1.5em
}
.drupal-faculty.teaser .field--label-above .field__label{
    color:#777677;
    display:block;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize
}
.drupal-faculty.teaser .field--label-above .field__label:after{
    content:":"
}
.drupal-faculty.teaser .txt-intro{
    font-size:1em
}
@media screen and (min-width:400px){
    .drupal-faculty.teaser{
        grid-gap:1rem;
        display:grid;
        grid-template-columns:20% auto
    }
    .drupal-faculty.teaser h3.faculty-drupal__name{
        margin-bottom:.5rem;
        margin-top:0
    }
    .drupal-faculty.teaser .drupal-faculty__img img{
        width:100%
    }
}
@media screen and (min-width:800px){
    .drupal-faculty.teaser{
        grid-gap:1.5rem
    }
    .drupal-faculty.teaser h3.faculty-drupal__name{
        margin-bottom:.75rem
    }
}
@media screen and (min-width:1200px){
    .drupal-faculty.teaser{
        grid-gap:2rem
    }
    .drupal-faculty.teaser h3.faculty-drupal__name{
        margin-bottom:1rem
    }
}
.field--name-field-paragraph__profile{
    grid-gap:2rem;
    display:grid
}
@media screen and (min-width:800px){
    .field--name-field-paragraph__profile{
        grid-gap:1.5rem
    }
}
@media screen and (min-width:1200px){
    .field--name-field-paragraph__profile{
        grid-gap:2rem
    }
}
.faculty-directory-listing .views-row{
    display:grid;
    grid-template-columns:1fr 4fr;
    margin-bottom:2.5em
}
@media (max-width:640px){
    .faculty-directory-listing .views-row{
        display:block
    }
}
.view-id-drupal_faculty_list .field-content{
    margin-bottom:1.5em
}
.view-id-drupal_faculty_list .field-content .field__label{
    color:#777677;
    display:block;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize
}
@media only screen and (min-width:40em){
    .view-id-drupal_faculty_list h2.margin-top-0,.view-id-drupal_faculty_list h3.margin-top-0{
        margin-top:0
    }
}
.email, .phone { /*font-size: larger; */}
a.personal-website:link, a.personal-website:visited {
    background: rgba(255,255,255,.3);
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    text-decoration: none;
    text-align: center;
    margin-left: 20px;
}
a.personal-website:hover {
    background: rgba(255,255,255,.5);
    border: 1px solid #d0d0ce;
}

.field-education {
    font-size: .825em;
    text-transform: uppercase;
    font-weight: bold;
}

a.button-link { text-decoration: none; transition: all 200ms ease-in-out; padding: 12px; border: none; width: 100%; background-color: rgba(35,97,146,.7); display: block; color: #fff; margin-bottom: 10px; }
a.button-link:link { color: #fff; background-color: rgba(35,97,146,.7); }
a.button-link:visited { border-bottom: none; color: inherit; color: #fff; }
a.button-link:hover { background-color: #7ba0be; background-color: rgba(35,97,146,.3); color: black; }
a.button-link:active { border-bottom: 1px solid #75787b; }
a.button-link:last-child { margin-bottom: 0; }

.faculty-social-links { margin-top: 10px; display: flex; }
a.faculty-social-links__link:link { border-bottom:0; font-size: 40px; color: black; margin-top:0; margin-right: 10px; }
a.faculty-social-links__link:hover { color: #7a0019; background-color: transparent; }

.page {
    background: url("../i/large-triangle-background-07.svg") no-repeat 0px 135px;
    background-size: 100%;
}

.primary-contact { border-left: 1px solid #d0d0ce; padding-left: 15px; }

/* Faculty View CSS */
/*.view-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 15px;
    column-gap: 15px;
    justify-content: space-around;
}
.views-row {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    text-align: center;
}*/
.viewsreference--view-title {display:none;}
.views-field-field-fd-faculty-photo .field--type-image {
    height: 200px;
    width:  200px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    border:  2px solid white;
    box-shadow: 0px 2px 5px rgba(0,0,0,.3);
    isolation: isolate;
}
.views-field-field-fd-faculty-photo .field--type-image img {
    /*height: 100%;*/
    width:  100%;
    object-fit: cover;
}
.views-field-title, .views-field-field-fd-primary-title, .views-field-field-fd-email-address { margin-top: 10px; color: #444; }
.views-field-title { margin-top: 0; font-size: larger; font-weight: bold; }
.views-field-title a:link { text-decoration: none; border-bottom: 1px solid rgba(35,97,146,.4); }
.views-field-title a:hover { border-bottom: 1px solid rgba(35,97,146,0); color: rgba(35,97,146,.7);  }
.views-field-field-fd-primary-title { font-weight: 300; }
.views-field-field-fd-email-address {margin-top: 20px; display: none;}

.view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px -20px -40px -20px;
}
.view-content > .views-row {
      max-width: 300px;
      flex: 0 0 25%;
      padding: 0 20px;
      margin-bottom: 40px;
      text-align: center;
}

      @media screen and (max-width: 1100px) {
        .view-content > .views-row {
            flex: 0 0 calc(100%/3);
      }

      @media screen and (max-width: 650px) {
        .view-content > .views-row { 
            flex: 0 0 50%;
      }
    }
}

@media screen and (max-width: 650px) {
    .field--name-field-fd-faculty-photo {
        width: 75%;
        margin: auto;
    }
}

div.folwell-unitfooter img { max-width: 100%; }
div.folwell-unitfooter div.unitfooter-header { display: none; }
.site-identity { max-width: 100% !important; background-color: #f0efee; }
.folwell-identity { max-width: 1200px; margin: 10px auto 0 auto; padding-left: 20px; }
.homepage-intro {background-color: #f0efee;}

a {color: #236192;
    text-decoration: underline;
    border-bottom: none }
 
a:link { color: #236192; background-color: transparent; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

a:visited { color: #236192; }
.sf-menu a { text-decoration: none;}

body { font-family: Helvetica, Arial, sans-serif; }
.sitename { font-family: "Josefin Sans", Helvetica, Arial, sans-serif !important; color: #7a0019; text-transform: uppercase; }
.sitename a { text-decoration: none; }
h1,h2,h3,h4,h5,h6 {color: #7a0019; font-weight: 300; font-family: Helvetica, Arial, sans-serif;}
h4,h5,h6 {font-weight: 400;}
.ui-accordion .ui-accordion-header {
    font-weight: bold;
}
.ui-accordion.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
}

/* Form styling */
.view-filters {
    background-color: rgba(35,97,146,.3);
    margin-top: 30px;
}
.homepage-intro-box-form .form--inline {
    display: flex;
    width: 100%;
    align-items: center;
}
.homepage-intro-box-form .form--inline .form-item {
    flex-grow: 1;
}
.views-exposed-form {
    /*margin: 0 auto;*/
}
.form--inline {
    display: flex;
    align-items: flex-end;
}
.form--inline label {
    font-weight: 400;
}
.form-type-textfield {
    flex-grow: 1;
}
.form-text { margin-bottom: 0;}
.form-inline label { font-weight: 300; }
.form--inline select {margin-bottom:0; padding: .35em;}
.views-exposed-form [type='submit'] {
    padding: 10px 15px;
    margin-bottom:0;
}


.fixed-width.page-node-type-homepage .page > section, .fixed-width.page-node-type-homepage .page > main {
    max-width: 100%;
}
.page-node-type-homepage .panel-display {
    max-width: 1200px;
    margin: 0 auto;
}
/* homepage */
.page-node-type-homepage .txt-intro, .page-node-type-homepage .txt-intro:link { font-size: 1.5em; font-weight: 300; }


.page-node-type-homepage .site-identity, .page-node-type-homepage #site-header {
    display: none;
}
.homepage-main {
    padding: 100px 0;
    border-bottom: 10px solid #fdcb43;
    margin: 0 -20px 30px -20px;
    background-color: #ccc;
    background: url("../i/faculty-banner.jpg") repeat;
    background-blend-mode: darken;
    background-color: rgba(0,0,0,.3);
}
.homepage-intro-box-wrapper {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
}
@media screen and (min-width: 960px) {
    .homepage-intro-box-wrapper { 
        width: 70%;
        max-width: 725px;
  }
}
.homepage-intro-box-title h1 { margin: 0; font-weight: 300; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; text-align: center; }
.homepage-intro-box-title {
    padding: 25px 20px 20px 20px;
}
.homepage-intro-box-description-wrapper {
    padding: 20px 20px 0 20px;
    background-color: #fdcb43;
}
.homepage-intro-box-description {
    font-size: larger;
    color: #7a0019;
    font-weight: 300;
}
.homepage-intro-box-description-wrapper .views-exposed-form {
    width: 100%;
    margin: 0 auto;
}
.homepage-main .views-exposed-form [type='submit'] {
    padding: 6px 20px 5px 20px;
    border-radius: 3px;
}
.site-identity .prefix-name a {
    text-transform: uppercase;
    text-decoration: none;
}
.site-identity .prefix-name a:hover {
    color: #222;
    border: none;
}
.page-node-type-faculty-drupal main { padding-top: 30px; /*padding-bottom: 30px;*/ }
/*main { padding-bottom: 30px; }*/