/***************************************
Custom Styling on TNT.org
Last Updated: 7/27/21
***************************************/



/* TEMP DEFAULT BANNER FIX UNTIL MERGED:;
LOCATED AT BOTTOM */





/** Misc Page Layout Elements
***************************************/

/* 
1. Removes Default 15px Gutter From Bootstrap Columns */
.no-gutter { padding-right: 0px; padding-left: 0px;}


/* 
2. Flex Vertical Center */
.flex {
    display: flex;
}
.vertical-center {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 767px) { 
 .flex-fix {display:block;}
}
/* Flex Wrapping Fix: */
.flex-wrap {
  flex-wrap: wrap;
}


/*
3. Equal Column Heights: **/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}


/*
4. Responsive Video Embed */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* END */


/* 
5. offset anchor point for fixed header */
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

/*************************************** 
END Misc Page Layout Elements ******/






/** Color Palette
***************************************/

.purple {color:#9164AB;}
.dark-purple {color:#3E1568;}
.green {color:#97D700;}
.red {color: #cc0000;}
.yellow {color: #ffc425;}
.black {color:#000;}
.white {color:#fff;}
.grey {color:#666;}


/**
Global Stylesheet: Text Colors:
------------------------------------------
.lls-purple      (#9164ab)
.lls-dark-purple      (#3e1568)
.lls-light-purple      (#c89ed2)
.lls-red      (#cc0000)
.lls-yellow      (#ffc425)
.lls-lighter-grey      (#fafafa)
.lls-light-grey      (#f0f0f0)
.lls-grey      (#f4f4f4)
.lls-dark-grey      (#8d8d8d)
.lls-darkest-grey      (#282828)


Global Stylesheet: Background Colors:
------------------------------------------
.lls-bg-purple      (#9164ab)
.lls-bg-dark-purple      (#3e1568)
.lls-bg-light-purple      (#c89ed2)
.lls-bg-red      (#cc0000)
.lls-bg-yellow      (#ffc425)
.lls-bg-lighter-grey      (#fafafa)
.lls-bg-light-grey      (#f0f0f0)
.lls-bg-grey      (#f4f4f4)
.lls-bg-dark-grey      (#8d8d8d)
.lls-bg-darkest-grey      (#282828)

------------------------------------------ **/

/*************************************** 
Color Palette ENDS ******/






/** Typography and Accents
***************************************/

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}

ul {font-weight:300;} /* makes font weight similar to paragraph weight */

/*************************************** 
END Typography and Accents ******/





/** Sections / Container Styles
***************************************/
.section {padding:60px 20px;}
.section-sm {padding:40px 20px;}
.section-center {text-align:center; padding:60px 20px;}
.section-nopadding {padding:0px;}

.bg-green {background-color:#97D700;}
.bg-grey-lt {background-color:#fafafa;}
.bg-grey-md {background-color:#ebebeb;}
.bg-black {background-color:#000;}

/* These replaced by global background styles -->
.section-grey-lt {background-color:#fafafa;}
.section-grey-md {background-color:#ebebeb;}
.section-black {background-color:#000;}
.section-purple {background-color:#9164AB;}
.section-purple-dark {background-color:#3E1568;}
.section-red {background-color:#CC0000;}
.section-yellow {background-color:#ffc425;}
*/


/* Horizontal Rules */
.hr-green-1 {border-top: 1px solid #97D700;}
.hr-green-2 {border-top: 2px solid #97D700;}
/* Horizontal Rules ENDS */


/* Green Border Sizes */
.border-green-thin {
    border-top: 1px solid #97D700;
    border-bottom: 1px solid #97D700;
}
.border-green-medium {
    border-top: 4px solid #97D700;
    border-bottom: 4px solid #97D700;
}
.border-green-thick {
    border-top: 10px solid #97D700;
    border-bottom: 10px solid #97D700;
}
/* Green Border Sizes ENDS */

/*************************************** 
Sections / Container ENDS ******/






/** Buttons (Additional)
***************************************/

.btn-transparent,
.btn-transparent:focus {
  background-color: transparent;
  border-color: #FFF;
  color: #FFF;
  text-transform: uppercase;
}
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:active:focus,
.btn-transparent:active:hover,
.btn-transparent.active {
  background-color: #fff;
  border-color: #FFF;
  color:#3e1568;
}

/*************************************** 
ENDS Buttons ******/






/** Home Page Specific Styles
***************************************/


/* Homepage Breaking News */
.breaking-news {
    background-color: #3E1568;
    color: #fff;
    padding: 15px 15px;
}
.breaking-news .fa-info-circle {color:#97D700;}
    
.news-headline {
  font-size: 22px;
  margin: 4px 0px;
}
.btn-news {
    background-color: #97D700;
    border: none;
    color: #FFF!important;
    font-size:16px;
    font-weight: 400;
}
.btn-news:hover,
.btn-news:focus {
    background-color: #88C200!important;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    .breaking-news  {text-align:center;}
    .news-headline { font-size: 18px; margin: 4px 0px;}
    .btn-news {margin:15px auto 0 auto;}
}
/* Homepage Breaking News ENDS */   




/*** Intro Section ***/
.intro-title {
    font-size: 60px;
    line-height: 55px;
}    
@media only screen and (max-width: 991px) {
    .intro-title {
        text-align:center;
    }
}
@media only screen and (max-width: 767px) {
    .intro-title {
        font-size: 45px;
        line-height: 40px;
    }
}
/*** END Intro Section ***/



/*** Sport-Type Section ***/
.sport-select-container {
    background-color:#282828;
    color:#fff;
    text-align:center;
}

.icon-tnt-run,
.icon-tnt-tri,
.icon-tnt-cycle,
.icon-tnt-hike,
.icon-tnt-climb,
.icon-tnt-diy {
    display: block;
    font-size: 100px!important;
    color:#97D700;
    margin: 0px auto 30px auto;
}

.sport-select-container a {
    color:#FFF;
}
.sport-select-container a:hover {
    text-decoration: none;
}

/* Hover Animation */
/* Temp Removed –
.sport-select-container h3, 
.sport-select-container i {
    transition: transform .2s; 
}
.sport-select-container h3:hover, 
.sport-select-container i:hover {
    transform: scale(1.05);
    opacity: 90%;
}
.sport-select-container h3:active,
.sport-select-container h3:active:focus,
.sport-select-container h3:active:hover,
.sport-select-container h3.active {
  color:#97D700;
}
*/
/* END Hover Animation */

.sport-select-box {}
/*** Sport-Type Section ENDS ***/



/*** Get Started Section ***/
.get-started {
    background: url(/sites/tnt/files/Image/Backgrounds/home-bg-getstarted.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

.well-get-started {
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
    /*height:240px*/
}

.well-get-started h2 {
    color: #3e1568;
    font-size: 18px;
    font-weight: 700;
    line-height: 0;
}

.well-get-started a {
    text-transform: none;
}
/*** Get Started Section ENDS ***/



/*** Infographics Section ***/

.icon-tnt-research-project,
.icon-tnt-microscope,
.icon-tnt-family {
    color: #FFF;
    display: block;
    font-size: 150px !important;
    height: auto;
    margin: 15px auto;
}

.info-text {
    color: #FFF;
}

.info-text-large {
    color: #9164ab;
    display: block;
    font-size: 45px;
    font-weight: 600;
}
/*** Infographics Section ENDS ***/



/*** Stories Component Overrides ***/
.module-community h1 {
    font-family: 'Druk Web', 'proxima-nova', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 65px;
    line-height: 60px;
    letter-spacing: 1px;
    font-weight: normal;
    margin: 0 0 15px 0;
    color: #3e1568;
    padding-bottom: 15px;
    border-bottom: 1px solid #97D700;
}
.profile {
    border-top:1px solid #3e1568!important;
    border-bottom:1px solid #3e1568!important;
}
@media only screen and (max-width: 767px) {
    .module-community h1 {
        font-size: 45px;
        line-height: 40px;
    }
}
/*** Stories Component Overrides ENDS ***/



/*** Inspirational Stories Section ***/
.feature-story  {
    background: url(https://www.teamintraining.org/sites/tnt/files/Image/HomePage/bg-home-stories-hero.jpg) no-repeat center 90px fixed;
    background-size: cover;
    color: #fff;
    height: 650px;
}
.feature-story-mobile {
    display: none;
}
/* force button float */
.feature-story p .btn {
    float:left;
    margin-right:30px;
}
@media only screen and (max-width: 991px) {
    .feature-story  {
        background: url(https://www.teamintraining.org/sites/tnt/files/Image/HomePage/bg-home-stories-hero.jpg) no-repeat -430px bottom;
        background-size: cover;
        color: #fff;
        height: 700px;
    }
}
@media only screen and (max-width: 767px) { 
    .feature-story  {
        background-image: none;
        height: auto;
        color: #3e1568;
    }
    .feature-story-mobile {
        display: block;
    }
    .feature-story p .btn {
        float:left;
        margin-right:0px;
    }
}
/*** END Inspirational Stories Section ***/



/*** Footer CTA Section ***/
.home-register-container {
    color: #FFF;
    padding: 30px 20px;
    text-align: center;
}
.home-register-container h2 {
    text-transform: uppercase;
}
/*** END Footer CTA Section ***/


/*************************************** 
Home Page Specific ENDS ******/







/** Custom Components 
***************************************/


/* Register CTA / TMM Form Component */
.section-reg-tmm-container {background-color:#3e1568;}
.reg-2col {
    height: 540px;
}
@media only screen and (max-width: 991px) {
    .reg-2col {
        height: 240px;
    }
}
/* Register CTA / TMM Form Component ENDS */



/* Next Steps Component */
.info-nextsteps {
    background: url(/sites/tnt/files/Image/Backgrounds/bg-img-thankyou-poster.jpg) no-repeat center center;
    background-size: cover;
    background-attachment:;
    color: #fff;
}

.well-info-nextsteps {
	height:170px;
    color: #3E1568;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
    margin-bottom: 0px;/* <-- Removes default margin. Added back in for mobile */
}
.link-icon {
    color: #3e1568;
}
.link-icon:hover {
    text-decoration: none;
    cursor: pointer;
}
/* Next Steps Component ENDS */


/* FAQs Accordion Styles */
.panel {
    border: none;
    box-shadow: none;
}
.panel-title {
    font-size: 18px!important;
    text-transform: none!important;
}
.panel-heading .panel-title a {
    padding: 10px 0;
}
.panel-body {
    padding: 10px 20px;
}
.panel-icon {
    color: #3E1568;
    margin-right: 6px;
}
/* FAQs Accordion Styles ENDS */


/* Why LLS Infograpics Start */
.icon-tnt-lls-fact-1-3rd,
.icon-tnt-lls-fact-3mins,
.icon-tnt-lls-fact-9mins,
.icon-tnt-lls-fact-10mins {
    font-size: 120px!important;
    color: #9164AB;
    margin: 15px 0;
    display: block;
}

.infographic-stat-content p {
    font-size: 20px;
    padding:0px 45px;
}
/* Why LLS Infograpics ENDS */

/*************************************** 
Custom Components ENDS ******/








/** About TNT Specific 
***************************************/
.whats-for-you {
	padding:15px 30px;
    min-height: 210px;
}
.how-it-works {
    background: url(/sites/tnt/files/Image/AboutTNT/about-how-it-works-bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment:fixed;
    /*height: 400px;*/
    color: #fff;
}

.well-how-it-works {
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
}
.section-about-reg-cta {
    padding: 40px 20px 0px 20px;
}
@media only screen and (max-width: 767px) {
    .whats-for-you {
        min-height: auto;
    }
}
.about-benefits-container {
    padding: 30px 30px;
    height: auto;
    background-color: #3e1568;
    color: #fff;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.feature-box {
    text-align:center;
}
.fb-icon {
    display: block;
    font-size: 60px;
    margin: 0 0 15px 0;
    color: #97d700;
}
.fb-title { 
    font-size:20px; 
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    color: #97d700;
}
.fb-description { 
    font-size:16px;
    color: #fff;
    line-height: 1.2;
}
.white-link {
    color:#FFF;
    text-decoration:none;
}
.white-link:hover {
    color:#FFF;
    text-decoration:underline
}
@media only screen and (max-width: 767px) {
    .feature-box {
        margin-bottom:30px;
    }
}

.impact-lead {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 6px;
    padding: 0 45px;
}
.impact-h2 {
    color:#3E1568;
    font-size: 50px;
    font-weight: bold;
    margin: 0px;
}
@media only screen and (max-width: 767px) {
    .impact-fact { 
        margin-bottom:60px;
        padding:0px;
    }
}  
/*************************************** 
About TNT Specific ENDS ******/




/** Sport Specific Pages 
***************************************/
/** Reasons Component **/
.event {
    height: 180px;
    /*margin-bottom: 2px;*/
}

.event-name {
    font-weight: 500;
    text-transform: uppercase;
    color: #3E1568;
}

.event i {
    color: #9164AB;
}

.well.event {
    background-color: transparent!important;
    background-image: none!important;
    box-shadow: none!important;
    border-color: #ebebeb;
}
.tnt-reasons {/*margin:60px 0;*/}
.tnt-reasons-bg-run {
    background: url(/sites/tnt/files/Image/SportSpecific/sport-spec-thumb-run.jpg) no-repeat center center;
    background-size: cover;
    height: 325px;
}
.tnt-reasons-bg-tri {
    background: url(/sites/tnt/files/Image/SportSpecific/sport-spec-thumb-tri-b.jpg) no-repeat center center;
    background-size: cover;
    height: 325px;
}
.tnt-reasons-bg-cycle {
    background: url(/sites/tnt/files/Image/SportSpecific/sport-spec-thumb-cycle-b.jpg) no-repeat center center;
    background-size: cover;
    height: 325px;
}

.tnt-reasons-bg-hike {
     background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/SportSpecific/sport-spec-thumb-hike.jpg") no-repeat scroll center center / cover ;
     height: 325px;
}

.tnt-reasons-bg-climb {
     background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/SportSpecific/sport-spec-thumb-climb.jpg") no-repeat scroll center center / cover ;
     height: 325px;
}

.tnt-reasons-bg-mission {
    background: url(/sites/tnt/files/Image/SportSpecific/thumb-thankyou.jpg) no-repeat center center;
    background-size: cover;
    height: 325px;
}

.tnt-reasons-content {
    min-height: 325px;
    color: #fff;
    padding: 15px;
}

.tnt-reasons-content ul {
    margin: 0px;
    padding: 0px;
}

.tnt-reasons-content ul li {
    margin-left: 15px!important;
}
.upcoming-event-container {
    color: #FFF;
    background-color: #3E1568;
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.tnt-reasons-content {
    min-height:auto!important; padding:15px;}
}
/** Reasons Component ENDS **/


blockquote.blockquote-border-fade {
    font-size: 24px;
    border-left: none;
    border-left: 1px solid #C89ED2;
    border-radius: 30px;
    border-right: 1px solid #C89ED2;
    border-radius: 30px;
    padding: 20px 40px;
    text-align: center;
}
.blockquote-video {
    color: #FFF;
    margin: 66px 40px 0 40px;
}

#sport-page .video-container {
    height: 400px;
    padding: 0px;
}


/**** Fixed Sport-Type Nav Bar ****/
.sport-select-fixed-nav{}
.navbar-fixed-top {
    /*margin-top: 595px;*/
    margin-top: 195px;
    width: 65px;
    background-color: rgba(62, 21, 104, 0.8);
    border-top:2px solid #97D700;
    border-bottom:2px solid #97D700;
}
.nav.nav-pills.nav-stacked.navbar-fixed-top > li > a:focus,
.nav.nav-pills.nav-stacked.navbar-fixed-top > li > a:hover {
    background-color: transparent!important;
}
.fixed-nav-item-icon {
    font-size: 35px!important;
    color: #FFF;
    display: block;
    margin: 0px;
    padding: 0px;
}
.fixed-nav-item-icon:hover {
    color: #9164ab;
}
.nav-title {
    color: #97D700;
    font-size: 13px;
    text-align: center;
    margin-top: 4px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
.navbar-fixed-top {margin-top:178px;}
}


@media only screen and (max-width: 767px) {
.navbar-fixed-top {
    width:100%;
    height:55px;
    margin-top:49px;
    border-bottom:2px solid #97D700;
    border-top:none;
}
.navbar-fixed-top li {
    float:left;
}
.navbar-fixed-top li a {
    padding: 10px;
}
.nav-title { 
    margin:20px 0 0 15px;
    display:none!important;
}
.fixed-nav-item-icon {
    font-size:35px;
}
}
/**** Fixed Sport-Type Nav Bar ENDS ****/


/*************************************** 
Sport Specific Pages ENDS ******/



/** Training & Coaches Pages 
***************************************/
.title-bar {
    padding: 15px 0px;
}
.title-bar h1 {
    margin: 0px;
}
.icon-clock-title,
.icon-coaches-title {
    fill: #97D700;
    height: 40px;
    width: 40px;
    float: left;
    margin: 0 15px 0 0;
}

/* Training Section Start */
/* Multi Background Image Style: */
.training-app-container-1 {
    background-image: url(/sites/tnt/files/Image/LandingPages/Coaches/sixcycle-app-bg-1.png), url(/sites/tnt/files/Image/LandingPages/Coaches/halftone-purple.png);
    background-position: left center, 100px 0px;
    background-repeat: no-repeat, repeat-y;
    background-color: #3e1568;
    background-size: cover, contain;
    height: 400px;
}
.training-app-container-2 {
    background-image: url(/sites/tnt/files/Image/LandingPages/Coaches/sixcycle-app-bg-2.png), url(/sites/tnt/files/Image/LandingPages/Coaches/halftone-green.png), url(/sites/tnt/files/Image/LandingPages/Coaches/sixcycle-app-mobile-phones.png);
    background-position: right bottom, 40px 0px, 10% 210%;
    background-repeat: no-repeat, repeat-y, no-repeat;
    background-color: #97D700;
    background-size: cover, contain, ;
    height: 400px;
}
/* ENDS */

.coach-network-img {
    background: url(/sites/tnt/files/Image/LandingPages/Coaches/coach-runner-img-1.jpg) no-repeat center center;
    background-size: cover;
    height: 300px;
}
/* Training Section ENDS */


/* Benefits / Icons Section Start */
.benefits-wrap {
    background-color: #f4f4f4;
    padding-bottom: 0px;
}
.benefits-container {
    height: 150px;
    margin-bottom: 15px;
}
.benefits-container h4 {
    color: #3e1568;
}
.benefits-row {}
.icon-svg {
    height: 65px;
    width: 100%;
    fill: #3e1568;
}
.icon-team-group {
    width: 90px;
}
/* Benefits / Icons Section ENDS */


/* Coaching Section Start */
.banner-coaches {
    background: url(/sites/tnt/files/Image/LandingPages/Coaches/coaching-network-bg-main.jpg) no-repeat center center;
    background-size: cover;
    height: 400px;
}
.banner-coaches-mobile {
    display: none;
}
/* Coaching Section ENDS */

@media only screen and (max-width: 1070px) {
    .training-app-container-2 {
        background-position: -350px 0px, 40px 0px, 0% 210%;
    }
}

@media only screen and (max-width: 991px) {
    .training-app-container-1 {
        background-position: -140px 0px, 100px 0px;
    }
    .training-app-container-2 {
        /*background-position: -370px 0px, 40px 0px, 0% 210%; */
        background-position: -500px 0px, 40px 0px, -100% 210%;
    }
    .coach-network-img {
        height: 350px;
    }
    .benefits-wrap {
        padding: 40px 20px;
    }
    .benefits-container {
        height: 200px;
    }
    .benefits-content {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .banner-coaches {
        background: none;
        height: auto;
        color: #000;
        text-align: center;
        padding: 15px;
    }
    .banner-coaches-mobile {
        display: block;
    }
    .title-bar h1 {
        text-align: center;
        font-size: 30px;
    }
    .icon-clock-title,
    .icon-coaches-title {
        display: none;
    }
    .training-intro {
        font-size: 18px;
        margin: 15px 0px;
    }
    .coaching-network-copy {
        padding: 30px;
    }
    .coach-network-img {
        height: 200px;
    }
    .training-app-container-1,
    .training-app-container-2 {
        background-image: none;
        height: auto;
    }
    .benefits-wrap {
        padding: 15px;
    }
    .benefits-container {
        height: 200px;
    }
}

@media only screen and (max-width: 544px) {
    .benefits-wrap {
        padding: 15px 10px 0px 10px;
    }
    .benefits-container {
        height: 250px;
        margin-bottom: 30px;
    }
}
/*************************************** 
Training & Coaches Pages ENDS ******/




/**
TEAM CAPTAIN PAGES START
------------------------------------------ **/


/** 1. Team Captain Specific Styles
***************************************/

.section-intro {
    padding: 0 0 30px;
}

/*** Benefits Responsibility Section ***/
.benefits-responsibility {
    background-image: url("/sites/tnt/files/Image/LandingPages/Coaches/halftone-purple.png");
    height: auto;
    color: #FFF;
}
/*** Benefits Responsibility Section ENDS ***/

/*** Become Team Captain Header Section ***/
.become-team-captain-header {
    text-align: center;
}
/*** Become Team Captain Header Section ENDS ***/

/*** Corporate Community Team Section ***/
.corporate-team {
    background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/LandingPages/Team-Captains/corporate-team-img.jpg") no-repeat scroll center center / 100% auto;
}
.community-team {
    background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/LandingPages/Team-Captains/community-team-img.jpg") no-repeat scroll center center / 100% auto;
}
.banner-select {
    color: #fff;
    height: 400px;
    margin: 0;
    position: relative;
    transition: all 0.3s ease 0s;
}
.banner-select a.banner-click {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 10;
}
.banner-select:hover {
    background-size: 110% auto;
}
.campaign-content {
    width: 100%;
    padding-top: 120px;
}
/*** Corporate Community Team Section ENDS***/

 @media only screen and (max-width: 991px) {

.corporate-team {
    background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/LandingPages/Team-Captains/corporate-team-img.jpg") no-repeat scroll center center / 160% auto;
}
.community-team {
    background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/LandingPages/Team-Captains/community-team-img.jpg") no-repeat scroll center center / 160% auto;
}

.banner-select:hover {
    background-size: 150% auto;
}

}
 @media only screen and (max-width: 544px) {
.corporate-team {
    background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/LandingPages/Team-Captains/corporate-team-img.jpg") no-repeat scroll center center / 190% auto;
}
.community-team {
    background: rgba(0, 0, 0, 0) url("/sites/tnt/files/Image/LandingPages/Team-Captains/community-team-img.jpg") no-repeat scroll center center / 190% auto;
}

.campaign-content {
    padding-top: 150px;
}

}
/*************************************** 
Team Captain Specific Styles ENDS ******/



/** 2. Corporate Teams Specific Styles
***************************************/

/*** Create Lead Team Section ***/
.create-lead-team p {
    padding: 0 20px;
}
/*** Create Lead Team Section ENDS ***/

/*** Your Company Team Header Section ***/
.company-team-header {
    background-image: url("/sites/tnt/files/Image/LandingPages/Coaches/halftone-purple.png");
    height: 106px;
    color: #FFF;
    text-transform: uppercase;
}
/*** Your Company Team Header Section ENDS ***/

/*** Icon Section ***/
.icons {
    color: #fff;
    height: auto;
}
.icons p {
    padding: 0 20px;
}
/*** Icon Section ENDS ***/

/*** Quote Section ***/
.quotes {
}
.quote-one {
    border: 5px solid #3e1568;
    border-radius: 36px;
    padding: 44px;
}
.quote-two {
    border: 5px solid #3e1568;
    border-radius: 36px;
    padding: 34px;
}

/*** Quote Section ENDS ***/

/*** Media Query Section ***/
 @media only screen and (max-width: 991px) {
      .quote-one {
    margin-top: 20px;
    width: 97%;
}

.quote-two {
   margin-top: 20px;
    width: 97%;
}

}
 @media only screen and (max-width: 544px) {

.company-team-header { 
    height: 141px;
}

}
/*************************************** 
Corporate Teams Specific Styles ENDS ******/





/** 3. Community Teams Specific Styles
***************************************/

/*** Create Lead Team Section ***/
.create-lead-team p {
    padding: 0 20px;
}
/*** Create Lead Team Section ENDS ***/

/*** Your Company Team Header Section ***/
.company-team-header {
    background-image: url("/sites/tnt/files/Image/LandingPages/Coaches/halftone-purple.png");
    height: 106px;
    color: #FFF;
    text-transform: uppercase;
}
/*** Your Company Team Header Section ENDS ***/

/*** Icon Section ***/
.icons {
    color: #fff;
    height: auto;
}
.icons p {
    padding: 0 20px;
}
/*** Icon Section ENDS ***/

/*** Quote Section ***/
.quotes {
}
.quote-three {
    border: 5px solid #3e1568;
    border-radius: 36px;
    padding: 54px;
}
/*** Quote Section ENDS ***/

 @media only screen and (max-width: 991px) {
.quote-three {
    margin-top: 20px;
    padding: 34px;
    width: 97%;
}
}
 @media only screen and (max-width: 767px) {
}
 @media only screen and (max-width: 544px) {
.quote-three {
    margin-top: 20px;
    padding: 34px;
    width: 100%;
}
.company-team-header {
    height: 141px;
}
}
/*************************************** 
Community Teams Specific Styles ENDS ******/

/**
TEAM CAPTAIN PAGES ENDS
------------------------------------------ **/




@media only screen and (max-width: 1199px) {	
}

@media only screen and (max-width: 1070px) {
	.blockquote-video {
        margin: 36px 25px 0 25px;
    }
}

@media only screen and (max-width: 991px) {
	.well-info-nextsteps {
	  margin-bottom:20px;
	}
	.blockquote-video {
        margin: 30px 15px 0 15px;
    }
    .blockquote-border-fade {
        font-size: 20px!important;
    }
}

@media only screen and (max-width: 767px) {

    .section {padding:30px 20px;}
    .section-sm {padding: 30px 10px;}

	.btn.big {font-size: 18px;} /* Make default btn slightly smaller for 1 line on mobile*/ 

	.icon-tnt-research-project,
	.icon-tnt-microscope,
	.icon-tnt-family {
	    font-size: 100px!important;
	}
	.info-text {
	    font-size: 18px;
	}
	.info-text-large {
	    font-size: 34px;
	}

	.well-info-nextsteps {height:auto;}


	.why-lls-title {
		margin-bottom:30px;
	}
	.infographic-wrapper {
	    display: inline-block;
	    float: left;
	    padding: 0px
	}

	.icon-tnt-lls-fact-1-3rd,
	.icon-tnt-lls-fact-3mins,
	.icon-tnt-lls-fact-9mins,
	.icon-tnt-lls-fact-10mins {
	    font-size: 60px!important;
	    color: #9164AB;
	    margin: 0 20px 30px 0;
	    display: inline-block;
	    float: left;
	}

	.infographic-stat-content p {
	    font-size: 18px;
	    line-height: 22px;
	    padding: 0px;
	    text-align: left;
	    margin-bottom: 30px;
	}
	.blockquote-video {
        margin: 15px 0;
    }
    #sport-page .video-container {
        height: 400px;
        padding: 0px;
    }
}

@media only screen and (max-width: 544px) {
	.event i {
    display: none;
}

	.event {
	    padding: 5px 0px!important;
	    border: none;
	    height: auto!important;
	    border-bottom:1px solid #ebebeb;
	}

	.event p {
	    text-align: left;
	    font-size: 14px;
	    line-height: 16px;
	    padding: 0px;
	    margin: 0px;
	}

	.icon-tnt-research-project,
	.icon-tnt-microscope,
	.icon-tnt-family {
	    font-size: 80px!important;
	    float: left;
	    margin: 0 20px 45px 0;
	}
	.info-text {
	    font-size: 18px;
	    text-align: left;
	}
	.info-text-large {
	    font-size: 34px;
	}
	.infographic-impact-wrapper {
	    display: inline-block;
	    float: left;
	    padding: 0px;
	    width: 100%;
	}

}







/********
TEMPORARY HEADER FIX UNTIL MERGED
*******************/


/* Old white overlay header design */
.article-header .overlay-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent url(../img/articles/gradient.png) bottom center repeat-x;
  z-index: 3;
}
/* END Old white overlay header design */


/* New header style - remove white fade overlay and replaces with gradient */
.article-header .overlay-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-image:none;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 150%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 150%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 150%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.header-content h1 {
    font-family: 'Druk Web', 'proxima-nova', Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 65px;
    line-height: 60px;
    letter-spacing: 1px;
    color: #FFF;
}
.header-content h1,
.subhead-h1 {
    color: #FFF;
}
@media only screen and (max-width: 550px) {
    .header-content h1 { 
      font-size: 45px;
      line-height: 40px;
    }
    .header-content h1,
    .subhead-h1 {
      color: #3e1568;
    }
    .header-content h1 {
      border-bottom:1px solid #97D700;
      padding-bottom:15px;
    }
}
/* END New header style */