@import "academicons.min.css";

/***********************************************************************/
/***********************   Custom CSS overrides   **********************/
/***********************************************************************/

/* Profile Listing */
.utexas-promo-field.utexas-promo-unit .promo-copy, .utexas-promo-field.utexas-promo-unit .promo-headline {
	padding-left: 120px
}
.utexas-promo-field.utexas-promo-unit .promo-image {
	width: 100px;
	height: 125px
}
@media only screen and (max-width:40em) {
	.utexas-promo-field.utexas-promo-unit .promo-copy, .utexas-promo-field.utexas-promo-unit .promo-headline {
		padding-left: 0
	}
	.utexas-promo-field.utexas-promo-unit .promo-headline {
		font-size: 1.188rem
	}
}

/* Profile */
.profile_promo_units h2 { margin-top: 15px }
.profile_promo_units .promo-image {width: 200px; height: auto; float:left;}
.profile_promo_units .promo-copy {float: left; padding-left: 20px;}
.profile_promo_units .promo-copy span {font-weight: bold}
.profile_promo_units .promo-image img {width: 100%; padding-top:10px}
@media only screen and (min-width:70.93em) {
.profile_promo_units .promo-copy {width:900px}
}
@media only screen and (min-width:54.68em) {
.profile_promo_units .promo-copy {width:650px}
}
@media only screen and (max-width:48.75em) {
	.profile_promo_units .promo-copy {padding-left: 20px;padding-top: 0px;}
	.profile_promo_units .promo-image {width: 150px;height: auto;}
}
@media only screen and (max-width:46em) {
	.profile_promo_units .promo-copy {padding-left: 0px;padding-top: 15px;}

}
@media only screen and (max-width:40.75em) {
	.profile_promo_units .promo-copy {padding-left: 0;padding-top: 15px;}
	.profile_promo_units .promo-image { width: 50%; height: auto }
}

.field_utexas_promo_units:after {
  clear: both;
}

.tabs {
  padding: 0px;
  margin: 0 0 25px 0;
  padding-bottom: 0px;
  border-bottom: 2px solid #d6d6d6;
  /* Landscape phones and down */ }
  @media only screen and (max-width: 64em) {
    .tabs {
      padding-bottom: 5px;
      margin: 0 0 15px 0; } }
  .tabs .tab-title a {
    color: #2d2a28;
    font-size: 0.8125rem;
    background-color: white;
    border: 1px solid #e1ddd2;
    border-top: 2px solid #e1ddd2;
    border-bottom: 0px;
    border-left: 0px;
    padding: 12px 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    /* Landscape phones and down */
    /* Landscape phones and down */ }
    @media only screen and (min-width:64.063em) {
      .tabs .tab-title a {
        border-right: 0px; } }
    @media only screen and (max-width: 64em) {
      .tabs .tab-title a {
        padding: 8px 10px;
        border-bottom: 1px solid #e1ddd2;
        margin-bottom: 5px;
        margin-right: 6px; } }
    .tabs .tab-title a:hover {
      background-color: #e1ddd2;
      color: #2d2a28; }
    .tabs .tab-title a:first-child {
      border-left: 1px solid #e1ddd2; }
  .tabs .tab-title {
    /* Landscape phones and down */ }
    @media only screen and (min-width:64.063em) {
      .tabs .tab-title:last-child {
        border-right: 1px solid #e1ddd2; } }
  .tabs .tab-title.active a {
    background-color: #e1ddd2;
    background-color: white;
    border-top: 2px solid #BF5700;
    color: #2d2a28; }
.tabs {
  margin: 0 0 10px 0;
}
.tabs .tab-title a {
  font-size: 0.875rem;
}
.tabs .active {
  font-weight:bold;
}


/* Social Links Styles */

.field_utexas_social_profile {
padding: 0;
    margin: 0;
    background-color: transparent;
border: 0;
}
.field_utexas_social_profile .connect-links {
    padding: 2px 0 0 0px;
    text-align: left;
}
.field_utexas_social_profile .connect-links li {
display: inline-block;
    list-style-type: none;
    margin: 0 5px 5px 5px;
}
.field_utexas_social_profile .connect-links li.first {
margin-left: 0;
}
.field_utexas_social_profile .connect-links li.last {
margin-right: 0;
}
.field_utexas_social_profile .connect-links span {
color: #bf5700;
font-size: 2.5rem;
font-size: 2.75rem;
top: -5px;
}
.field_utexas_social_profile .connect-links span.ai {
background: #bf5700;
    color: #fff;
    font-size: 1.875rem;
    padding: 6px;
    font-weight: normal;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.field_utexas_social_profile .connect-links span.hiddenText {
  color: #fff;
  background: #bf5700;
}

.icon-x {
  display: block;
    background: #bf5700;
    top: 21px;
}

.field_utexas_social_profile .connect-links span.icon-x {
  top: 21px;
}
.icon-x:before, .x:before {
  content: url(/wp-content/themes/elegant-education/dist/icons/x-logo.svg);
    height: 44px;
    width: 44px;
    display: block;
    padding: 10px;
    top: -15px;
    position: relative;
}