@import url(../fonts/fonts.css);

/*LAYOUT*/
#page-special {font-family:'Oxygen-Light'; color:#3C3C3B; font-size:1.2em;line-height:1.5em;}
#page-special h1 {color:#00C4CD; font-size:36px; font-weight:300; margin-top:40px; margin-bottom:20px;}
#page-special h1 img {height:70px; padding-left:15px;}
#page-special .grey-section {background-color:#F5F5F5; padding:20px 0;}
#page-special p {margin-bottom:20px;}
#page-special .container {max-width:1000px;}

#page-special .fa-stack {color:#00C4CD;}
#page-special .fa-stack .fa-stack-1x {font-family:Arial;}

#page-special .share-news {background:url(../img/fb-bg.png); background-size:cover; background-position:center center;}
#page-special .share-news > .container > img {position:relative; margin-top:-70px; margin-bottom:-50px;}

#page-special ul li {font-size:16px;}

/*BOOTSTRAP OVERRIDE*/
#page-special .lead {color:#00C4CD; font-family:'Oxygen-Bold';}
#page-special .lead img {padding-right:10px;margin-top:-5px;}

/*CUSTOM*/
.to-do ul li {list-style: none; font-size:1.4em; font-family:'Oxygen-Bold';}
.to-do ul li:before {content: "\f00c"; font-family: FontAwesome; display: inline-block;  margin-left: -2em; padding-right:2em; width: 1.3em; color:#39B54A; }
.not-to-do ul li {list-style: none; font-size:1.4em;  font-family:'Oxygen-Bold';}
.not-to-do ul li:before {content: "\f00d"; font-family: FontAwesome; display: inline-block; margin-left: -2em; padding-right:2em; width: 1.3em; color:#C1272D;}
.tips li {margin-left:-17px; color:#3C3C3B; font-size:1.4em;}
.social-list {list-style: none; padding: 0; font-size: 1.4em; font-family:'Oxygen-Bold'; margin-top:20px; }
.social-list li {padding-left: 1.3em; }
.social-list li:before { content: "\f138"; font-family: FontAwesome; display: inline-block; margin-left: -1.5em; width: 1.5em; color:#00C4CD;}

/*SHARED*/
.page-lwc .row, .page-volunteer .row {margin-bottom:0px;}
.squareBox { padding-bottom:100%; }
.squareText.table-wrapper {height:100%;}
.squareText .text-content { margin:30px auto; width:80%; max-width:500px; }

/*VOLUNTEER*/
.page-volunteer h4 {line-height:1.5em;}
.page-volunteer .carousel {height:600px; height:70vh;}
.page-volunteer .carousel-control {width:5%;}
.page-volunteer .carousel .carousel-inner, 
.page-volunteer .carousel .item, 
.page-volunteer .carousel .table-wrapper {height:100%;}
.page-volunteer .carousel .table-cell {max-width:40%; padding-left:5%;}
.page-volunteer .carousel h1 {color:#FFF; text-transform:uppercase;}
.page-volunteer .carousel .table-content {max-width:500px;}

/*LWC*/
.page-lwc .scroll {position:fixed; width:100%; bottom:20px; color:#FFF; pointer-events:none;}
.page-lwc, .page-lwc a {color:#777; font-family:Oxygen, Arial, sans-serif; font-size:18px; line-height:30px;}
.page-lwc section { padding:inherit; height:100vh; color:#FFF; }
.page-lwc section a { color:#FFF; font-size:0.8em; margin-right:20px; display:inline-block; line-height:1em; }
.page-lwc section a.active { border:1px solid rgba(255,255,255,0.5); padding:10px; border-radius:20px; }
.page-lwc .equal-height .squareBox { height:50vw; }
.page-lwc .container-fluid { padding-top: 0; padding-bottom: 0; background-color:#FAFAFA; }
.page-lwc .text-content { padding-left: 35px; border-left: 1px solid #AAA; }
.page-lwc .fa-stack { background-color:#FAFAFA; color: #888; margin-left: -59px; float: left; }
.page-lwc .fa-ul { margin-left: -16px; }
.page-lwc .fa-ul li { padding-bottom: 20px; padding-left:15px; }
.page-lwc .fa-ul li:last-child {padding-bottom:0;}
.page-lwc .fa-ul .fa-circle-o {background-color:#FAFAFA; padding:5px 0; margin-top:-5px;}
.page-lwc .contact a {display:block; margin-bottom:-20px;}
.page-lwc .contact .fa-stack {margin-top:-10px;}
.page-lwc .contact p {margin-bottom:80px;}
.page-lwc .contact .text-content {width:180px;}
.page-lwc .panel {border:none;}
.page-lwc .panel .panel-body {border-right:1px solid #EEE;}
.page-lwc .panel .panel-body h5 {color:#8dabba;}
@media (max-width: 767px) {
    .page-lwc section { height:90vh; }
}