.u-gfColors-navy {
    color:var(--gfColors-navy) ! important;
}
.u-gfColors-slate100 {
    color:var(--gfColors-slate100) ! important;
}



@media (min-width:992px) {
    .mb-lg-6 {
        margin-bottom: 6rem !important;
    }
    .mt-lg-6 {
        margin-top: 5rem !important;
    }
}

.add-asterisk {
    position:relative;
}
.add-asterisk::before {
    content:url(/__template/t1/images/gold-asterisk.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    left: -.5rem;
    top: -1.25rem;
    display: block;
}
.add-gold-star {
    position:relative;
}
.add-gold-star::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -2rem;
    left: 23rem;
}
@media (max-width:575.98px) {
    .add-gold-star::after {
        top: -4rem;
        right: 0;
        left:unset;
    }
}

#eventsHome table tr td:first-child {
    width:6rem;
}
.bg-circle, .bg-circle-single {
    position:relative;
}
.bg-circle::before, .bg-circle-single::before {
    content: "";
    height: 24rem;
    width: 24rem;
    display: block;
    background-color: var(--gfColors-slate15);
    border-radius: 50%;
    position: absolute;
    top: -7rem;
    left: -12rem;
    z-index: -1;
}
.bg-circle-single::before {
    height: 20rem;
    width: 20rem;
    left: -8rem;
    top: -11rem;
}


@media (min-width:992px) {
    .bg-circle::after {
        content: "";
        height: 15rem;
        width: 15rem;
        display: block;
        background-color: var(--gfColors-slate15);
        border-radius: 50%;
        position: absolute;
        top: 8rem;
        right: 16rem;
        z-index: -1;
    }
    h2.month {
        margin-top:6rem;
    }
    img.pulled-up {
        margin-top: -3rem;
    }
}


.add-anim {
    position:relative;
}
.add-anim::after {
    content:"";
    background-image:url('/offices/student-life/student-involvement/events/_assets-index/images/ghost.png');
    width: 45px;
    height: 63px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 11rem;
    display: block;
    transform: translate(0px, 0px);
    animation-name: slide;
    animation-duration: 3s;
    animation-direction: reverse;
    animation-iteration-count:infinite;
}
     
@keyframes slide {
  0%   {transform: translate(0px, 0px);}
  50%   {transform: translate(0px, -30px);}
  
  100% {transform: translate(0px, 0px);}
}


#events02 {
    position:relative;
}
#events02::after {
    content:"";
    background-image:url('/offices/student-life/student-involvement/events/_assets-index/images/donut.svg');
    background-repeat:no-repeat;
    width: 3rem;
    height: 3rem;
    position: absolute;
    bottom: -3rem;
    left: calc(50% - 1.5rem);
}

.starred {
    position:relative;
}
.starred::after {
    content:"";
    background-image:url('/__template/t1/images/doodle-illustrations/navy-stars.svg');
    background-repeat:no-repeat;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 3rem;
    right: calc(50% - 150px);
}

@media (min-width:1200px) {
    .starred::after {
        right: calc(50% - 200px);
    }
}


/*  ----  ////  Traditions page  //// ----  */

#traditions {
	 position:relative;
}
 #traditions::after {
	 content:"";
	 background-image:url('/offices/student-life/student-involvement/events/_assets-traditions/images/coffee.svg');
    background-repeat:no-repeat;
	 width: 3rem;
	 height: 6rem;
	 position: absolute;
	 bottom: -6rem;
	 left: calc(50% - 1.5rem);
}


/*  ----  ////  Get Involved page  //// ----  */

@media (max-width: 991.98px) {
    #getInvolved .u-grid2Columns {
        grid-template-columns: 1fr;
    }
}

#experienceIntro.bg-circle::after {
    display:none;
}

#volunteer {
    position:relative;
    z-index:10;
}
#volunteer .add-gold-star::after {
    width: 4rem;
    height: 4rem;
    top: 0;
    left: -1rem;
}

#dance {
    position: relative;
    margin-top: 4rem;
    padding-top: 4rem;
}
#dance .u-grid2Columns {
    grid-template-columns: auto 1fr;
    gap: 3rem;
}
#dance img, #superfans img {
    transition: all .5s;
}
#dance img:hover {
    transform: scale(1.01) rotate(5deg);
}
#superfans img:hover {
    transform: scale(1.01) rotate(-5deg);
}


@media (max-width:991.98px) {
    #dance .u-grid2Columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    #dance .u-grid2Columns {
        gap: 1rem;
    }
}

@media (max-width: 575.98px) {
    #dance {
        margin-top: 0;
        padding-top: 3rem;
    }
}



@media (min-width: 768px) {
    #dance::after {
        content:"";
        background-image:url(https://media.giphy.com/media/1nbuFSAT7iAW1wDA4z/giphy.gif);
        background-repeat: no-repeat;
        background-size: cover;
        width: 143px;
        height: 220px;
        position: absolute;
        top: 330px;
        right: 3rem;
    }
}
@media (min-width: 992px) {
    #dance::after {
        top:unset;
        bottom: -120px;
        right: 2rem;
    }
}
.add-lightbulb {
    position:relative;
}
.add-lightbulb::after {
    content:"";
    background-image:url('/__template/t1/images/doodle-illustrations/gold-lightbulb.svg');
    background-repeat:no-repeat;
    width: 4rem;
    height: 5rem;
    position: absolute;
    bottom: -3rem;
    left: calc(50% - 2rem);
    display:block;
}

@media (max-width:575.98px) {
    .add-lightbulb::after {
        width: 3.5rem;
        height: 6rem;
    }
}


/*  ----  ////  Photos & Videos page  //// ----  */


#eventVideos {
    position:relative;
}
#eventVideos::before {
    content:"";
    background-image:url(https://www-test.georgefox.edu/Fallback%20Zone/2024-spring/student-involvement/_assets-videos/images/popcorn.svg);
    background-repeat:no-repeat;
    width: 120px;
    height: 150px;
    position: absolute;
    top: -135px;
    left: 23rem;
    display: block;
}


@media (max-width:575.98px) {
    #eventVideos::before {
        display:none;
    }
}


/*  ----   ////  Winter Welcome   ////  ----  */

#winterWelcome .bg-gold-circle {
    position:relative;
}
#winterWelcome .bg-gold-circle::before {
    content:"";
    background-color: var(--gfColors-slate30);
    background-repeat: no-repeat;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    position: absolute;
    top: -2.75rem;
    right: -3.45rem;
    display: inline-block;
    z-index: -1;
}
#winterWelcome table {
    width:100%;
}
#winterWelcome table p {
    margin-top:0;
    margin-bottom:.5rem;
}
#winterWelcome .table-content tr td:first-child {
    width:16%;
}

@media (max-width:767.98px) {
    #winterWelcome .table-content tr td:first-child {
        width:27%;
    }
}
@media (min-width:992px) {
    #winterWelcome table p {
        max-width:85%;
    }
}
.add-gold-star {
    position:relative;
}
.add-gold-star::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -2rem;
    left: -1rem;
}
@media (max-width:575.98px) {
    .add-gold-star::after {
        top: -2.5rem;
        left:0;
    }
}