/**
 *
 * PROFILE TOUTS
 *
 */

.uiWidget-profile_touts {
    --_transition-speed: .5s;
    --_color: var(--baylorGreen);
    --_color-title: var(--_color);
    --_color-subtitle: var(--charcoal);
    --_color-description: var(--_color-subtitle);
    --_color-link: var(--linkGreen);
    --_color-link-underline: var(--universityGold);

    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    flex-direction: row;

    justify-content: center;
}
.section__background--green .uiWidget-profile_touts,
.section__background--charcoal .uiWidget-profile_touts {
    --_color: var(--white);
    --color-icon: var(--universityGold);
    --_color-link: var(--universityGold);
}
.section__background--gold .uiWidget-profile_touts {
    --_color-link: var(--baylorGreen);
    --_color-link-underline: var(--baylorGreen);
}


.uiWidget-profiles-item {
    max-width: 500px;
    width: 25%;
    display: block;
    box-sizing: border-box;
    padding: 30px;
    position: relative;
    text-decoration: none;
    color: var(--_color);
    text-align: center;
}

.uiWidget-profiles-item-button {
    margin-top:15px;
}

.uiWidget-profiles-item-container {
    margin: 0 0 20px 0;
    transition: all calc(0.9 * var(--_transition-speed));
}

[data-style="profile_freeform"] .uiWidget-profiles-item-container {
    align-items: center;
    justify-content: center;
}

.uiWidget-profiles-item-image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    margin: 0 auto;

    max-width: 400px;
}

[data-style="profile_freeform"] .uiWidget-profiles-item-container img {
    max-width: 100%;
}

[data-image_shape="square"] .uiWidget-profiles-item-image {
    border-radius: 0;
}

.uiWidget-profiles-item-content {
    transition: all calc(0.9 * var(--_transition-speed));
}

.uiWidget-profiles-item-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.1;
    font-family: var(--font-family--sans);

    display: block;
    transition: all var(--_transition-speed);
    margin: 0 0 10px 0;

    color: var(--_color-title);
}

.uiWidget-profiles-item-subtitle,
.uiWidget-profile_touts .uiWidget-item-subtitle {
    color: var(--_color-subtitle);
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--font-family-serif);
}

.uiWidget-profiles-item-description,
.uiWidget-profile_touts .uiWidget-item-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    font-family: var(--font-family-serif);
    text-decoration: none;
    display: block;
    margin-top: 20px;
    color: var(--_color-description);
}

.section__background--green .uiWidget-profiles-item-content > div,
.section__background--charcoal .uiWidget-profiles-item-content > div,
.section__background--green .baylor-button__secondary,
.section__background--charcoal .baylor-button__secondary {
    color: var(--white);
}

.section__background--green .baylor-button__secondary,
.section__background--charcoal .baylor-button__secondary {
    background-image: linear-gradient(var(--white), var(--white));
}

.uiWidget-profile_touts[data-show_image="1"] .uiWidget-item-description + .uiWidget-profiles-item-content {
    margin-top: 1rem;
}

.uiWidget-profile_touts .uiWidget-profiles-item a:not(.baylor-button__secondary, .baylor-button) {
    color: var(--_color-link) !important;
    border-bottom-color: var(--_color-link-underline) !important;
    background-image: linear-gradient(var(--_color-link-underline), var(--_color-link-underline)) !important;
}

.uiWidget-profiles-item-button {
    margin-top: 20px;
}

a.uiWidget-profiles-item:hover,
a.uiWidget-profiles-item:focus,
a.uiWidget-profiles-item:active {
    text-decoration: none;
}

a.uiWidget-profiles-item[data-use_animation="1"]:hover .uiWidget-profiles-item-container,
a.uiWidget-profiles-item[data-use_animation="1"]:focus .uiWidget-profiles-item-container {
    transform: scale(1.05) translateY(-10px);
}


a.uiWidget-profiles-item[data-use_animation="1"]:hover .uiWidget-profiles-item-content,
a.uiWidget-profiles-item[data-use_animation="1"]:focus .uiWidget-profiles-item-content {
    transform: translateY(-10px);
}

a.uiWidget-profiles-item:hover .uiWidget-profiles-item-title,
a.uiWidget-profiles-item:focus .uiWidget-profiles-item-title,
a.uiWidget-profiles-item:active .uiWidget-profiles-item-title {
    text-decoration: underline;
}

a.uiWidget-profiles-item[data-use_animation="1"]:hover .uiWidget-profiles-item-container,
a.uiWidget-profiles-item[data-use_animation="1"]:focus .uiWidget-profiles-item-container {
    transform: scale(1.05) translateY(-10px);
}

.uiWidget-profiles-item-spacer {
    flex-basis: 100%;
    height: 0;
    content: "";
    display: none;
}

[data-column-number="2"] .uiWidget-profiles-item {
    width: 50%;
    max-width: unset;
}

[data-column-number="3"] .uiWidget-profiles-item {
    width: 33%;
}

[data-column-number="5"] .uiWidget-profiles-item {
    width: 20%;
}

[data-column-number="6"] .uiWidget-profiles-item {
    width: 16.66%;
}

[data-column-number="2"] .uiWidget-profiles-item-spacer:nth-of-type(2n),
[data-column-number="3"] .uiWidget-profiles-item-spacer:nth-of-type(3n),
[data-column-number="4"] .uiWidget-profiles-item-spacer:nth-of-type(4n),
[data-column-number="5"] .uiWidget-profiles-item-spacer:nth-of-type(5n),
[data-column-number="6"] .uiWidget-profiles-item-spacer:nth-of-type(6n) {
    display: flex;
}

/*-- TESTIMONIALS --*/
[data-style="profile_testimonial"] {
    --_color-description: #6b6b6b;
}
[data-style="profile_testimonial"] .uiWidget-profiles-item-description {
    display: block;
    padding: 10px 30px;

    line-height: 1.35;
    text-align: center;
    font-size: 18px;
}

/*[data-style="profile_testimonial"] .uiWidget-profiles-item {
  max-width: 33%;
  width: 33%;
}*/

[data-style="profile_testimonial"] .uiWidget-profiles-item-image {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

@media(max-width: 1300px) {
    .uiWidget-profiles-item-spacer:nth-of-type(6n) {
        display: none !important;
    }

    [data-column-number="2"] .uiWidget-profiles-item-spacer:nth-of-type(2n),
    [data-column-number="3"] .uiWidget-profiles-item-spacer:nth-of-type(3n),
    [data-column-number="4"] .uiWidget-profiles-item-spacer:nth-of-type(4n),
    [data-column-number="5"] .uiWidget-profiles-item-spacer:nth-of-type(5n) {
        display: flex;
    }
}


@media(max-width: 1100px) {
    [data-column-number="4"] .uiWidget-profiles-item,
    [data-column-number="5"] .uiWidget-profiles-item,
    [data-column-number="6"] .uiWidget-profiles-item {
        width: 33.33%;
    }

    .uiWidget-profiles-item-spacer:nth-of-type(n) {
        display: none !important;
    }

    [data-column-number="2"] .uiWidget-profiles-item-spacer:nth-of-type(2n) {
        display: flex;
    }
}

/*@media (max-width: 768px) {
  [data-style="profile_testimonial"] {
    display: flex;
    flex-direction: column;
  }

  [data-style="profile_testimonial"] .uiWidget-profiles-item {
    width: 100% !important;
    max-width: 100%;
    padding:15px;
  }
}*/

@media(max-width: 540px) {
    .uiWidget-profiles-item-spacer:nth-of-type(n) {
        display: none !important;
    }

    .uiWidget-profiles-item {
        width: 50% !important;
    }
}

@media(max-width: 420px) {
    .uiWidget-profiles-item {
        width: 100% !important;
    }
}
