/***************************************
Custom Styling on LTN.org
Last Updated: 3/15/20
***************************************/




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

/* Need to confirm!!!!! */
.blue {color:#162f6d!important;}
.dark-blue {color:#05182C!important;}
.bg-blue {background-color:#162f6d!important;}
.bg-dark-blue {background-color:#05182C!important;}

.purple {color:#9164AB;}
.dark-purple {color:#3E1568;}

.red {color: #cc0000;}
.yellow {color: #ffc425;}
.black {color:#000;}
.white {color:#fff;}
.grey {color:#666;}

.bg-black {background-color: #000;}


/**
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)

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




/** Misc Styles
***************************************/

/* 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;}
}


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


/* tables */
.td-numbers {width:5%;}



/* 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 */

/*************************************** 
Misc Styles ENDS ******/





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


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

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


.white-link {
  color: #fff;
}
.white-link:hover {
  color: #fff;
}


.hr-red-1 {
    border-top: 1px solid #CC0000;
}

/*************************************** 
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;}


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






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

.btn-transparent,
.btn-transparent:focus {
  background-color: transparent;
  border: 3px solid #FFF;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 400!important;
  letter-spacing: 1px;
}
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:active:focus,
.btn-transparent:active:hover,
.btn-transparent.active {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.25);
  border-color: #FFF;
  color: #fff!important;
}

@media only screen and (max-width: 767px) {
  .btn-transparent,
  .btn-transparent:focus {
    background-color: rgba(255, 255, 255, 0.25);
  }
}

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







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

.home-callout {}

/*** Get Started Section ***/
.get-started {
    background: linear-gradient( rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)),
    url(/sites/ltn/files/National/Images/HomePage/home-bg-event-survivors-circle-parallax.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: #162f6d;
    font-size: 18px;
    font-weight: 700;
    line-height: 0;
}

.well-get-started a {
    text-transform: none;
}
.well-icon {
	font-size:110%!important;
	margin:0 6px;
}
.well-icon-sm {
	font-size:90%!important;
	margin:0 6px;
}
/*** Get Started Section ENDS ***/





/*** Infographics Section ***/

.icon-lls-research-project,
.icon-lls-microscope,
.icon-lls-family {
    font-size: 180px!important;
    color: #FFF;
    display: block;
    margin: 10px auto;
    height: auto;
}
.info-text {color:#FFF;}

.info-text-large {
	font-size:45px; 
	font-weight:600; 
	display:block; 
	color:#ffc425;
}

/*** Infographics Section ENDS ***/




/*** Ways to Get Involved Section ***/

.get-involved {
    text-align: center;
}

.get-involved h3 {
    text-transform: uppercase;
}

.icons-get-involved-row {
    margin-top: 30px;
}

.icons-get-involved {
    font-size:90px!important;
    margin-bottom: 15px;
    display:block;
}
.icons-get-involved:hover {
    color:#cc0000;
}

.icons-get-involved-row a {
    color: #FFF;
}

.icons-get-involved-row a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 1199px) {
    .icons-container-mobile {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px) {
    /*.get-involved h3 {font-size: 17px; padding: 0px;} */

    .get-involved-interior .icons-get-involved-row h3 {
        font-size:18px;
    } 
}

@media only screen and (max-width: 544px) {
    /*.get-involved h3 {font-size: 16px;} */

    .icons-container-mobile {
        min-height: 180px;
        margin-bottom: 0;
    }
}
/*** Ways to Get Involved Section ENDS ***/

.home-register-container {
    color: #05182c;
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 0px;
    border-bottom:2px solid #ebebeb;
}

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








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




/** 
Homepage Breaking News
***************************************/
.breaking-news {
    background-color: #cc0000;
    color: #fff;
    padding: 15px 15px;
}
.news-headline {
  font-size: 22px;
  margin: 4px 0px;
}
.btn-news {
    background-color: #fff;
    border: none;
    color: #cc0000!important;
    font-size:16px;
    font-weight: 400;
}
.btn-news:hover,
.btn-news:focus {
    background-color: #efefef;
    color: #cc0000;
    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;}
}
/*************************************** 
END Homepage Breaking News ******/



    
/* Next Steps Component */

.info-nextsteps {
    background: url(/sites/ltn/files/National/Images/Backgrounds/ltn-bg-image-1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: ;
    color: #fff;
}

.well-info-nextsteps {
    height: 170px;
    color: #162f6d;
    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: #162f6d;
}

.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;
    background-color:transparent!important;
}
.panel-body {
    padding: 10px 20px;
}
.panel-icon {
    color: #CCC;
    margin-right: 6px;
}
/* FAQs Accordion Styles ENDS */




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









/** About LTN Specific 
***************************************/
.about-intro {
    text-align:center;
}
@media only screen and (max-width: 767px) {
    .about-intro {
        text-align:left;
        border-top:1px solid #efefef;
    }
} 
.about-ltn-walk-row {
    background: linear-gradient( rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)),
    url(/sites/ltn/files/National/Images/HomePage/home-bg-event-survivors-circle-parallax.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align:center;
}

/* add extra padding to force content a little smaller */
.walk-image-containers {
	padding:0 45px;
} /* end */
.image-content {
    margin:15px 0 0 0;
  }  
.whats-for-you {
	padding:15px 30px;
}
.how-it-works {
    background: url(/sites/ltn/files/National/Images/Backgrounds/ltn-bg-image-1.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;
}
/*************************************** 
About LTN Specific ENDS ******/





/** Mission Page Specific 
***************************************/
.mission-bg {
    background: url(/sites/ltn/files/National/Images/Backgrounds/ltn-bg-mission-2.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    height: 500px;
}

.mission-bg-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mission-bg {
        height: auto;
        background-image: none;
        background-color: #05182C;
    }
    .mission-bg-mobile {
        display: block;
    }
}
/*************************************** 
Mission Page Specific ENDS ******/




/** Our Partners Page Specific 
***************************************/
.sponsor-tier-section {
    padding: 30px 0px;
}

.sponsor-logo {
    max-width: 250px;
    margin: 30px 0px;
}
.corp-partner-container {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 15px;
    text-align: center;
}
/*************************************** 
Our Partners Page Specific ENDS ******/




/** Retail Campaigns Specific 
***************************************/
.image-grid-retail {
    background: #000 url("/sites/ltn/files/National/Images/Articles/ltn-retail-campaign-bg-grid.jpg") no-repeat scroll center top / cover;
    color: #fff;
    height: 615px;
}

@media screen and (max-width: 1000px) {
    .image-grid-retail {
        height: 400px;
    }
}

@media only screen and (max-width: 991px) {
    .image-grid-retail {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .image-grid-retail {
        height: auto;
        background-size: cover;
    }
}
/*************************************** 
Retail Campaigns Specific ENDS ******/





/** Volunteer Page Specific 
***************************************/
.volunteer-callout-bg {
  background: url(/sites/ltn/files/National/Images/Backgrounds/background_parallax_1.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.well-volunteer-callout {
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
}
/*************************************** 
Volunteer Page Specific ENDS ******/






/** Night Light Program Page Specific 
***************************************/
.img-nightlight {}

.quote-container {
    padding: ;
}

blockquote.quote-nightlight {
	border:none!important;
    color: #fff;
    font-size: 24px;
    margin: 0 20px 20px 0;
    padding: 10px 60px;
}

.quote-img {
    background: url(/sites/ltn/files/National/Images/Articles/nightlight-rachel.jpg) no-repeat center center;
    background-size: cover;
    height:400px;
}

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

	blockquote.quote-nightlight {
    font-size: 22px;
    padding: 10px 30px;
}

}	
@media only screen and (max-width: 767px) {
    .img-nightlight {
    	width:60%; 
    	margin-top:15px; 
    	margin-bottom:15px;
    }

    blockquote.quote-nightlight {
        text-align:center;
        margin: 20px;
        padding: 10px 0px;
    }
    
    .quote-img {
         height: 300px;
    }
}
/*************************************** 
Night Light Program Page Specific ENDS ******/





@media only screen and (max-width: 1199px) {	
	/* resets the forced padding */
	.walk-image-containers {
		padding:0 15px;
	} /* end */
}


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


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

	.well-info-nextsteps {
	  margin-bottom:20px;
	}
}


@media only screen and (max-width: 767px) {
	/* fix flex display on mobile */
	.flex-force-block { display: block; }
	/*end*/
	
	.section {padding:30px 20px;}
	.section-sm {padding: 15px 10px;}

	.home-callout,
	.interior-callout {font-size:30px;}
	.section.get-started {padding: 30px 0px;}

/* Home: Infographics */
	.icon-lls-research-project,
	.icon-lls-microscope,
	.icon-lls-family {
	    font-size: 100px!important;
	}
	.info-text {
	    font-size: 18px;
	}
	.info-text-large {
	    font-size: 34px;
	}
/* Home: Infographics END */

	.well-info-nextsteps {
		height:auto;
	}
	.home-register-container {
		padding:30px 20px;
	}

	.walk-image-containers {
		margin-bottom:30px;
	}

}


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

/* Home: Infographics */
	.icon-lls-research-project,
	.icon-lls-microscope,
	.icon-lls-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%;
	}
/* Home: Infographics END */	


	.whats-for-you {
	  padding:0px 15px;
	  margin-bottom:30px;
	}
}




/* 
temporarily add in below until code release:
*/
@media only screen and (max-width: 767px) {
    .bx-viewport {height:450px!important;}
}