/* Promos */

.promos {
    /*float: left;
    width: 100%;
    margin: 0;
    padding: 80px 0;
    */
}

.promos:not(.featured-content) ul:not(.lSPager):not(.slider) {
    /*float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    */
}

.promos ul.rows-3:not(.lSPager):not(.slider) {
    justify-content: space-around;
}

.promos:not(.featured-content) ul:not(.lSPager):not(.slider):not(.buttons) li {
    padding: 0;
}

.promos ul:not(.lSPager):not(.slider) li {
    /*max-width: 280px;
    margin: 0 20px;
    text-align: left;*/
}

.promos.center-text,
.promos.center-text li,
.promos.center-text li p,
.promos.center-text li h1,
.promos.center-text li h2,
.promos.center-text li h3,
.promos.center-text li h4,
.promos.center-text li h5,
.promos.center-text li h6,
.promos.center-text li a {
    text-align: center !important;
}

.promos li p, .promos li a p, .promos li h4, .promos li a h4 {
    font-size: 14px;
    line-height: 18px;
    color: #AAACB6;
    margin: 5px 0 0 0;
}

.promos ul.center-text li a.button {
    text-align: center !important;
    position: relative;
    float: left;
    left: 50%;
    right: auto;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.promos ul.right-text li {
    text-align: right !important;
}

.promos ul.right-text li a.button {
    float: right;
}

.promos .logo {
    height: auto;
    min-width: 60px;
    max-width: 60px;
    max-height: 60px;
    margin: 0 0 20px;
}

.promos {
    background-size: cover;
    background-repeat: no-repeat;
}

.promos ul.slider,
.promos ul.slider li {
    float: left;
    width: 100%;
    /* Creating weird layout bug */
    /*max-width: 100%;*/
    height: auto !important;
    margin: 0;
}

.promos ul.slider {
    min-height: 200px;
}

.promos ul.slider li {
    /* To account for arrow width */
    /*
    padding-left: calc(5% + 50px);
    padding-right: calc(5% + 50px);
    */
}

/* Icons */
.promos li img.icon {
    position: relative;
    float: left;
    margin: 0 0 40px 0;
}

.promos ul.center-text img.icon {

    left: 50%;
    right: auto;
    /*
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    */
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/* Repeater block: Testimonials & features */

.promo.repeater ul.slider li a.button {
    position: relative;
    float: left;
    left: 50%;
    right: auto;
    /*
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    */
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}



/* Author promo */

.promo {
    float: left;
    width: 100%;
}




.promo.author {
    margin: 80px 0 0;
    padding: 20px;
    border-left: 2px solid #000;
}

.promo.author .author-info {
    float: left;
    width: calc(100% - 140px);
}

.promo.author .author-image {
    float: left;
    width: 120px;
    height: auto;
    margin: 0 20px 0 0;
}

.promo.author .author-name {
    font-size: 1.2em;
}

.promo.author .author-image a,
.promo.author .author-image a img {
    float: left;
    width: 100%;
}

.promo.author ul.nav-social {
    max-width: 240px;
    margin: 0px;
    justify-content: flex-start;
}

.promo.author ul.nav-social li {
    margin: 0 10px 0 0;
}

.promo.author ul.nav-social li a {
    padding: 2px;
}

.promo.author ul.nav-social li svg {
    width: 16px;
}

.author-description {
    float: left;
    width: 100%;
}