/*
  DECORATIONS
  Stylesheet for Decorative elements like the dots and fingerprint
  Version: 1.0
*/

.has-dots .section-content::before, .has-dots .section-content::after,
.has-fingerprint .section-content::before, .has-fingerprint .section-content::after {
    content: '';
    pointer-events: none;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

/************
DOTS
*************/

.has-dots .section-content::after {
    width: 87.5rem; /*1400px*/
    height: 45rem; /*720px*/
    z-index: 1;
    background-image: url('../../../../../themes/custom/byu/images/Dots-1.svg');
}

/* Modifier class for top-right position */
.has-dots.dots-tr .section-content::after {
    top: 0;
    right: 0;
    margin-right: -54.375rem; /*870px*/
    margin-top: -28.125rem; /*870px*/
}

@media (min-width: 1024px) {
    .has-dots .section-content::after {
        width: 106.25rem; /*1700px*/
        height: 56.25rem; /*900px*/
    }

    .has-dots.dots-tr .section-content::after {
        margin-right: -56.25rem;
        margin-top: -26.5625rem; /*425px*/
    }

    .has-dots.dots-utr .section-content::after {
        margin-right: -66.25rem;
        margin-top: -45.5625rem;
    }
}

/* Modifier class for center-right position */
.has-dots.dots-cr .section-content::after {
    bottom: 0;
    right: 50%;
    margin-right: -70.625rem; /*1130px*/
    margin-bottom: -2.5; /*40px*/
}

@media (min-width: 1024px) {
    .has-dots.dots-tr .section-content::after {
        top: 0;
        right: 0;
        bottom: auto;
    }
}

/* Modifier class for top-left position */
.has-dots.dots-tl .section-content::after {
    top: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 18.75rem; /*300px*/
    margin-left: -54.375rem; /*870px*/
}

@media (min-width: 1024px) {
    .has-dots.dots-tl .section-content::after {
        width: 100%;
        height: 75rem; /*1200px*/
        top: 0;
        right: 0;
        left: 0;
        bottom: auto;
        margin-right: -54.375rem; /*870px*/
        margin-top: -27.5rem; /*440px*/
        margin-bottom: auto;
    }
}


/* Modifier class for bottom-left positioning */
.has-dots.dots-bl .section-content::after {
    bottom: 0;
    left: 0;
    margin-left:  -54.375rem; /*870px*/
    margin-bottom: -28.125rem; /*450px*/
}

@media (min-width: 1024px) {
    .has-dots.dots-bl .section-content::after {
        margin-left: -56.25rem; /*900px*/
        margin-bottom: -26.5625rem; /*425px*/
    }
}

/************
FINGERPRINT
*************/

.has-fingerprint .section-content::before {
    width: 75rem; /*1200px*/
    height: 37.5rem; /*600px*/
    z-index: 1;
    background-image: url('../../../../../../themes/custom/byu/images/Fingerprint.svg');
}

/* Modifier class for top-right position */
.has-fingerprint.fing-tr .section-content::before {
    top: 0;
    right: 0;
    margin-top: -12.5rem; /*200px*/
    margin-right: -48.75rem; /*780px*/
}

@media (min-width: 1024px) {
    .has-fingerprint .section-content::before {
        width: 75rem; /*1200px*/
        height: 57.5rem; /*920px*/
    }

    .has-fingerprint.fing-tr .section-content::before {
        margin-right: -26.25rem; /*420px*/
        margin-top: -21.875rem; /*350px*/
    }

    .has-fingerprint.fing-utr .section-content::before {
        margin-right: -30.25rem; /*420px*/
        margin-top: -44.875rem; /*350px*/
    }
}

/* Modifier class for center-right position */
.has-fingerprint.fing-cr .section-content::before {
    bottom: 0;
    left: 0;
    right: 50%;
    margin-left: -12.5rem; /*200px*/
    margin-right: -41.875rem; /*670px*/
    margin-bottom: -3.75rem; /*60px*/
}

@media (min-width: 1024px) {
    .has-fingerprint.fing-cr .section-content::before {
        width: 100%;
        height: 75rem; /*1200px*/
        top: 2rem; /*32px*/
        right: 0;
        bottom: auto;
        left: auto;
        margin-left: auto;
        margin-right: -12.5rem; /*200px*/
        margin-bottom: auto;
    }
}

/* Modifier class for top-left positioning */

.has-fingerprint.fing-tl .section-content::before {
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: -27.5rem; /*440px*/
}

@media (min-width: 1024px) {
    .has-fingerprint.fing-tl .section-content::before {
        width: 100%;
        height: 75rem; /*1200px*/
        top: auto;
        bottom: auto;
        left: 0;
        margin-left: -56.25rem; /*900px*/
        margin-top: -12.5rem; /*200px*/
    }
}


/* Modifier class for bottom-left positioning */
.has-fingerprint.fing-bl .section-content::before {
    bottom: 0;
    left: 0;
    margin-bottom: -200px;
    margin-left: -48.75rem; /*780px*/
}

@media (min-width: 1024px) {
    .has-fingerprint.fing-bl .section-content::before {
        margin-left: -26.25rem; /*420px*/
        margin-bottom: -21.875rem; /*350px*/
    }
}


/************
BYU Building
*************/

.img-overflow-center-right img {
    max-width: 75rem; /*1200px*/
    position: absolute;
    width: 75rem; /*1200px*/
    right: -35.625rem; /*570px*/
    margin-top: 50%;
    top: -11.25rem; /*180px*/
}

/************
MOUNTAINS
*************/

.has-mountains {
  overflow: hidden;
}

.has-mountains .section-content-container {
    position: relative;
}

.has-mountains .section-content-container::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    background-image: url(../../../../../../themes/custom/byu/images/bg-mountains-min.png);
    width: 100%;
    height: 25rem; /*400px*/
    position: absolute;
}

.has-mountains.mount-bc .section-content-container::after {
    position: absolute;
    bottom: auto;
    left: -45rem; /*720px*/
    z-index: 1;
    width: 90rem; /*1440px*/
    height: 70.625rem; /*1130px*/
    margin-left: 50%;
    top: 0rem;
}

@media (min-width: 1024px) {
    .has-mountains .section-content-container::after {
        left: 0;
        bottom: -93.75rem; /*1500px*/
    }
}
@media (min-width: 1200px) {
    .has-mountains.mount-bc .section-content-container::after {
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: auto;
        top: -5rem;
        right: 0;
        width: 100%;
        height: 200rem;
        margin-left: auto;
    }
}

/*lowe bottom center*/

.has-mountains.mount-lbc .section-content-container::after {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    transform: translateY(50%); /* Adjusting vertical alignment */
    background-size: 100%; /* Scaling background image to full width */
    z-index: 1;
}



/************
BYU HISTORY
*************/

.has-history-bg {
    height: 21.25rem; /*340px*/
    background-image: url(../../../../../../themes/custom/byu/images/byu-history-bg-min.jpg);
    background-size: cover;
    background-position: center;
}
@media (min-width: 768px) { /* Tablet styles go here */
    .has-history-bg {
        height: 33.75rem; /*540px*/
    }
}


/************
WORLDMAP
*************/

.has-worldmap {
    overflow: hidden;
  }
  
  .has-worldmap .section-content-container {
      position: relative;
  }
  
.has-worldmap .section-content-container {
    background-image: url(../../../../../../themes/custom/byu/images/bg-worldmap-min.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}