/*****************************************
GRID STYLES
*****************************************/

.byu-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    /*overflow: hidden;*/
    /*max-width: 80rem;*/
}

@media (min-width: 1024px) {
    .byu-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.byu-grid-gap-sm {
    gap: .5rem;
}
.byu-grid-gap-lg {
    gap: 1.5rem;
}

/*fix this class name*/
.gap-xxl .section-content-container .section-content {
	gap: 3rem;
}


/*****************************************
SPACING
****************************************

.pb-sm {
    padding-bottom: .5rem;
}

.pb-md {
    padding-bottom: 1rem;
}

.pb-lg {
    padding-bottom: 1.5rem;
}

.pb-xl {
    padding-bottom: 2rem;
}

.pb-2xl {
    padding-bottom: 2.5rem;
}

.pb-3xl {
    padding-bottom: 4rem;
}

.pb-4xl {
    padding-bottom: 5rem;
}

*/

/* 1 COLUMN */

.byu-layout--one-column-section {
    display: block;
}

.byu-layout--one-column-section .section-content-container .section-content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.byu-layout--one-column-section > .layout-builder__region {
    flex: 0 1 100%;
    width: 100%;
}

/* 2 COLUMNS */

.byu-layout--two-column-section {
    display: block;
}

.byu-layout--two-column-section .section-content-container .section-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.byu-layout--two-column-section > .layout-builder__region {
    flex: 0 1 100%;
    width: 100%;
}

.byu-layout--two-column-section.cols-33-33-centered .section-content-container .section-content {
    display: grid;
    grid-template-columns: 1fr 2.57fr 2.57fr 1fr; /* 14% = 1fr, 36% = 2.57fr */
    gap: 1rem;
}
.byu-layout--two-column-section.cols-33-33-centered .section-content-container .section-content > :nth-child(1) {
    grid-column: 2 / 3; /* Move the first content to the second column */
}
.byu-layout--two-column-section.cols-33-33-centered .section-content-container .section-content > :nth-child(2) {
    grid-column: 3 / 4; /* Move the second content to the third column */
}

/* 3 COLUMNS */

.byu-layout--three-column-section {
    display: block;
}

.byu-layout--three-column-section .section-content-container .section-content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.byu-layout--three-column-section > .layout-builder__region {
    flex: 0 1 100%;
    width: 100%;
}

/*added for this site*/
.byu-layout--three-column-section.cols-25-50-25 .section-content-container .section-content {
    grid-template-columns: 1fr 2fr 1fr;
}

@media (max-width: 964px) {
    .byu-layout--three-column-section.two-cols-on-mobile .section-content-container .section-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .byu-layout--three-column-section.two-cols-on-mobile .layout__region--third {
        display: none !important; /* Hide the third column on smaller screens */
    }
}

.byu-layout--three-column-section.cols-14-43-43 .section-content-container .section-content {
    display: grid;
    grid-template-columns: 1fr 3fr 3fr;;
    gap: 1rem;
}

/* 4 COLUMNS */

.byu-layout--four-column-section {
    display: block;
}

.byu-layout--four-column-section .section-content-container .section-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.byu-layout--four-column-section > .layout-builder__region {
    flex: 0 1 100%;
    width: 100%;
}

/*added for this site*/
.byu-layout--four-column-section.cols-15-35-35-15 .section-content-container .section-content {
    grid-template-columns: 15% 35% 35% 15%;
}
.byu-layout--four-column-section.cols-10-20-60-10 .section-content-container .section-content {
    grid-template-columns: 10% 20% 60% 10%;
}

/* 5 COLUMNS */

.byu-layout--five-column-section {
    display: block;
}

.byu-layout--five-column-section .section-content-container .section-content {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.byu-layout--five-column-section > .layout-builder__region {
    flex: 0 1 100%;
    width: 100%;
}

/*COLUMN MODIFYERS*/

.byu-layout--two-column-section.gap-8 .section-content-container .section-content,
.byu-layout--three-column-section.gap-8 .section-content-container .section-content,
.byu-layout--four-column-section.gap-8 .section-content-container .section-content,
.byu-layout--five-column-section.gap-8 .section-content-container .section-content {
    gap: 2rem;
}

/*About Us Style*/
.byu-layout--five-column-section.cols-18-18-28-18-18 .section-content-container .section-content {
    grid-template-columns: .9fr .9fr 1.4fr .9fr .9fr;
}

/*Spotlight Section*/
.byu-layout--two-column-section.cols-40-60 .section-content-container .section-content {
    grid-template-columns: 2fr 3fr;
}
/*added for this site*/
.byu-layout--two-column-section.cols-60-40 .section-content-container .section-content {
    grid-template-columns: 3fr 2fr;
}

.content-spotlight .section-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    background-color: var(--royal-10, #EBF2FF);
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-radius: 1rem;
}

.content-spotlight-card-white .section-content .layout__region {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    background-color: white;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-radius: 1rem;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.25);
}

.content-spotlight-dark-transparent .section-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    background-color: rgba(0, 30, 61, 0.8);
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-radius: 1rem;
    margin-top: 7vh;
    margin-bottom: 7vh;
    max-width: 60rem;
}

.content-spotlight-white .section-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    background-color: white;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-radius: .75rem;
    max-width: 60rem;
}

/*****************************************
SPOTLIGHT BLOCK
****************************************/

.mw-960 {
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto;
}

/*mobile*/
.content-block-spotlight {
    padding: 2rem;
    background-color: var(--white, #ffffff);
    border-radius: 1rem;
    margin: -10rem auto 0;
    width: auto;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.content-block-spotlight-white {
    background-color: white;
    width: calc(66.666% - 1rem);
    border-radius: 1rem;
    padding: 3rem;
}
@media (min-width: 768px) {
    .content-block-spotlight {
        padding: 4rem;
        margin: -20rem auto 0;
        width: 60%;
    }
}
@media (min-width: 1024px) {
    .content-block-spotlight {
        padding: 5rem;
        margin: -17rem auto 0;
        width: 60%;
    }
}
@media (max-width: 767px) {
    .on-mobile-no-x-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


.content-block-spotlight-with-border-alt,
.content-block-spotlight-with-border {
    padding: 2rem;
    background-color: var(--white, #ffffff);
    border-radius: .75rem;
    width: auto;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border-left: 10px solid var(--blue-button);
}

.content-block-spotlight-with-border-alt h2,
.content-block-spotlight-with-border h2 {
    color: var(--dark-navy);
}

.content-block-spotlight-with-border-alt {
    background-color: var(--gray-lightest);
}

/*@media screen and (min-width: 40em) {
    .layout--five-column-section > .layout__region {
      flex: 0 1 20%;
    }
}*/

.content-centered,
.content-centered * {
	margin-left: auto;
	margin-right: auto;
}

.col-2-mt-xxl .layout__region--second {
    margin-top: 4rem;
}

.content-overflow-hidden .section-content .layout__region {
	overflow: hidden;
}

.col-2-z-2 .section-content-container .layout__region--second {
    z-index: 2 !important;
    position: relative !important;
}

.col-2-z-3 .section-content-container .layout__region--second {
    z-index: 11;
}

@media (max-width: 767px) { /* Mobile styles go here */

    .mobile-col-2-mt-0 .layout__region--second {
        margin-top: 0;
    }
    .mobile-col-2-mt-xxl .layout__region--second {
        margin-top: 4rem;
    }

    .mobile-mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-mt-6 {
        margin-top: 1.5rem;
    }

    /*this makes the columns goes in reverse in a rows with 2 columns, only works in mobile*/
    .byu-layout--two-column-section.mobile-cols-2-reverse .section-content-container .section-content {
        grid-auto-flow: row;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .byu-layout--two-column-section.mobile-cols-2-reverse .section-content-container .section-content .layout__region--first {
        grid-row: 2;
    }
    .byu-layout--two-column-section.mobile-cols-2-reverse .section-content-container .section-content .layout__region--second {
        grid-row: 1;
    }

    /*this makes the section to change the column layout for mobile*/
    .mobile-cols-1 .section-content-container .section-content {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .mobile-cols-2 .section-content-container .section-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

.gap-xxl .section-content-container .section-content {
	gap: 3rem;
}

.content-centered * {
	margin-left: auto;
	margin-right: auto;
}
.content-centered img {
	width: 50%;
}

.col-2-mt-xxl .layout__region--second {
    margin-top: 4rem;
}

@media (max-width: 767px) { /* Mobile styles go here */

    .mobile-col-2-mt-0 .layout__region--second {
      margin-top: 0;
    }
    .mobile-col-2-mt-xxl .layout__region--second {
      margin-top: 4rem;
    }
    .mobile-cols-mt-xxxl .layout__region,
    .mobile-mt-xxxl {
    	margin-top: 4rem;
    }
    .mobile-cols-mt-xxl .layout__region,
    .mobile-mt-xxl {
    	margin-top: 2.5rem;
    }
}

.content-overflow-hidden .section-content .layout__region {
	overflow: hidden;
}
  .display-inline-blocks .layout__region--first {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: center;
  }

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

    .mobile-display-blocks-stacked .layout__region--first {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
  }

  .byu-layout--two-column-section.cols-auto-auto .section-content-container .section-content {
    grid-template-columns: 12rem auto;
  }
  

  .border-bottom-gray-light .section-content {
    border-bottom:  1px solid var(--gray-light);
  }


  @media (min-width: 768px) {
    .content-max-w-80 {
      max-width: 80%;
    }
  }