/* Classes Aligned from Top to Bottom of Web Page */
.chandler-flex p {
   color: #10151d;
 }
 
 /* Apple and Goolge Badges are using flexbox */
 .flex {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   gap: 15px;
 }
 
 /* Students ride FREE to and from school. */
 .banner-h2 {
   padding-top: 85px;
   padding-bottom: 85px;
   margin-bottom: 0;
 }
 
 .field--name-field-below-content > .field--item > .paragraph {
   margin-bottom: 0;
 }
 
 /* Like a shared taxi, but better */
 .first-container {
   padding-top: 65px;
   margin-left: 7%;
   margin-bottom: 30px;
 }
 
 .first-container h2 {
   margin-bottom: 20px;
 }
 
 .second-container {
   width: 85%;
   margin: 0 auto;
   padding-top: 30px;
   padding-bottom: 75px;
 }
 
 .second-container h5 {
   margin-top: 5px;
 }
 
 .hyphens {
   font-weight: 900;
   font-size: 3rem;
   color: #543fa5;
 }

 .second-container table thead {
   background: transparent;
   color: #10151d;
   font-weight: 800
 } 

 .second-container table tbody tr {
   background-color: transparent !important;
 }

 .second-container table td, .second-container table th {
   padding: 1rem 0;
   border: 0 !important;
 }
 
 .third-container {
    padding-bottom: 45px;
  }
 
 .third-container h2 {
    margin-top: 0;
    padding-top: 85px;
 }
 
 /* How To Ride Chandler Flex Youtube Video */
.third-container .youtube-flex {
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   margin-bottom: 30px;
}

 .third-container-banner {
   text-align: center;
   margin-top: 75px;
   margin-bottom: 50px;
}
 
 .fourth-container {
    padding: 85px 100px;
    text-align: center;
 }
 
 .fourth-container .flex {
    justify-content: center;
 }
 
 .fourth-container h3 {
    margin-top: 0;
    margin-bottom: 30px;
    color: #fff;
 }
 
 .fourth-container h5 {
    color: #fff;
    margin-top: 35px;
 }
 
 .fourth-container a {
    color: #fff;
 }

 .sixth-container {
   display: flex;
   align-items: center;
}
 
 .seventh-container .paragraph-row_padding-top {
    padding-top: 5em;
 }
 
 .eighth-container .paragraph-row_padding-top {
    padding-top: 5em;
    padding-bottom: 5em;
 }
 
 .seventh-container .field--name-field-title,
 .eighth-container .field--name-field-title {
    margin-bottom: 3rem;
 }

 .ninth-container .wysiwyg-templates .img-wrapper.img-fluid:not(.d-inline) img {
   margin: 0 auto;
   padding-top: 4em;
   padding-bottom: 4em;
}

/* Flex Summer Program Temporary Content */
#flex-summer-program ul {
   columns: 3 150px;
}
/* End of Flex Summer Program Temporary Content */
 
 @media only screen and (min-width: 768px) {
   .ninth-container .wysiwyg-templates .img-wrapper.img-fluid:not(.d-inline) img {
      max-width: 50% !important;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .ninth-container .wysiwyg-templates .img-wrapper.img-fluid:not(.d-inline) img{
      max-width: 75% !important;
      padding-top: 2em;
      padding-bottom: 2em;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .row.main-content {
      padding: 0 45px 45px 45px;
   }

   .sixth-container {
      display: block;
   }

   .third-container,
   .sixth-container {
      padding: 45px;
   }
 }

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

   h2 { font-size: 2.5rem }
   h5 { font-size: 1.8rem }
   p { font-size: 1.6rem }

   .seventh-container .field--name-field-title,
   .eighth-container .field--name-field-title {
      font-size: 2.5rem;
   }

   .row.main-content {
      padding: 0 0 15px 15px;
   }
   
   .sixth-container {
      display: block;
   }
   
   .third-container,
   .sixth-container {
      padding: 15px;
   }

   .fourth-container {
      padding: 75px 15px;
  }
 }


/* Summer Program Destinations Section 
==============================================*/
/* 2025 Summer Program Destinations - Reduce Padding Bottom */
#block-views-block-view-modes-block-1 > div.form-group > div > div.view-content > div > article > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(1) > div > div > h2 {
    padding-bottom: 15px;
}

/* Pargraph 2nd line */
#block-views-block-view-modes-block-1 > div.form-group > div > div.view-content > div > article > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(1) > div > div > p {
    font-size: 2rem;
    margin-bottom: 20px;
}

.summer-program-destinations-list {
	list-style: none;
}