/* ---------------------------------------------------------------------------- */
/* Page | Default */
/* ---------------------------------------------------------------------------- */

h1 {
    position: relative;
}
h1:after {
    background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/stripe_black.png);
    -webkit-background-clip: text;
    content: attr(data-text);
    color: transparent;
    left: 3px;
    position: absolute;
    top: 3px;
    z-index: -1;
    width: 100%;
    text-align: center;
}

/* ---------- Banner ---------- */

.banner {
    padding: 173px 0 0 0;
    background: #000;
}
.inner_banner {
    height: 380px;
    position: relative;
}
#banner-description {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px !important;
    color: #fff;
    padding: 5px 20px;
    background: rgba(0,0,0, 0.6);
    border-top-left-radius: 3px;
}

/* Title */
.inner_banner h1 {
    color: #fff;
    font: 66px/60px 'canterbold';
    text-transform: uppercase;
    text-align: center;
    padding: 32px 100px 28px;
    margin: 130px 0 0;
    background: rgba( 238, 116, 0, 0.75);
}



/* ---------------------------------------------------------------------------- */
/* Team */
/* ---------------------------------------------------------------------------- */

.team_list {
    list-style: none;
    margin: 0 0 50px;
}
.team_list li {
    float: left;
    width: 31%;
    height: 100px;
    margin: 0 1% 45px 1%;
}

.team h1 { text-align: center; }


/* ---------- Portrait ---------- */

.team_list li .team_portrait {
    float: left;
    width: 23%;
    margin: 0 3% 0 0;
}

.team_list_prod li .team_portrait {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.team_list li .team_portrait img {
    display: block;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}


/* ---------- Content ---------- */

.team_list li .team_content {
    float: left;
    width: 68%;
}

.team_list li h2 {
    color: #ec7404;
    font: normal 14px/20px 'gothambook';
    text-transform: uppercase;
    padding: 0 0 5px;
}


.team_list li h3,
.team_list li p {
    color: #000;
    font: normal 16px/20px 'gothambook';
    text-transform: none;
    padding: 0;
}
.team_list li p { font-size: 14px; }

.team_list.team_list_prod li h3 { padding-top: 15px; }