.span4 {
  box-sizing: border-box;
  width: 33%;
  padding: 0px 10px;
  float: left;
}

.span8 {
  box-sizing: border-box;
  width: 67%;
  padding: 0px 10px;
  float: left;
}

.photo.span4 img,
.portfolio img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}

.nowrap {
  white-space: nowrap;
}
@media (max-width: 780px) {
  .nowrap {
    white-space: normal;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
}

.more.btn {
  display: table;
  width: auto;
}
.more.btn:before {
  content: "";
  clear: both;
}

label {
  font-weight: 600;
  margin: 0 1em 10px 0;
}



  /*
  Max width before this PARTICULAR table gets nasty
  This query will take effect for any screen smaller than 760px
  and also iPads specifically.
  */
  @media
  only screen and (max-width: 780px)  {

    /* Force table to not be like tables anymore */
    table.responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
      display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .responsive-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    .responsive-table tr { border-bottom: 1px solid #ccc; }

    .responsive-table td {
      /* Behave  like a "row" */
      border: none;
      xborder-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      min-height: 42px;
    }

    .responsive-table td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }

    /*
    Label the data
    */
    .responsive-table td:nth-of-type(1):before { content: "Name"; }
    .responsive-table td:nth-of-type(2):before { content: "Title"; }
    .responsive-table td:nth-of-type(3):before { content: "Location"; }
    .responsive-table td:nth-of-type(4):before { content: "Phone"; }
    .responsive-table td:nth-of-type(5):before { content: "Email"; }
  }


/*------------------------------------------------*/
/* menu
/*------------------------------------------------*/

.main_menu li:hover ul.sub-menu {
  display: block;
  opacity: 1;
}

.pendari-shortcode-menu {
  margin: 0;
}
.pendari-shortcode-menu li {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
}


/*------------------------------------------------*/
/* people
/*------------------------------------------------*/

.portfolio-item .item-inner {
  background: #fff;
}

.portfolio-item .image {
  xheight: 260px;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}
.portfolio-item .image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.portfolio-item .image a {
  display: block;
  width: 100%;
  height: 100%;
}
.portfolio-item .image img {
  width: 100%;
  height: auto;
  xmin-height: 260px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-item h3 {
  font-size: 16px;
  line-height:  1.4em;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 0px !important;
}

.portfolio-items .portfolio-item .info {
  text-align: center;
  padding: 15px 15px 10px 15px;
  border: 1px solid #e6e6e6;
  border-top: none;
  position: relative;
}
.portfolio .portfolio-items .portfolio-item .hr {
  display: none;
}
.people .portfolio-items .portfolio-item .hr {
  display: block;
}

.portfolio-items.sortable-items {
  opacity: 1 !important;
}

.single-pendari_people .info .phone,
.single-pendari_people .info .content {
  margin-bottom: 3em;
}

.person-page {
  padding-top: 40px;
}


@media (max-width: 1169px) {
  .portfolio.people .columns-5 .portfolio-item {
    width: 20%;
  }
  .portfolio.people .columns-5 .portfolio-item .image {
    xheight: 200px;
  }
  .portfolio.people .columns-5 .portfolio-item .image img {
    height: auto;
    xmin-height: 200px;
  }
  .portfolio.people .columns-4 .portfolio-item {
    width: 25%;
  }
  .portfolio.people .columns-4 .portfolio-item .image {
    xheight: 250px;
  }
  .portfolio.people .columns-4 .portfolio-item .image img {
    height: auto;
    xmin-height: 250px;
  }
  .portfolio.people .columns-3 .portfolio-item {
    width: 33.33%;
  }
  .portfolio.people .columns-3 .portfolio-item .image {
    xheight: 300px;
  }
  .portfolio.people .columns-3 .portfolio-item .image img {
    height: auto;
    xmin-height: 300px;
  }
}
@media (max-width:  1000px) {
  .portfolio.people .columns-5 .portfolio-item {
    width: 20%;
  }
  .portfolio.people .columns-5 .portfolio-item .image {
    xheight: 163px;
  }
  .portfolio.people .columns-5 .portfolio-item .image img {
    height: auto;
    xmin-height: 163px;
  }
  .portfolio.people .columns-4 .portfolio-item {
    width: 25%;
  }
  .portfolio.people .columns-4 .portfolio-item .image {
    xheight: 204px;
  }
  .portfolio.people .columns-4 .portfolio-item .image img {
    height: auto;
    xmin-height: 204px;
  }
  .portfolio.people .columns-3 .portfolio-item {
    width: 33.33%;
  }
  .portfolio.people .columns-3 .portfolio-item .image {
    xheight: 250px;
  }
  .portfolio.people .columns-3 .portfolio-item .image img {
    height: auto;
    xmin-height: 250px;
  }
}
@media (max-width:  817px) {
  .portfolio.people .columns-5 .portfolio-item,
  .portfolio.people .columns-4 .portfolio-item,
  .portfolio.people .columns-3 .portfolio-item {
    width: 50%;
  }
  .portfolio.people .columns-5 .portfolio-item .image,
  .portfolio.people .columns-4 .portfolio-item .image,
  .portfolio.people .columns-3 .portfolio-item .image {
    xheight: 300px;
  }
  .portfolio.people .columns-5 .portfolio-item .image img,
  .portfolio.people .columns-4 .portfolio-item .image img,
  .portfolio.people .columns-3 .portfolio-item .image img {
    height: auto;
    xmin-height: 300px;
  }
}
@media (max-width:  639px) {
  .portfolio.people .columns-5 .portfolio-item,
  .portfolio.people .columns-4 .portfolio-item,
  .portfolio.people .columns-3 .portfolio-item {
    width: 50%;
  }
  .portfolio.people .columns-5 .portfolio-item .image,
  .portfolio.people .columns-4 .portfolio-item .image,
  .portfolio.people .columns-3 .portfolio-item .image {
    xheight: 220px;
  }
  .portfolio.people .columns-5 .portfolio-item .image img,
  .portfolio.people .columns-4 .portfolio-item .image img,
  .portfolio.people .columns-3 .portfolio-item .image img {
    height: auto;
    xmin-height: 220px;
  }
}
@media (max-width:  450px) {
  .portfolio.people .columns-5 .portfolio-item,
  .portfolio.people .columns-4 .portfolio-item,
  .portfolio.people .columns-3 .portfolio-item {
    width: 100%;
  }
  .portfolio.people .columns-5 .portfolio-item .image,
  .portfolio.people .columns-4 .portfolio-item .image,
  .portfolio.people .columns-3 .portfolio-item .image {
    xheight: 350px;
  }
  .portfolio.people .columns-5 .portfolio-item .image img,
  .portfolio.people .columns-4 .portfolio-item .image img,
  .portfolio.people .columns-3 .portfolio-item .image img {
    height: auto;
    xmin-height: 350px;
  }
}

.portfolio-list.people .person {
  text-align: left;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.people .person {
  xmargin-bottom: 20px;
}
.people .person .image {
  float: left;
  width: 250px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
}
.people .person .info {
  margin-left: 280px;
}

@media (max-width: 800px) {
  .people .person .image {
    width: 200px;
  }
  .people .person .info {
    margin-left: 220px;
  }
}
@media (max-width: 450px) {
  .people .person .image {
    float: none;
    width: 100%;
  }
  .people .person .info {
    margin-left: 0px;
  }
}


.portfolio-list-item {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.pendari_portfolio_list_item .details,
.pendari_portfolio_list_item .image.date {
  margin-bottom: 25px;
}
.pendari_portfolio_list_item .title {
  font-size: 18px;
}

/*------------------------------------------------*/
/*  portfolio tabs
/*------------------------------------------------*/
.portfolio-tabs {
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
}
.portfolio-tabs.portfolio-tabs-blackbox {
  background-color: #393939;
  padding: 30px 0px;
  margin-bottom: 0;
}
.portfolio-tabs.portfolio-tabs-blackbox + .portfolio {
  margin-top: 40px;
}
.portfolio-tabs.portfolio-tabs-blackbox + .portfolio.padding-no {
  margin-top: 0;
}
.portfolio-tabs.portfolio-tabs-blackbox ul li.sort-label {
  color: #eee;
}
.portfolio-tabs.portfolio-tabs-align-left {
  text-align: left;
}
.portfolio-tabs.portfolio-tabs-align-right {
  text-align: right;
}
.portfolio-tabs.portfolio-tabs-align-right ul li.sort-label {
  float: left;
}
.portfolio-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.portfolio-tabs-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1140px;
}

@media only screen and (max-width: 1460px) and (min-width: 1000px) {
  body.type4 .portfolio-tabs-container {
    max-width: 970px;
  }
}
.portfolio-tabs.portfolio-tabs-blackbox .portfolio-tabs-container {
  padding: 0 20px;
}
.portfolio-tabs ul li {
  list-style-type: none;
}
.portfolio-tabs ul li.sort-label {
  margin-right: 30px;
  display: inline-block;
  color: #3d3d3d;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.portfolio-tabs.scheme2 ul li.sort-label {
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: normal;
}
.portfolio-tabs ul li.sort-item {
  list-style-type: none;
  display: inline-block;
}
.portfolio-tabs ul li.sort-item a {
  color: inherit;
  margin-right: 30px;
  display: inline-block;
  padding-bottom: 4px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
}
.portfolio-tabs.scheme2 ul li.sort-item a {
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: normal;
}
.portfolio-tabs ul li.sort-item a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  display: inline-block;
  background-color: #2092ef;
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.portfolio-tabs ul li.sort-item.active a:after {
  opacity: 1;
  filter: alpha(opacity=100);
  bottom: 0;
}
.portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a {
  color: #ddd;
}
.portfolio-tabs ul li:last-child {
  margin-right: 0;
}
.portfolio-tabs ul li.sort-item.active a {
  color: #2092ef!important;
}
.portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a {
  color: #fff!important;
}
.portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item.active a, .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a:hover {
  border-bottom-color: #fff!important;
  color: #fff!important;
}
.portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a:after {
  background-color: #fff;
}

/* portfolio page */
.portfolio-page .photo img {
  margin-bottom: 20px;
}

/*
 * portfolio mobile
 */
@media (max-width: 600px) {
  .portfolio-items .pendari_portfolio_tile_item {
    width: 100%;
  }
}

/*------------------------------------------------*/
/*  publications
/*------------------------------------------------*/
.pdf_link {
  float: left;
  background: url(/wp-content/plugins/pendari-features/assets/PDF_file_icon-50_62.png) top left no-repeat;
  padding-top: 62px;
  height: 0;
  overflow: hidden;
  width: 50px;
  margin: 0 15px 1em 0;
}
.pdf-link { /* text link version */
  margin-bottom: 1.5em;
}
.altmetric-embed {
  float: right;
  width: 65px;
  margin-left: 10px;
}
.related-publications .pendari_publication_item {
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 1em;
}
.related-publications .pendari_publication_item:last-child {
  border: none;
  padding-bottom: 0;
}

.pendari_publication_list_item {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
  margin-bottom: 1em;
}
body.single-pendari_publication .pendari_publication_list_item {
  border: none;
  padding-bottom: 0;
}
.pendari_publication_list_item .altmetrics {
  flex: 0 1 150px;
  display: flex;
  xgap: 10px;
}
.pendari_publication_list_item .altmetrics > div {
  float: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.pendari_publication_list_item .publication-content {
  flex: 0 1 calc(100% - 200px);
}
.pendari_publication_list_item .readmore {
  margin-bottom: 1.5em;
}

.ui-accordion-header.ui-state-active {
  background: #555;
  border: #444;
}

.pendari_publication_list_item .authors {
  display: flex;
  margin-bottom: 1.5em;
}
.pendari_publication_list_item .authors label {
  flex: 0 0 auto;
}
.pendari_publication_list_item .author-list {
  flex: 0 0 50%;
}
.pendari_publication_list_item .authors .author {
  display: block;
}
.pendari_publication_list_item .abstract {
  margin-bottom: 1.5em;
  width: 90%;
}
.pendari_publication_list_item .pdf {
  display: flex;
  margin-bottom: 1.5em;
}

.related-people,
.related-work {
  xborder-top: 1px solid #eee;
  margin-bottom: 3em;
}
.related-people > h3,
.related-work > h3 {
  xpadding-top: 1.5em;
  margin-top: 0;
  margin-bottom: 1em;
}

@media (max-width: 640px) {
  .pendari_publication_list_item .altmetrics {
    display: block;
    max-width: 15%;
  }
  .pendari_publication_list_item .__dimensions_badge_embed__ {
    padding-left: 0 !important;
  }
}
@media (max-width: 430px) {
  .pendari_publication_list_item .altmetrics {
    display: flex;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .pendari_publication_list_item .__dimensions_badge_embed__ {
    padding-left: 10px !important;
  }
  .pendari_publication_list_item .publication-content {
    flex: none;
    display: block;
    width: 100%;
  }
}



/* Pendari Publications List */
x.pendari_publication_list_item .publication-content {
  display: flex;
  flex-wrap: wrap;
}

.pendari_publication_list_item .publication-content .listing {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  xorder: 1;
}

.pendari_publication_list_item .publication-content .listing > h3:before,
.pendari_publication_list_item .publication-content .listing > h3:after {
  content: "\"";
}

.pendari_publication_list_item .publication-content .info {
  display: flex;
  flex-direction: column;
  flex: 0 0 48%;
  xorder: 2;
}

.pendari_publication_list_item .publication-content > .pendari-featured-img {
  xorder: 3;
  flex: 0 0 48%;
}
.pendari_publication_list_item .publication-content > .pendari-featured-img > .img-wrap {
  width: 100%;
}
.pendari_publication_list_item .publication-content > .pendari-featured-img > .img-wrap img {
  xmax-width: 40em;
  max-height: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (max-width: 960px) {
  .pendari_publication_list_item .publication-content .info {
    flex: 0 0 58%;
  }
  .pendari_publication_list_item .publication-content > .pendari-featured-img {
    flex: 0 0 40%;
  }
}

@media (max-width: 768px) {
  .pendari_publication_list_item .publication-content .info {
    flex: 0 0 100%;
  }
  .pendari_publication_list_item .publication-content > .pendari-featured-img {
    xorder: 1;
    flex: 0 0 100%;
  }
  .pendari_publication_list_item .publication-content > .pendari-featured-img > .img-wrap img {
    margin: 0;
  }
}





/*------------------------------------------------------*/
/* Alumni table
/*------------------------------------------------------*/
.portfolio-table.people td,
.portfolio-table.people th {
  padding: 5px 10px;
}
.portfolio-table.people tr {
  border-bottom: 1px solid #ccc;
  background: none;
}
.portfolio-table.people tr.even {
  background: #fafafa;
}
.portfolio-table.people {
  
}
.portfolio-table.people {
  
}


/*------------------------------------------------------*/
/* Social media links
/*------------------------------------------------------*/

.social-links {
  margin-bottom: 20px;
}
.social-links ul {
  padding-left: 0;
  margin-left: 0;
}
.social-links li {
  list-style: none;
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
  max-width: none !important;
}
.social-links a {
  font-size: 1.5em;
}

.social-links .gscholar a,
.pendari_people_gscholar a {
  padding-top: 23px;
  height: 23px;
  width: 20px;
  display: block;
  overflow: hidden;
}
.social-links .gscholar a:before,
.pendari_people_gscholar a:before {
  content: "";
  display: block;
  height: 20px;
  background: url(/wp-content/plugins/pendari-features/assets/Google_Scholar_logo.svg.png) top left no-repeat;
  background-size: contain;
  margin-top: -20px;
}

.social-links .box a,
.pendari_people_box a {
  padding-top: 25px;
  height: 25px;
  width: 33px;
  display: block;
  overflow: hidden;
}
.social-links .box a:before,
.pendari_people_box a:before {
  content: "";
  display: block;
  height: 20px;
  background: url(/wp-content/plugins/pendari-features/assets/box.png) top left no-repeat;
  background-size: contain;
  margin-top: -20px;
}

x.social-links .researchgate a {
  padding-top: 25px;
  height: 25px;
  width: 25px;
  display: block;
  overflow: hidden;
}
x.social-links .researchgate a:before {
  content: "";
  display: block;
  height: 20px;
  background: url(/wp-content/plugins/pendari-features/assets/researchgate.png) top left no-repeat;
  background-size: contain;
  margin-top: -21px;
}

.social-links .pubmed a,
.pendari_people_pubmed a {
  padding-top: 25px;
  height: 25px;
  width: 60px;
  display: block;
  overflow: hidden;
}
.social-links .pubmed a:before,
.pendari_people_pubmed a:before {
  content: "";
  display: block;
  height: 20px;
  background: url(/wp-content/plugins/pendari-features/assets/pubmed.png) top left no-repeat;
  background-size: contain;
  margin-top: -20px;
}

.social-links .bluesky a,
.pendari_people_bluesky a {
  padding-top: 25px;
  height: 25px;
  width: 60px;
  display: block;
  overflow: hidden;
}
.social-links .bluesky a:before,
.pendari_people_bluesky a:before {
  content: "";
  display: block;
  height: 20px;
  background: url(/wp-content/plugins/pendari-features/assets/bluesky-64x64.png) top left no-repeat;
  background-size: contain;
  margin-top: -20px;
}


/*------------------------------------------------------*/
/* Default Row Layout
/*------------------------------------------------------*/


#content .container {
  xmargin: 40px auto;
  padding: 0 25px;
  width: 100%;
  max-width: 1400px;
}

.container .container{
  padding:0 20px;
}

.row-fluid  {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  clear:both;
}
.row-fluid .row-fluid  {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -20px 0;
}

.row [class*="span"] , .row-fluid [class*="span"],  .row-fluid  .one_fifth {
  float: left;
  padding:0 20px;
  position: relative;
  min-height:1px;
}


.row [class*="span"] , .row-fluid [class*="span"],  .row-fluid .one_fifth {
  margin-bottom:40px;
}


.section-content > .row-fluid > .row-fluid > .span12{
  margin-bottom:0!important
}

.section-column{
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  background-repeat:no-repeat;
}

.section-column > .inner-pcontent > .inner-content,
.section-column > .inner-content{
  position:relative;
  z-index:10;
}
.section-column > .inner-pcontent{
-webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position:relative;
}

/* Element padding no */

.row-fluid.element-padding-no {
  margin:0;
}

.row-fluid.element-padding-no > [class*="span"] ,
.row.element-padding-no > [class*="span"]{
  padding:0;
  margin-bottom:0;
}

.row-fluid.element-vpadding-no > [class*="span"] ,
.row.element-vpadding-no > [class*="span"]{
  margin-bottom:0
}

/* Element padding large */
.row-fluid.element-padding-large,
.row.element-padding-large{
  margin:0 -30px;
}

.row-fluid.element-padding-large > [class*="span"] ,
.row.element-padding-large > [class*="span"]{
  padding:0 30px;
}

.row-fluid.element-vpadding-large > [class*="span"] ,
.row.element-vpadding-large > [class*="span"]{
  margin-bottom:60px;
}

/*element padding 50px */
.row-fluid.element-padding-large2,
.row.element-padding-large2{
  margin:0 -25px;
}

.row-fluid.element-padding-large2 > [class*="span"] ,
.row.element-padding-large2 > [class*="span"]{
  padding:0 25px;
}

.row-fluid.element-vpadding-large2 > [class*="span"] ,
.row.element-vpadding-large2 > [class*="span"]{
  margin-bottom:50px;
}


/*element padding 40px */
.row-fluid.element-padding-medium2,
.row.element-padding-medium2{
  margin:0 -15px;
}

.row-fluid.element-padding-medium2 > [class*="span"] ,
.row.element-padding-medium2 > [class*="span"]{
  padding:0 15px;
}

.row-fluid.element-vpadding-medium2 > [class*="span"] ,
.row.element-vpadding-medium2 > [class*="span"]{
  margin-bottom:30px;
}


/* Element padding Small*/
.row-fluid.element-padding-small,
.row.element-padding-small
{
  margin:0 -10px;
}

.row-fluid.element-padding-small > [class*="span"],
.row.element-padding-small > [class*="span"]{
  padding:0 10px;
  box-sizing: border-box;
}


.row-fluid.element-vpadding-small > [class*="span"],
.row.element-vpadding-small > [class*="span"]{
  margin-bottom:20px;
}


/* Element padding Small1*/
.row-fluid.element-padding-small1,
.row.element-padding-small1
{
  margin:0 -7px;
}

.row-fluid.element-padding-small1 > [class*="span"],
.row.element-padding-small1 > [class*="span"]{
  padding:0 7px;
}


.row-fluid.element-vpadding-small1 > [class*="span"],
.row.element-vpadding-small1 > [class*="span"]{
  margin-bottom:14px;
}


.row-fluid.element-padding-small2,
.row.element-padding-small2
{
  margin:0 -5px;
}

.row-fluid.element-padding-small2 > [class*="span"],
.row.element-padding-small2 > [class*="span"]{
  padding:0 5px;
}


.row-fluid.element-vpadding-small2 > [class*="span"],
.row.element-vpadding-small2 > [class*="span"]{
  margin-bottom:10px;
}



/* Element padding Narrow */
.row-fluid.element-padding-narrow,
.row.element-padding-narrow{
  margin:0 -3px;
}

.row-fluid.element-padding-narrow > [class*="span"],
.row.element-padding-narrow > [class*="span"]{
  padding:0 2px;
}

.row-fluid.element-vpadding-narrow > [class*="span"],
.row.element-vpadding-narrow > [class*="span"]{
  margin-bottom:4px;
}


.row:before, .row:after , .row-fluid:before, .row-fluid:after{
  display: table;
  line-height: 0;
  content: "";
}
.row-fluid:after  , .row:after { clear: both; }
.row.columns-12 [class*="span"] , .row-fluid .span1, .row-fluid.columns-12 .span { width: 8.333%; }
.row.columns-6 [class*="span"] , .row-fluid .span2, .row-fluid.columns-6 .span { width: 16.667%; }
.row.columns-4 [class*="span"] , .row-fluid .span3, .row-fluid.columns-4 .span { width: 25%; }
.row.columns-3 [class*="span"] , .row-fluid .span4, .row-fluid.columns-3 .span { width: 33.333%; }
.row-fluid .span5 { width: 41.667%; }
.row.columns-2 [class*="span"] , .row-fluid .span6 ,  .row-fluid.columns-2 .span { width: 50%; }
.row-fluid .span7 { width: 58.333%; }
.row-fluid .span8 { width: 66.667%; }
.row-fluid .span9 { width: 75%; }
.row-fluid .span10{ width: 83.333%; }
.row-fluid .span11{ width: 91.667%; }
.row-fluid .span12, .row-fluid.columns-1 [class*="span"]{ width: 100%; }
.row.columns-5 [class*="span"] , .row-fluid .spanone_fifth, .row-fluid.columns-5 .span { width: 20%; }
.row-fluid .span6:nth-child(2n+1),.row-fluid.columns-2 .span:nth-child(2n+1),
.row-fluid .span4:nth-child(3n+1),.row-fluid.columns-3 .span:nth-child(3n+1),
.row-fluid .span3:nth-child(4n+1),.row-fluid.columns-4 .span:nth-child(4n+1),
.row-fluid .spanone_fifth:nth-child(5n+1),.row-fluid.columns-5 .span:nth-child(5n+1),
.row-fluid .span2:nth-child(6n+1),.row-fluid.columns-6 .span:nth-child(6n+1){
  clear:both;
}


/*------------------------------------------------*/
/*  Row width Divider
/*------------------------------------------------*/
.row-fluid.style2 ,  .row.style2 {
  margin: 0!important;
}

.row.style2 > [class*="span"] , .row-fluid.style2 > [class*="span"] {
  padding: 0!important;
  margin-bottom:0!important;
  position: relative;
}

.row.style2 > [class*="span"] > .inner-content , .row-fluid.style2 > [class*="span"] > .inner-content {
  padding: 40px;
  margin:0;
}


/* Element padding no */

.row-fluid.element-padding-no.style2 > [class*="span"] > .inner-content ,
.row.element-padding-no.style2 > [class*="span"] > .inner-content{
  padding:0;
}



/* Element padding large */
.row-fluid.style2.element-padding-large > [class*="span"]  > .inner-content  ,
.row..style2.element-padding-large > [class*="span"]  > .inner-content {
  padding-left:60px;
  padding-right:60px;
}

.row-fluid.style2.element-vpadding-large > [class*="span"]  > .inner-content ,
.row.style2.element-vpadding-large > [class*="span"]  > .inner-content{
  padding-top:60px;
  padding-bottom:60px;
}

/*element padding 50px */
.row-fluid.style2.element-padding-large2 > [class*="span"]  > .inner-content  ,
.row..style2.element-padding-large2 > [class*="span"]  > .inner-content {
  padding-left:50px;
  padding-right:50px;
}

.row-fluid.style2.element-vpadding-large2 > [class*="span"]  > .inner-content ,
.row.style2.element-vpadding-large2 > [class*="span"]  > .inner-content{
  padding-top:50px;
  padding-bottom:50px;
}



/*element padding 40px */
.row-fluid.style2.element-padding-medium > [class*="span"]  > .inner-content  ,
.row..style2.element-padding-medium > [class*="span"]  > .inner-content {
  padding-left:40px;
  padding-right:40px;
}

.row-fluid.style2.element-vpadding-medium > [class*="span"]  > .inner-content ,
.row.style2.element-vpadding-medium > [class*="span"]  > .inner-content{
  padding-top:40px;
  padding-bottom:40px;
}


/* Element padding Small*/
.row-fluid.style2.element-padding-small > [class*="span"]  > .inner-content  ,
.row..style2.element-padding-small > [class*="span"]  > .inner-content {
  padding-left:30px;
  padding-right:30px;
}

.row-fluid.style2.element-vpadding-small > [class*="span"]  > .inner-content ,
.row.style2.element-vpadding-small > [class*="span"]  > .inner-content{
  padding-top:30px;
  padding-bottom:30px;
}


/* Element padding Small1*/
.row-fluid.style2.element-padding-narrow > [class*="span"]  > .inner-content  ,
.row..style2.element-padding-large > [class*="span"]  > .inner-content {
  padding-left:10px;
  padding-right:10px;
}

.row-fluid.style2.element-vpadding-narrow > [class*="span"]  > .inner-content ,
.row.style2.element-vpadding-narrow > [class*="span"]  > .inner-content{
  padding-top:10px;
  padding-bottom:10px;
}



.row.style2 > [class*="span"]:after{
  content: "";
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 1px;
  right: -1px;
  top: 0;
  background: #e8e8e8;
  z-index:5;
}


.row-fluid.style2 .not-right-columns:before{
  content: "";
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 1px;
  right: -1px;
  top: 0;
  background: #e8e8e8;
  z-index:5
}

.content-box.scheme1 .row-fluid.style2 > [class*="span"]:after,
.content-box.scheme1 .row-fluid.style2 > [class*="span"]:before
{
  background-color:#aaa;
  background-color:rgba(255,255,255,0.5);
}


.row-fluid.style2 .not-bottom-columns:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: #e8e8e8;
  z-index:5
}


/*----------------------------------
 * front
 *-----------------------------------*/
.timely {
  font-family: inherit;
}

.events-front .ai1ec-btn-toolbar,
.events-front .ai1ec-calendar-toolbar,
.events-front .ai1ec-views-dropdown,
.events-front .ai1ec-pull-left,
.events-front .ai1ec-subscribe-container {display: none;}
.events-front .div#ai1ec-calendar-view-container,
.events-front .ai1ec-agenda-view .ai1ec-date,
.events-front .ai1ec-agenda-view .ai1ec-event {background: none; border: none;}
.events-front .ai1ec-agenda-view .ai1ec-date-title {text-shadow: none; border-radius: 0; font-family: Helvetica, Arial, sans-serif;}
.events-front .ai1ec-agenda-view .ai1ec-event.ai1ec-expanded {box-shadow: none;}
.events-front .ai1ec-agenda-view .ai1ec-event .ai1ec-event-header {color: #333; }
.events-front .ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {color: #333; xfont-size: 14px; font-weight: 500;}
.events-front .ai1ec-agenda-view .ai1ec-event .ai1ec-event-time {font-size: 13px; font-weight: normal;}
.events-front .ai1ec-agenda-view .ai1ec-month {background: #555; border-radius: 0;}
.events-front .ai1ec-agenda-view .ai1ec-date-title {background: #eee; border: none;}
.events-front .ai1ec-read-more {background: #adadad; color: #fff !important; border: none; border-radius: 0;}
.events-front .ai1ec-read-more:hover {background: #525252;}
.events-front .ai1ec-event-description {xfont-size: 14px;}

.events-front.white .ai1ec-btn-toolbar,
.events-front.white .ai1ec-calendar-toolbar,
.events-front.white .ai1ec-views-dropdown,
.events-front.white .ai1ec-pull-left,
.events-front.white .ai1ec-subscribe-container {display: none;}
.events-front.white .div#ai1ec-calendar-view-container,
.events-front.white .ai1ec-agenda-view .ai1ec-date,
.events-front.white .ai1ec-agenda-view .ai1ec-event {background: none; border: none;}
.events-front.white .ai1ec-agenda-view .ai1ec-date-title {text-shadow: none; border-radius: 0; font-family: Helvetica, Arial, sans-serif;}
.events-front.white .ai1ec-agenda-view .ai1ec-event.ai1ec-expanded {box-shadow: none;}
.events-front.white .ai1ec-agenda-view .ai1ec-event .ai1ec-event-header {color: #fff;}
.events-front.white .ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {color: #fff; xfont-size: 14px; font-weight: 500;}
.events-front.white .ai1ec-agenda-view .ai1ec-event .ai1ec-event-time {font-size: 13px; font-weight: normal;}
.events-front.white .ai1ec-agenda-view .ai1ec-month {background: #555; border-radius: 0;}
.events-front.white .ai1ec-agenda-view .ai1ec-date-title {background: #eee; border: none;}
.events-front.white .ai1ec-read-more {background: #adadad; color: #fff !important; border: none; border-radius: 0;}
.events-front.white .ai1ec-read-more:hover {background: #525252;}
.events-front.white .ai1ec-event-description {xfont-size: 14px;}


/* pro event calendar */
.dp_pec_wrapper .select-option  {
  position: static;
  height: auto;
  margin-bottom: 0;
  overflow: visible;
}
.dp_pec_wrapper .select-option .ti-angle-down,
.select2-container,
.select2 {
  display: none;
}

/* pro event calendar - accordion */
.dp_pec_accordion_wrapper .dpProEventCalendar_feed,
.dp_pec_accordion_wrapper .dp_pec_content_header,
.dp_pec_accordion_wrapper .dp_pec_nav,
.dp_pec_accordion_wrapper .dp_pec_more_options,
.dp_pec_accordion_wrapper .dp_pec_event_categories,
.dp_pec_accordion_wrapper .dp_pec_open_map {
  display: none !important;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event {
  background: rgba(255,255,255, 1);
  box-shadow: none;
  margin-bottom: 10px;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event_inner {
  padding: 10px !important;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event  span.pec_time,
.dp_pec_accordion_wrapper .dp_pec_accordion_event_inner .dp_pec_event_meta span {
  background: none !important;
  padding: 0 !important;
  font-size: inherit;
  line-height: 1.5em;
}
.dp_pec_accordion_wrapper .dp_pec_content hr {
  margin: 0 0 10px 0;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event h2 {
  font-weight: 600;
  font-size: 1.2em !important;
  margin-bottom: 10px;
  line-height: 1.4em !important;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event .dp_pec_event_photo_wrap h2 {
  text-shadow: 0 0 4px rgba(0,0,0, 0.2) !important;
}
.dp_pec_event_description_full {
  line-height: 1.4em;
  padding-bottom: 10px;
}
.dp_pec_content .dp_pec_isotope {
  margin-bottom: 10px;
}

.dp_pec_accordion_wrapper,
.dp_pec_wrapper :not(i), 
.dp_pec_modern_wrapper :not(i), 
.dp_pec_countdown_wrapper :not(i), 
.dp_pec_accordion_wrapper :not(i), 
.dp_pec_grid_wrapper :not(i), 
.dp_pec_slider_wrapper :not(i), 
.dp_pec_timeline_wrapper :not(i), 
.dp_pec_carousel_wrapper :not(i) {
  font-family: inherit !important;
}

/* pro event calendar - accordion (dark) */
.dark .dp_pec_accordion_wrapper .dp_pec_accordion_event {
  background: rgba(0,0,0, 0.08);
}
.dark .dp_pec_accordion_wrapper .dp_pec_accordion_event_inner {
  color: #aab0b6;
}
.dark .dp_pec_accordion_wrapper .dp_pec_accordion_event  span.pec_time,
.dark .dp_pec_accordion_wrapper .dp_pec_accordion_event_inner .dp_pec_event_meta span {
  color: #aab0b6 !important;
}
.dark .dp_pec_accordion_wrapper .dp_pec_accordion_event h2 {
  color: #5489DE;
}
.dark .dp_pec_accordion_wrapper .dp_pec_accordion_event.visible h2 {
  color: #aab0b6;
}

/* pro event calendar - accordion (light) */
.dp_pec_accordion_wrapper .dp_pec_accordion_event {
  background: rgba(0,0,0, 0.08);
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event_inner {
  color: inherit;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event  span.pec_time,
.dp_pec_accordion_wrapper .dp_pec_accordion_event_inner .dp_pec_event_meta span {
  background: none;
  color: inherit;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event h2 {
  color: inherit;
}
.dp_pec_accordion_wrapper .dp_pec_accordion_event.visible h2 {
  color: inherit;
}


.events-front,
.news-front,
.publications-front {
  font-size: 13px;
  line-height: 18px;
}

.events-front h4,
.news-front h4,
.publications-front h4 {
  font-size: 14px;
  line-height: 22px;
}


/*-------------------------------------
 * single templates
 *-------------------------------------*/

.pendari-featured-img.top {
  margin-bottom: 3em;
  padding: 3em;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #f3f3f3;
  box-shadow: 0 0 8px #00000008 inset;
}
.pendari-featured-img.center .img-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.pendari-featured-img.center .img-wrap img {
  box-shadow: 0 0 5px #00000044;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pendari-featured-img.left .img-wrap {
  float: left;
  margin: 0 2em 2em 0;
}
.pendari-featured-img.right .img-wrap {
  float: right;
  margin: 0 0 2em 2em;
}

x.pendari-featured-img.full .img-wrap {
  width: 100%;
}
.pendari-featured-img.half .img-wrap {
  width: 50%;
}
.pendari-featured-img.third .img-wrap {
  width: 33%;
}
.pendari-featured-img.quarter .img-wrap {
  width: 25%;
}
.pendari-featured-img.fifth .img-wrap {
  width: 20%;
}
.pendari-featured-img.px650 .img-wrap {
  width: 650px;
}
.pendari-featured-img.px400 .img-wrap {
  width: 400px;
}
.pendari-featured-img.px250 .img-wrap {
  width: 250px;
}
.pendari-featured-img.px100 .img-wrap {
  width: 100px;
}

@media (max-width: 600px) {
  .pendari-featured-img.top {
    padding: 0;
    background: none;
    xwidth: 100%;
  }
  .pendari-featured-img .img-wrap {
    width: 100% !important;
    float: none !important;
    margin: 0 0 2em 0 !important;
  }
}


/*-------------------------------------
 * Pendari Posts List
 *-------------------------------------*/

.pendari_post_list_item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.pendari_post_list_item .image.date {
  float: left;
  xwidth: 90px;
  xmax-width: 25%;
  width: 25%;
}
.pendari_post_list_item .image.date img {
  xwidth: 70px;
}
.pendari_post_list_item .image.date .month,
.pendari_post_list_item .image.date .day {
  display: block;
  box-sizing: border-box;
  width: 70px;
  text-align: center;
}
.pendari_post_list_item .image.date .month {
  color: #fff;
  background: #555;
  text-transform: uppercase;
  font-weight: 600;
  padding: 2px 5px;
}
.pendari_post_list_item .image.date .day {
  color: #333;
  background: #f0f0f0;
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
  padding: 5px;
}

.pendari_post_list_item .details {
  box-sizing: border-box;
  xpadding-left: 25px;
  xmargin-left: 90px;
  margin-left: 28%;
}
.pendari_post_list_item .title {
  font-weight: 600;
  font-size: 15px;
}
.pendari_post_list_item .details .date {
  margin: 10px 0;
}

x.pendari_publication_list_item {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
x.pendari_publication_list_item a.pdf_link {
  float: none;
  flex: none;
}

.portfolio-item.span4,
.portfolio-item.span3 {
  float: left;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.portfolio-item.span4 {
  height: 430px;
  width: 33.33%;
}
.portfolio-item.span3 {
  height: 390px;
  width: 25%;
}
.portfolio-item.span4 .inner,
.portfolio-item.span3 .inner {
  border: 1px solid #ccc;
  height: 100%;
  position: relative;
}

.portfolio-item .image.date {
  xborder: 1px solid #ccc;
}

.portfolio-item .box-top {
  xborder-bottom: 1px solid #ccc;
}

.portfolio-item .details {
  padding: 20px;
  xtext-align: center;
  xfont-size: 15px;
  xfont-weight: 600;
  xborder: 1px solid #ccc;
  xborder-top: none;
}

.portfolio-item.span4 p.excerpt,
.portfolio-item.span3 p.excerpt {
  xmargin-top: 20px;
  xmargin-bottom: 0;
  xfont-size: 15px;
}

.portfolio-item.span4 .inner .bottom-link,
.portfolio-item.span3 .inner .bottom-link {
  position: absolute;
  bottom: 20px;
  width: 100%;
  margin-left: -20px;
}
.portfolio-item.span4 .inner .bottom-link .btn,
.portfolio-item.span3 .inner .bottom-link .btn {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  xtext-align: center;
}

/*-------------------------------------
 * Pendari post grid item
 *-------------------------------------*/
.pendari_post_grid_item img {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  transition: all 0.2s ease;
}
.pendari_post_grid_item:hover img {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
}
.pendari_post_grid_item .details {
  padding: 15px;
}
.pendari_post_grid_item h3 a {
  text-decoration: none;
}

/*-------------------------------------
 * Masonry grid
 *-------------------------------------*/
.masonry-grid .grid-item {
  float: left;
  xmargin: 0 15px 30px 15px;
  xmargin-bottom: 30px;
}
.standard-grid .grid-item {
  display: inline-block;
  vertical-align: top;
}
.grid-item .inner-container,
.grid-item .inner {
  padding: 15px;
  box-sizing: border-box;
}

@media (max-width: 959px) {
  .masonry-grid .grid-item,
  .standard-grid .grid-item {
    width: 50%;
  }
  .standard-grid .grid-row {
    display: inline;
    clear: none;
  }
}
@media (max-width: 768px) {
  .masonry-grid .grid-item,
  .standard-grid .grid-item {
    width: 100%;
  }
}

.grid-item .inner {
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.grid-item .image.date {
  xdisplay: none;
  height: 220px;
  position: relative;
  overflow: hidden;
}
.grid-item .image.date a {
  padding-top: 220px;
  height: 0;
  display: block;
}
x.grid-item .image.date img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  height: auto;
}

/*-------------------------------------
 * Tile layout
 *-------------------------------------*/
.pendari_portfolio_tile_item {
  float: left;
  display: block;
  width: 46%;
  height: 340px;
  box-sizing: border-box;
  padding: 15px;
  margin: 1%;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.pendari_portfolio_tile_item .image {
  float: right;
  margin: 0 0 10px 15px;
}

/*-------------------------------------
 * Pagination
 *-------------------------------------*/

.pendari-pagination .page-numbers {
  padding: 5px 8px;
  border: 1px solid #ccc;
  color: #444;
}
.pendari-pagination .page-numbers.current {
  color: #000;
  background: #f3f3f3;
}

/*-------------------------------------
 * Responsive
 *-------------------------------------*/
@media (max-width: 1200px) {
  .portfolio-item.span4 {
    height: 440px;
  }
  .portfolio-item.span3 {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .portfolio-item.span4 {
    height: 300px;
    width: 50%;
  }
  .portfolio-item.span3 {
    height: 300px;
    width: 50%;
  }
}
@media (max-width: 640px) {
  .span3,
  .span4,
  .span8 {
    width: 50% !important;
  }
  .pendari_post_list_item .image.date {
    
  }

  .portfolio-item.span4 {
    height: 450px;
  }
  .portfolio-item.span3 {
    height: 360px;
  }
}
@media (max-width: 470px) {
  .span3,
  .span4,
  .span8 {
    width: 100% !important;
  }
  .page_content_wrap .content_wrap, 
  .page_content_wrap .content_container,
  header .sc_content_width_1_1,
  footer .sc_content_width_1_1  {
    width: 90% !important;
  }

  .portfolio-item.span4 {
    height: 
  }
  .portfolio-item.span3 {
    
  }
}
