#grid-CREATE-capabilities .coach {
    border-bottom: solid 2px #6BBD36;
}

#grid-CREATE-capabilities .relate {
    border-bottom: solid 2px #F27331;
}

#grid-CREATE-capabilities .enquire {
    border-bottom: solid 2px #FFD330;
}

#grid-CREATE-capabilities .adapt {
    border-bottom: solid 2px #00B0B1;
}

#grid-CREATE-capabilities .teach {
    border-bottom: solid 2px #009452;
}

#grid-CREATE-capabilities .engage {
    border-bottom: solid 2px #75C9C8;
}

#grid-CREATE-capabilities p {
    color: #7E7E7D;
}

#grid-CREATE-capabilities .capability-item {
    margin-bottom: 1.2rem;
}


/* MASONRY COLUMNS */

@media screen and (min-width: 811px) {
    .button-collapse {
        display: none;
    }
}

@media screen and (max-width: 810px) {
    .full-nav {
        display: none;
    }
}

@media screen and (min-width: 601px) {
    #grid-CREATE-steps[data-columns]::before {
        content: '4 .column.size-1of4';
    }
    #grid-CREATE-capabilities[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media screen and (min-width: 451px) and (max-width: 600px) {
    #grid-CREATE-steps[data-columns]::before {
        content: '2 .column.size-1of2';
    }
    #grid-CREATE-capabilities[data-columns]::before {
        content: '2 .column.size-1of2';
    }
    .card-panel img {
        display: none;
    }
    .card-panel .row .col.s10,
    .card-panel .btn {
        width: 100%;
    }
}

@media screen and (min-width: 0px) and (max-width: 450px) {
    #grid-CREATE-steps[data-columns]::before {
        content: '1 .column.size-1of1';
    }
    #grid-CREATE-capabilities[data-columns]::before {
        content: '1 .column.size-1of1';
    }
    .card-panel img {
        display: none;
    }
    .card-panel .row .col.s10,
    .card-panel .btn {
        width: 100%;
    }
}

.card-panel .row {
    margin-bottom: 0px;
}


/* These are the classes that are going to be applied: */

.column {
    float: left;
}

.size-1of1 {
    width: 100%;
}

.size-1of2 {
    width: 50%;
}

.size-1of3 {
    width: 33.33333%;
}

.size-1of4 {
    width: 25%;
}


/* OVERWRITE */

.masonry-grid {
    display: inline-block;
    margin: 0 -10px;
}

#grid-CREATE-steps img {
    width: 100%;
}

#grid-CREATE-capabilities img {
    width: 50px;
    border-radius: 50%;
    float: left;
}

#grid-CREATE-capabilities p {
    float: bottom;
}

#grid-CREATE-capabilities .capability-icon-and-name {
    width: 100%;
    display: inline-block;
}

#grid-CREATE-capabilities .capability-name {
    float: left;
    text-transform: uppercase;
    font-family: 'Sofia Pro', Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 1rem;
    margin-left: .7rem;
}

.masonry-grid .column {
    padding: 0 10px;
}

footer {
    margin-top: 0px !important;
}

.page-footer .row,
.footer-copyright .container {
    max-width: 687px;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: auto;
}

.text-block {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    max-width: 687px;
    margin: auto;
}

@media screen and (max-width: 650px) {
    .text-block {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }
}

.video-block {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 800px;
    margin: auto;
}

.video-caption {
    text-align: center;
    padding-top: .8em;
    padding-bottom: .3em;
    color: white;
}

#intro-video .video-caption {
    color: #698E8E;
}

.logo-banner-scrolled {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 10;
}

.nav-wrapper {
    display: none;
}

.nav-wrapper .material-icons {
    color: #698E8E;
}

.full-nav ul {
    position: absolute;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
    -ms-transform: translate(-50%, -120%);
    -webkit-transform: translate(-50%, -120%);
    -moz-transform: translate(-50%, -120%);
    -o-transform: translate(-50%, -120%);
}


/* positions hamburger so it enters screen top down rather than left to right by default */

.button-collapse {
    position: absolute;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

ul {
    padding-left: 20px;
    list-style: none;
}

.check li {
    margin-bottom: 10px;
    list-style: none;
    display: table-row;
    font-family: 'Sofia Pro', Helvetica, sans-serif;
    font-size: 1.3rem;
    color: #5C5C5C;
}

.check li:before {
    font-family: 'Material Icons';
    color: #00abb0;
    content: "done";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}

.nav ul a {
    color: #afbfbf;
    font-family: 'Sofia Pro', Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.nav-wrapper ul a {
    color: #afbfbf;
    font-family: 'Sofia Pro', Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

.nav-wrapper ul a:hover {
    color: #00B0B1;
}

.side-nav {
    z-index: 999;
}

.nav-wrapper li {
    display: inline;
    margin: 0 10px;
}

#brand-logo-container img {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    max-width: 200px;
}


/* BRAND LOGO */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sofia Pro', Helvetica, sans-serif;
    font-weight: 700;
}

h4,
h5,
h6 {
    line-height: 2.1rem;
}

h3 {
    color: #00B0B1;
}

h5,
h6 {
    font-weight: 400;
    color: #7E7E7E;
}


body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #393939;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

#hero {
    position: relative;
    height: -webkit-calc(500px - 70px);
    height: calc(500px - 70px);
    background: url('../img/backgrounds/20160905_072755.jpg') center center no-repeat;
    background-size: cover;
}

#hero:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top right, #FFD330, #00B0B1);
    background-image: linear-gradient(to bottom left, #FFD330, #00B0B1);
    opacity: .7;
}

#hero-content {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: white;
}

.content-2 {
    position: absolute;
    align: center;
    width: 100%;
    top: 50%;
    left: 50%;
	padding-top:10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	color: white;
}

#hero-content a,
#hero-content p {
    font-weight: 400;
}

section {
    padding-top: 60px;
    padding-bottom: 60px;
}

#intro-video {
    background-color: #F7F7F7;
}

#capabilities-video .video-caption {}

#capabilities-video {
    background-color: #46C2D2;
}

#whats-next {
    background-color: #F7F7F7;
}

#mentors {
    background-color: #ffffff;
}

#mentor-mail {
    background-color: #F7F7F7;
}

#mentor-mail .btn-large {
    background-color: #75C9C8;
    margin-top: 15px;
    font-family: 'Sofia Pro', Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.64rem;
}

#mentor-mail .material-icons {
    margin-bottom: 3px;
}

#event-dates {
    background-color: #ffffff;
}

#next-steps {
    background-color: #F7F7F7;
}

#logo-banner {
    position: relative;
    background-color: #F7F7F7;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.1);
}


/* TESTIMONIAL */

.testimonials blockquote {
    color: #7E7E7E;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    padding: 15px;
    position: relative;
    border-bottom: 3px solid #00B0B1;
    border-left: none;
    font-size: 1.2rem;
}

border-bottom-style: inset;

/*FF fixes*/


}
*/ .testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #698E8E;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
    display: inline;
}
.testimonials span.testimonials-post {
    color: #9B9B9B;
    font-size: 15px;
    display: inline;
}

/* DOWNLOAD HANDBOOK */
#download-capability-handbook {
    width: 100%;
    margin: auto;
    background-color: #f7f7f7;
}
.select-wrapper input.select-dropdown {
    border-bottom: 2px solid #00B0B1;
}
.select-wrapper .caret {
    font-family: sans-serif;
}

/* EVENTS TABLE */
.header {
    color: #7E7E7E
}
.wistia_responsive_padding {
    background-color: #E5E5E5;
    text-align: center;
}
.wistia_responsive_padding span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #7E7E7E;
}
.wistia-no-display-message {
    display: none;
}
#next-steps a,
#next-steps a:visited {
    color: #1896A6;
}
#next-steps a:hover {
    text-decoration: underline;
}