@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Thin.woff2') format('woff2'),
        url('fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.woff2') format('woff2'),
        url('fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-LightItalic.woff2') format('woff2'),
        url('fonts/Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* Globals */
body {
    padding: 0;
    margin: 0;
    font-family: 'Gotham', sans-serif;
    font-weight: 300; 
}
@media (min-width: 920px) {
    body {
        font-size: 1.75rem;
    }
}

/* Bootstrap Class Overrides */
.display-2 {
    font-size: calc(0.5 * 6.25rem);
}
.display-3 {
    font-size: calc(0.5 * 5rem);
}
.display-4 {
    font-size: calc(0.5 * 3.5rem);
}

@media (min-width: 920px) {
    .display-2 {
        font-size: 6.25rem;
    }
    .display-3 {
        font-size: 5rem;
    }
    .display-4 {
        font-size: 3.5rem;
    }
    .lead {
        font-size: 2.5rem;
    }
}
.small {
    font-weight: 300;
}
@media (min-width: 1440px) {
    .container {
        max-width: 1400px;
    }
}

/* Lazy loading classes */
.lazy.fade {
    transition: opacity 1s;
    opacity: 0;
}
.lazy.fade.loaded {
    opacity: 1;
}

/* Parallax */
.bg-parallax-cover {
    background-size: auto 150%;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.bg-parallax-side {
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Templates */
.title-cover-photo {
    background-size: cover;
    background-position: 0 50%;
}
@media (min-width: 920px) {
    .title-cover-photo {
        background-attachment: fixed;
    }
}
.title-cover-photo:after {
    content: '';
    height: 100vh;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
}

.template-list-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.template-list-text {
    max-width: 785px;
}

.gradient-li > li,
.gradient-li-varied > li {
    list-style-image: url('images/li-01.png');
    padding: 0 0 1rem 1rem;
}

.gradient-li-varied > li:nth-child(2),
.gradient-li-varied > li:nth-child(7),
.gradient-li-varied > li:nth-child(12) {
    list-style-image: url('images/li-02.png');
}
.gradient-li-varied > li:nth-child(3),
.gradient-li-varied > li:nth-child(8),
.template-list-right > li:nth-child(13) {
    list-style-image: url('images/li-03.png');
}
.gradient-li-varied > li:nth-child(4),
.gradient-li-varied > li:nth-child(9),
.gradient-li-varied > li:nth-child(14) {
    list-style-image: url('images/li-04.png');
}
.gradient-li-varied > li:nth-child(5),
.gradient-li-varied > li:nth-child(10),
.gradient-li-varied > li:nth-child(15) {
    list-style-image: url('images/li-05.png');
}


/* Section specific */

/* Header */
#header {
    background-image: url(images/bg-light.png);
    background-size: cover;
}
#header .nav-container {
    background-image: url(images/bg-header.png);
    background-size: cover;
}


/* Introduction */
@media (min-width: 920px) {
    .bg-parallax-cover#introduction-cover {
        background-attachment: fixed;
    }
}



/* People */
.bg-gradient-people {
    background: #C12A87;
    background: linear-gradient(0deg, #C12A87 0%, #FEC876 100%);
}
.bg-gradient-people-50 {
    background: #C12A87;
    background: linear-gradient(0deg, #C12A87 50%, #FEC876 100%);
}

/* Systems */
.bg-gradient-systems {
    background: #055286;
    background: linear-gradient(0deg, #055286 0%, #E86ACA 100%);
}
.bg-gradient-systems-50 {
    background: #055286;
    background: linear-gradient(0deg, #055286 50%, #E86ACA 100%);
}

/* Communications */
.bg-gradient-communication {
    background: #3E5AEE;
    background: linear-gradient(0deg, #3E5AEE 0%, #02ECAA 100%);
}
.bg-gradient-communication-50 {
    background: #3E5AEE;
    background: linear-gradient(0deg, #3E5AEE 50%, #02ECAA 100%);
}

/* Planning and Meetings */
.bg-gradient-planning-and-meetings {
    background: #62319D;
    background: linear-gradient(0deg, #62319D 0%, #EF5B60 100%);
}
.bg-gradient-planning-and-meetings-50 {
    background: #62319D;
    background: linear-gradient(0deg, #62319D 50%, #EF5B60 100%);
}

/* Leadership */
.bg-gradient-leadership {
    background: #67329D;
    background: linear-gradient(0deg, #67329D 0%, #FF578A 50%, #FFA768 100%);
}
.bg-gradient-leadership-50 {
    background: #67329D;
    background: linear-gradient(0deg, #67329D 50%, #FF578A 75%, #FFA768 100%);
}

/* Failure and Mistakes */
.bg-gradient-failure-and-mistakes {
    background: #5D34A0;
    background: linear-gradient(0deg, #5D34A0 0%, #23D2DC 100%);
}
.bg-gradient-failure-and-mistakes-50 {
    background: #5D34A0;
    background: linear-gradient(0deg, #5D34A0 50%, #23D2DC 100%);
}

/* Accountability */
.bg-gradient-accountability {
    background: #6342AB;
    background: linear-gradient(0deg, #6342AB 0%, #FC40A1 100%);
}
.bg-gradient-accountability-50 {
    background: #6342AB;
    background: linear-gradient(0deg, #6342AB 50%, #FC40A1 100%);
}

/* Problem and Solutions */
.bg-gradient-problem-and-solution {
    background: #0167AE;
    background: linear-gradient(0deg, #0167AE 0%, #37ECCE 100%);
}
.bg-gradient-problem-and-solution-50 {
    background: #0167AE;
    background: linear-gradient(0deg, #0167AE 50%, #37ECCE 100%);
}

/* Decision Making */
.bg-gradient-decision-making {
    background: #8F3990;
    background: linear-gradient(0deg, #3E5AEE 0%, #F05B5F 100%);
}
.bg-gradient-decision-making-50 {
    background: #8F3990;
    background: linear-gradient(0deg, #8F3990 50%, #F05B5F 100%);
}

/* Habits */
.bg-gradient-habits {
    background: #BE4DD1;
    background: linear-gradient(0deg, #BE4DD1 0%, #25D3DE 100%);
}
.bg-gradient-habits-50 {
    background: #BE4DD1;
    background: linear-gradient(0deg, #BE4DD1 50%, #25D3DE 100%);
}

/* Epilogue */
.bg-parallax-cover#epilogue {
    background-size: 100%;
    background-repeat: repeat;
}

/* Footer */
#footer {
    background-color: #3b3b3b !important;
    background-image: url(images/footer-border.png);
    background-size: 100% 3px;
    background-repeat: no-repeat;
}