/*-----------------------------------------------------------------------------------
	Launch Philly
	About: Effective January 1, 2020, Communities In Schools of Philadelphia changed its name to Launch of Philadelphia.  The legal entity, Communities In Schools of Philadelphia, Inc. continues in existence as the legal name of the organization, but the organization is doing business as Launch of Philadelphia (“Launch” or “the Organization”).  The name change is the result of Launch’s exit from the national network of Communities In Schools, Inc., which became effective December 31, 2019.



	Author: Plus One Design Studio
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body {
  margin                  : 0;
  padding                 : 0;
  background              : #ffffff;
  overflow-x              : hidden;
  -webkit-font-smoothing  : antialiased;
  -moz-osx-font-smoothing : grayscale;
}

.hide {
  visibility : hidden;
  display    : none;
}

.page-container {
  overflow : hidden;
}

/* Prevents unwanted scroll space when scroll FX used. */
a, button {
  transition : background .3s ease-in-out;
  outline    : none !important;
}

/* Prevent ugly blue glow on chrome and safari */
a:hover {
  text-decoration : none;
  cursor          : pointer;
}

/* Preloader */

.page-preloader {
  position            : fixed;
  top                 : 0;
  bottom              : 0;
  width               : 100%;
  z-index             : 100000;
  background          : #ffffff url('img/pageload-spinner.gif') no-repeat center center;
  animation-name      : preloader-fade;
  animation-delay     : 2s;
  animation-duration  : 0.5s;
  animation-fill-mode : both;
}

.preloader-complete {
  animation-delay : 0.1s;
}

@keyframes preloader-fade {
  0% {
    opacity    : 1;
    visibility : visible;
  }
  100% {
    opacity    : 0;
    visibility : hidden;
  }
}

/* = Blocs
-------------------------------------------------------------- */

.bloc {
  width                   : 100%;
  clear                   : both;
  background              : 50% 50% no-repeat;
  padding                 : 0 20px;
  -webkit-background-size : cover;
  -moz-background-size    : cover;
  -o-background-size      : cover;
  background-size         : cover;
  position                : relative;
  display                 : flex;
}

.bloc .container {
  padding-left  : 0;
  padding-right : 0;
}

/* Sizes */

.bloc-lg {
  padding : 100px 20px;
}

.bloc-sm {
  padding : 20px;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc {
  padding-left  : 0;
  padding-right : 0;
}

.full-width-bloc .row {
  margin-left  : 0;
  margin-right : 0;
}

.full-width-bloc .container {
  width     : 100%;
  max-width : 100% !important;
}

.full-width-bloc .carousel img {
  width  : 100%;
  height : auto;
}

/* Group Styles */

.bloc-group {
  display : flex;
}

.bloc-tile-2 {
  width : 50%;
}

.bloc-tile-3 {
  width : 33.33333333%;
}

.bloc-tile-4 {
  width : 25%;
}

.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container {
  width : 100%;
}

/* Dark theme */

.d-bloc {
  color : rgba(255, 255, 255, .7);
}

.d-bloc button:hover {
  color : rgba(255, 255, 255, .9);
}

.d-bloc .icon-round, .d-bloc .icon-square, .d-bloc .icon-rounded, .d-bloc .icon-semi-rounded-a, .d-bloc .icon-semi-rounded-b {
  border-color : rgba(255, 255, 255, .9);
}

.d-bloc .divider-h span {
  border-color : rgba(255, 255, 255, .2);
}

.d-bloc .a-btn, .d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a {
  color : rgba(255, 255, 255, .6);
}

.d-bloc .a-btn:hover, .d-bloc .navbar a:hover, .d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover {
  color : rgba(255, 255, 255, 1);
}

.d-bloc .navbar-toggle .icon-bar {
  background : rgba(255, 255, 255, 1);
}

.d-bloc .btn-wire, .d-bloc .btn-wire:hover {
  color        : rgba(255, 255, 255, 1);
  border-color : rgba(255, 255, 255, 1);
}

.d-bloc .card {
  color : rgba(0, 0, 0, .5);
}

.d-bloc .card button:hover {
  color : rgba(0, 0, 0, .7);
}

.d-bloc .card icon {
  border-color : rgba(0, 0, 0, .7);
}

.d-bloc .card .divider-h span {
  border-color : rgba(0, 0, 0, .1);
}

.d-bloc .card .a-btn {
  color : rgba(0, 0, 0, .6);
}

.d-bloc .card .a-btn:hover {
  color : rgba(0, 0, 0, 1);
}

.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover {
  color        : rgba(0, 0, 0, .7);
  border-color : rgba(0, 0, 0, .3);
}

/* Light theme */

.d-bloc .card, .l-bloc {
  color : rgba(0, 0, 0, .5);
}

.d-bloc .card button:hover, .l-bloc button:hover {
  color : rgba(0, 0, 0, .7);
}

.l-bloc .icon-round, .l-bloc .icon-square, .l-bloc .icon-rounded, .l-bloc .icon-semi-rounded-a, .l-bloc .icon-semi-rounded-b {
  border-color : rgba(0, 0, 0, .7);
}

.d-bloc .card .divider-h span, .l-bloc .divider-h span {
  border-color : rgba(0, 0, 0, .1);
}

.d-bloc .card .a-btn, .l-bloc .a-btn, .l-bloc .navbar a, .l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a {
  color : rgba(0, 0, 0, .6);
}

.d-bloc .card .a-btn:hover, .l-bloc .a-btn:hover, .l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover {
  color : rgba(0, 0, 0, 1);
}

.l-bloc .navbar-toggle .icon-bar {
  color : rgba(0, 0, 0, .6);
}

.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover, .l-bloc .btn-wire, .l-bloc .btn-wire:hover {
  color        : rgba(0, 0, 0, .7);
  border-color : rgba(0, 0, 0, .3);
}

/* Row Margin Offsets */

.voffset {
  margin-top : 30px;
}

/* = NavBar
-------------------------------------------------------------- */

.hero .hero-nav {
  padding-left  : inherit;
  padding-right : inherit;
}

/* Handle Multi Level Navigation */
.navbar-light .navbar-nav .nav-link {
  color : rgb(64, 64, 64);
}

.btco-menu li > a {
  padding : 10px 15px;
  color   : #000000;
}

.btco-menu .active a:focus, .btco-menu li a:focus, .navbar > .show > a:focus {
  background : transparent;
  outline    : 0;
}

.dropdown-menu .show > .dropdown-toggle::after {
  transform : rotate(-90deg);
}

/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-sm {
  margin-top    : 10px;
  margin-bottom : 5px;
}

.mg-md {
  margin-top    : 10px;
  margin-bottom : 20px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d, .btn-d:hover, .btn-d:focus {
  color      : #ffffff;
  background : rgba(0, 0, 0, .3);
}

/* Prevent ugly blue glow on chrome and safari */
button {
  outline : none !important;
}

.btn-glossy {
  border              : 1px solid rgba(0, 0, 0, .09);
  border-bottom-color : rgba(0, 0, 0, .2);
  text-shadow         : 0 1px 0 rgba(0, 0, 1, .2);
  box-shadow          : 0 1px 3px rgba(0, 0, 1, .35), inset 0 1px 0 0 rgba(255, 255, 255, .4), inset 0 1px 0 2px rgba(255, 255, 255, .08);
  background-image    : -moz-linear-gradient(bottom, rgba(0, 0, 0, .07) 0%, rgba(255, 255, 255, .07) 100%);
  background-image    : -o-linear-gradient(bottom, rgba(0, 0, 0, .07) 0%, rgba(255, 255, 255, .07) 100%);
  background-image    : -webkit-linear-gradient(bottom, rgba(0, 0, 0, .07) 0%, rgba(255, 255, 255, .07) 100%);
  background-image    : linear-gradient(bottom, rgba(0, 0, 0, .07) 0%, rgba(255, 255, 255, .07) 100%);
}

/* = Icons
-------------------------------------------------------------- */
.icon-md {
  font-size : 42px !important;
}

.icon-lg {
  font-size : 60px !important;
}

.icon-round {
  margin        : 0 auto;
  border        : 2px solid transparent;
  border-radius : 50%;
  min-width     : 80px;
}

.icon-round.icon-md, .icon-square.icon-md, .icon-rounded.icon-md {
  width           : 120px;
  height          : 120px;
  display         : flex;
  justify-content : center;
  align-items     : center;
}

.icon-round.icon-lg, .icon-square.icon-lg, .icon-rounded.icon-lg {
  min-width : 122px;
}

.icon-round.icon-xl, .icon-square.icon-xl, .icon-rounded.icon-xl {
  min-width : 162px;
}

/*  Rounded Image */
.img-rd-md {
  border-radius : 20px;
}

.img-rd-lg {
  border-radius : 34px;
}

.card-sq, .card-sq .card-header, .card-sq .card-footer {
  border-radius : 0;
}

.card-rd {
  border-radius : 30px;
}

.card-rd .card-header {
  border-radius : 29px 29px 0 0;
}

.card-rd .card-footer {
  border-radius : 0 0 29px 29px;
}

/* = Forms
-------------------------------------------------------------- */

.form-control {
  border-color : rgba(0, 0, 0, .1);
  box-shadow   : none;
}

.carousel-nav-icon {
  fill           : none;
  stroke         : #ffffff;
  stroke-width   : 2px;
  fill-rule      : evenodd;
  stroke-linecap : round;
}

.carousel-caption-center {
  top       : 50%;
  bottom    : initial;
  transform : translateY(-50%);
}

/* Scroll FX */
.scroll-fx-in-range {
  will-change : opacity;
}

/* ScrollToTop button */

.scrollToTop {
  width          : 36px;
  height         : 36px;
  padding        : 5px;
  position       : fixed;
  bottom         : 20px;
  right          : 20px;
  opacity        : 0;
  z-index        : 999;
  transition     : all .3s ease-in-out;
  pointer-events : none;
}

.showScrollTop {
  opacity        : 1;
  pointer-events : all;
}

.scroll-to-top-btn-icon {
  fill           : none;
  stroke         : #ffffff;
  stroke-width   : 2px;
  fill-rule      : evenodd;
  stroke-linecap : round;
}

/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox] {
  position   : relative;
  display    : block;
  text-align : center;
}

a[data-lightbox]:hover::before {
  content           : '+';
  font-family       : 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial;
  font-size         : 32px;
  line-height       : 42px;
  width             : 50px;
  height            : 50px;
  margin-left       : -25px;
  border-radius     : 50%;
  background        : rgba(0, 0, 0, .5);
  color             : #ffffff;
  font-weight       : 100;
  z-index           : 1;
  position          : absolute;
  top               : 50%;
  left              : 50%;
  transform         : translateY(-50%);
  -webkit-transform : translateY(-50%);
}

a[data-lightbox]:hover img {
  opacity                     : 0.6;
  -webkit-animation-fill-mode : none;
  animation-fill-mode         : none;
}

.lightbox-caption {
  padding    : 20px;
  color      : #ffffff;
  background : rgba(0, 0, 0, .5);
  position   : absolute;
  left       : 15px;
  right      : 15px;
  bottom     : 5px;
}

.close-lightbox:hover, .next-lightbox:hover, .prev-lightbox:hover {
  background : rgba(0, 0, 0, .5);
}

.next-lightbox, .prev-lightbox, .close-lightbox {
  position      : absolute;
  padding       : 6px;
  background    : rgba(0, 0, 0, .3);
  line-height   : 0;
  transition    : background .2s ease-in-out;
  border-radius : .25rem;
  border        : none;
  z-index       : 20;
}

.next-lightbox, .prev-lightbox {
  top : 45%;
}

.close-lightbox {
  top   : 20px;
  right : 20px;
}

.next-lightbox {
  right : 25px;
}

.prev-lightbox {
  left : 25px;
}

.lightbox-prev-icon, .lightbox-next-icon, .lightbox-close-icon {
  fill           : none;
  stroke         : #ffffff;
  stroke-width   : 3px;
  fill-rule      : evenodd;
  stroke-linecap : round;
}

/* Framless */
.frameless-lb {
  border-radius : 0;
  border        : none;
}

.frameless-lb .modal-body {
  padding : 0;
}

.frameless-lb .lightbox-caption {
  left   : 0;
  right  : 0;
  bottom : -16px;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, label, .btn, a {
  font-family : 'Montserrat';
  font-weight : 400;
}

.container {
  max-width : 1140px;
}

.btn-style {
  width : 29.73%;
}

.img-style {
  height        : 120px;
  width         : 358px;
  margin-bottom : 34px;
  border-radius : 3px 3px 3px 3px;
}

.p-style {
  font-size : 14px;
}

.h1-style {
  font-family : Lato;
  font-weight : 900;
  font-size   : 30px;
}

.btn-button-style {
  width : 23.51%;
}

.h1-5-style {
  font-family : Montserrat;
  font-weight : 700;
}

.img-soluti-style {
  width         : 114px;
  margin-bottom : 40px;
}

.img-communiti-style {
  width         : 135px;
  margin-bottom : 40px;
}

.img-need-you-style {
  width         : 134px;
  margin-bottom : 40px;
}

.img-14-style {
  width         : 117px;
  margin-bottom : 40px;
}

.p-20-style {
  width : 77.3%;
}

.h3-style {
  width      : 77.3%;
  margin-top : 99px;
}

.h4-style {
  width      : 65.59%;
  margin-top : 97px;
}

.p-21-style {
  width : 66.85%;
}

.p-23-style {
  width : 100%;
}

.link-style {
  font-weight : bold;
}

.p-30-style {
  font-size : 14px;
}

.p-31-style {
  font-size : 14px;
  width     : 57.35%;
}

.h1-9-style {
  width     : 57.77%;
  font-size : 40px;
}

.h1-8-style {
  width     : 53.66%;
  font-size : 60px;
}

.p-29-style {
  width         : 54.11%;
  margin-bottom : 90px;
}

.h1-12-style {
  width     : 48.17%;
  font-size : 40px;
  height    : 43px;
}

.p-40-style {
  width         : 56.86%;
  margin-bottom : 90px;
  height        : 7px;
}

.h1-13-style {
  width     : 56.31%;
  font-size : 40px;
}

.p-41-style {
  font-size : 12px;
}

.h1-program-1-style {
  width         : 68.46%;
  margin-bottom : 257px;
  font-family   : Montserrat;
  margin-right  : 0px;
  margin-left   : 300px;
}

.h1-program-2-style {
  width         : 57.5%;
  margin-bottom : 287px;
  font-family   : Montserrat;
}

.h1-program-3-style {
  width         : 59.23%;
  margin-bottom : 270px;
  margin-left   : 0px;
  font-family   : Montserrat;
}

.p-bloc-6-style {
  width : 68.4%;
}

.img-bloc-7-style {
  width : 120px;
}

.img-17-style {
  width : 120px;
}

.img-18-style {
  width : 120px;
}

.img-19-style {
  width : 120px;
}

.img-23-style {
  width : 120px;
}

.img-22-style {
  width : 120px;
}

.img-21-style {
  width : 120px;
}

.img-20-style {
  width : 119px;
}

.navbar-brand img {
  width : 300px;
}

.img-cisphl-pic15-style {
  width : 555px;
}

.link-bloc-7-style {
  width  : 100px;
  height : 100px;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-davys-grey {
  background-color : #57565a;
}

.bgc-upsdell-red {
  background-color : #a11c21;
}

.bgc-davys-grey-2 {
  background-color : #57575a;
}

/* Text colour styles */

.tc-davys-grey {
  color : #57565a !important;
}

.tc-white {
  color : #ffffff !important;
}

/* Button colour styles */

.btn-upsdell-red {
  background : #a11c21;
  color      : #ffffff !important;
}

.btn-upsdell-red:hover {
  background : #81161a !important;
  color      : #ffffff !important;
}

.btn-white {
  background : #ffffff;
  color      : rgba(0, 0, 0, .5) !important;
}

.btn-white:hover {
  background : #cccccc !important;
  color      : rgba(0, 0, 0, .5) !important;
}

/* Link colour styles */

.ltc-davys-grey {
  color : #57565a !important;
}

.ltc-davys-grey:hover {
  color : #464548 !important;
}

.ltc-davys-grey-2 {
  color : #57575a !important;
}

.ltc-davys-grey-2:hover {
  color : #464648 !important;
}

/* Icon colour styles */

.icon-davys-grey {
  color        : #57565a !important;
  border-color : #57565a !important;
}

/* Bloc image backgrounds */

/* = Custom Bric Data
-------------------------------------------------------------- */

.img-hover-tilt-container {
  position        : relative;
  transform-style : preserve-3d;
}

.hover-tilt-label {
  position   : absolute;
  top        : 50%;
  transform  : translateY(-50%) translateZ(20px);
  width      : 100%;
  text-align : center;
  font-size  : 40px;
}

.hover-tilt-light-text {
  color : rgba(255, 255, 255, .8);
}

/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width : 576px) {
  .bloc-xxl-sm {
    padding : 200px 20px;
  }
  
  .bloc-xl-sm {
    padding : 150px 20px;
  }
  
  .bloc-lg-sm {
    padding : 100px 20px;
  }
  
  .bloc-md-sm {
    padding : 50px 20px;
  }
  
  .bloc-sm-sm {
    padding : 20px;
  }
  
  .bloc-no-padding-sm {
    padding : 0 20px;
  }
}

@media (min-width : 768px) {
  .bloc-xxl-md {
    padding : 200px 20px;
  }
  
  .bloc-xl-md {
    padding : 150px 20px;
  }
  
  .bloc-lg-md {
    padding : 100px 20px;
  }
  
  .bloc-md-md {
    padding : 50px 20px;
  }
  
  .bloc-sm-md {
    padding : 20px 20px;
  }
  
  .bloc-no-padding-md {
    padding : 0 20px;
  }
}

@media (min-width : 992px) {
  .bloc-xxl-lg {
    padding : 200px 20px;
  }
  
  .bloc-xl-lg {
    padding : 150px 20px;
  }
  
  .bloc-lg-lg {
    padding : 100px 20px;
  }
  
  .bloc-md-lg {
    padding : 50px 20px;
  }
  
  .bloc-sm-lg {
    padding : 20px;
  }
  
  .bloc-no-padding-lg {
    padding : 0 20px;
  }
}

/* = Mobile adjustments
-------------------------------------------------------------- */
@media (max-width : 1024px) {
  .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container {
    padding-left  : 0;
    padding-right : 0;
  }
}

@media (max-width : 991px) {
  .container {
    width : 100%;
  }
  
  .bloc {
    padding-left  : constant(safe-area-inset-left);
    padding-right : constant(safe-area-inset-right);
  }
  
  /* iPhone X Notch Support*/
  .bloc-group, .bloc-group .bloc {
    display : block;
    width   : 100%;
  }
}

@media (max-width : 767px) {
  .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container {
    padding-left  : 0;
    padding-right : 0;
  }
  
  .btn-dwn {
    display : none;
  }
  
  .voffset {
    margin-top : 5px;
  }
  
  .voffset-md {
    margin-top : 20px;
  }
  
  .voffset-lg {
    margin-top : 30px;
  }
  
  form {
    padding : 5px;
  }
  
  .close-lightbox {
    display : inline-block;
  }
  
  .blocsapp-device-iphone5 {
    background-size : 216px 425px;
    padding-top     : 60px;
    width           : 216px;
    height          : 425px;
  }
  
  .blocsapp-device-iphone5 img {
    width  : 180px;
    height : 320px;
  }
}

@media (max-width : 991px) {
  .mt-md-0 {
  }
  
  .mt-md-4 {
  }
  
}

@media (max-width : 575px) {
  .mt-1 {
  }
  
}

.team-photo {
  width : 250px;
}

.board-photo {
  width         : 120px;
  border-radius : 60px;
  border        : 2px solid #57565a;
  
}

/**
Giving Tuesday Page
 */

.hero-content {
  display         : flex;
  width           : 100%;
  align-items     : flex-end;
  justify-content : space-around;
}

.banner-image {
  height : 600px !important;
  object-fit: cover;
}

.donorbox-container {
  max-width       : 100%;
  width           : 420px;
  display         : flex;
  justify-content : center;
  align-items     : center;
}

.banner-panel {
  width      : 500px;
  display    : flex;
  flex-wrap  : wrap;
  text-align : left;
  background : white;
  color      : black;
  padding    : 24px;
}

.giving-tuesday-text {
  margin-bottom : 12px;
  max-width     : 500px;
  height        : auto;
}

.giving-tuesday-image-container {
  margin-top : 36px;
}

.giving-tuesday-image-container img {
  max-width : 100%;
}

.number-highlight {
  display         : flex;
  flex-wrap       : wrap;
  flex-direction  : column;
  justify-content : space-between;
  align-items     : center;
}

.number {
  font-size : 72px;
  color     : #33487f;
}

.number-label {
  font-size     : 24px;
  margin-bottom : 24px;
}