/* link to portal */
.badge {
    font-size: 1.5rem;
    font-weight: 600;
    height:auto;
    margin: 0 auto;
    position:relative;
    background-image:url(/__template/t1/images/navy-on-navy-tiles.jpg);
    color:white;
}
.badge::before {
     -webkit-mask-image: url(/__template/t1/images/gf-slatetext.svg);
     mask-image: url(/__template/t1/images/gf-slatetext.svg);
    background-color: var(--gfColors-gold);
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
}
.u-outlineBox--logo::before {
    background-image: none;
}
.badge a {
    line-height:1.2;
    color:white;
}
.badge a:visited {
    color: white !important;
}
 a.no-box-shadow, a.no-box-shadow:hover {
	 box-shadow:none;
}
.u-navyBackground {
    background-color:var(--gfColors-navy) !important;
}
@media(min-width:992px) {
  .intro-grid {
        display: grid;
        grid-template-columns: 3fr 1fr;
        gap: 3rem;
    }
    .badge {
        height: 300px;
        width: 300px;
        text-align:center;
        border-radius: 100%;
    }
    .u-outlineBox--logo::before {
    left: 7rem;
    }
    .intro-grid .parents {
        grid-column: 2;
    }
    .intro-grid .intro-text {
        grid-row:1;
    }
}


 #jump-to-stop ol li {
	 margin-bottom: 15px;
}
 #get-started .button {
	 border-radius: 0;
	 text-transform: uppercase;
	 letter-spacing: .1rem;
	 padding: 10px;
	 color: #17304c;
	 background-color:var(--gfColors-slate30);
	 border: 0px;
	 position:relative;
	     width: 100%;
}
 #get-started .button.collapsed::after {
	 content: url("/__template/t1/images/angle-down-solid.svg");
	 width: 10px;
	 height: 10px;
	 position: absolute;
	 top: 0;
	 bottom: 9px;
	 margin: auto 0 auto 15px;
	 transform:rotate(0deg);
	 transition:.25s;
}
 #get-started .button:after {
	 transform:rotate(-180deg);
	 content: url("/__template/t1/images/angle-down-solid.svg");
	 width: 10px;
	 height: 10px;
	 position: absolute;
	 top: 0;
	 bottom: -8px;
	 margin: auto 0 auto 15px;
	 transition:.25s;
}

@media(max-width:767.98px) {
    #get-started .button {
        display:grid;
        grid-template-columns: 1fr 1rem;
        gap: 10px;
    }
    #get-started .button:after, #get-started .button.collapsed::after{
        right: 1rem;
    }
}
 #get-started h3 {
	 text-align:center;
}
 #get-started .parent-student {
	 background-color:var(--gfColors-slate15);
}


#get-started .parent-student :first-child
{
    margin-top:0;
}
#get-started .parent-student :last-child
{
    margin-bottom:0;
}
 #get-started .card {
	 border-radius: 0;
	 border: 2px solid var(--gfColors-slate30);
}
 #get-started .parent-student p:last-child {
	 margin-bottom:0px;
}
 #get-started ol {
	 columns:2;
	 -webkit-columns: 2;
	 -moz-columns: 2;
	 margin-bottom:0;
}

/*Spring semester and Welcome Weekend components */
@media(min-width:992px) {
    #springSemester, #welcome-weekend  {
        margin-bottom:10rem;
    }
}

/****STOPS****/
 .stop-container {
	 margin: 7rem 0rem;
}
 .stop-container .dashed-divider {
	 border: 2px dashed #415b97;
	 display: block;
	 margin: 100px 0px 0px;
	 position: relative;
	 z-index: 0;
}
 .stop-container:nth-child(2n+1) .dashed-divider {
	 transform: skewy(-5deg);
}
 .stop-container:nth-child(2n+1) .stop-number {
	 margin-top: -.5vw;
}
 .stop-container:nth-child(2n) .dashed-divider {
	 transform: skewy(5deg);
	 margin: 200px 0px 0px;
}
 .stop-container:nth-child(2n) .stop-number {
	 margin-top: -4vw;
}
 .stop-container:nth-child(2n) .container {
	 margin-top: -40px;
	 margin-bottom: 110px;
}
 .stop-container:nth-child(3n+2) .dashed-divider {
	 border-color:#c4171b;
}
 .stop-container:nth-child(3n+4) .dashed-divider {
	 border-color:#6c96ce;
}
 .stop-container .stop-number {
	 display: inline-block;
	 width: 80px;
	 background:#415b97;
	 border-radius: 90%;
	 height: 80px;
	 text-align: center;
	 padding: 27px;
	 font-size: 45px;
	 font-family: var(--gfVars-headerFont);
	 font-weight: bold;
	 color:white;
	 margin-top: -40px;
	 position: relative;
	 z-index: 1;
	 line-height:0.75em;
}
 .stop-container #stop-10 {
	 padding: 27px 0px;
}
 .stop-container:nth-child(3n+2) .stop-number {
	 background-color: #c4171b;
}
 .stop-container:nth-child(3n+4) .stop-number {
	 background-color: #6c96ce;
}
 .stop-container:last-child .stop-number {
	 padding: 28px 0px;
}
 .stop-container h3 {
	 margin-top: 4rem;
}
 .stop-container .resources {
	 background-color:#dfeeff;
	 padding: 2rem 2rem 0rem;
	 position: relative;
	 margin-top: 3.5rem;
	 margin-bottom: 9rem;
}
 .stop-container .resources:after {
	 background-image: url("/college-admissions/bruin-bound/_assets-index/wavy-line.svg");
	 max-width: 900px;
	 display: block;
	 position: absolute;
	 left: 0;
	 width: 100%;
	 height: 66%;
	 content: "";
	 bottom: -65%;
	 background-size: auto;
	 background-repeat: no-repeat;
	 z-index: 0;
}
 .stop-container .resources img {
	 position: absolute;
	 left: 0;
	 width: 100%;
	 bottom: -15px;
}
 .stop-container .resources h4 {
	 color:#c13527;
	 position: absolute;
	 margin: 0;
	 z-index: 100;
	 top: -12px;
}
 .stop-container .resources .btn {
	 background: #17304c;
	 border: 0;
	 border-radius: 0;
	 text-transform: uppercase;
	 letter-spacing: .15rem;
	 font-size: 13px;
	 padding: 10px;
}

 #second-bus-container img {
	 position: relative;
	 width: 250px;
	 left: 35px;
	 margin: 1rem auto 2rem auto;
	 display: block;
}
 @media screen and (min-width: 1200px) {
	 #bb-header-container h1{
		 font-size: 180px;
		 line-height: 7rem;
		 letter-spacing: 2.5rem;
	}
	 #bb-header-container h1 span {
		 letter-spacing: 1.5rem;
		 font-size: 50px;
	}
}
 @media (min-width:900px) {
	 .mw-900 {
		 max-width: 900px;
	}
}
 @media (max-width:768px) {
	 .stop-container:nth-child(2n+1) .stop-number {
		 margin-top: -2.5vw;
	}
	 #get-started .btn.collapsed::after,#get-started .btn:after{
		 content:none;
	}
}
 @media (max-width:580px) {

	 #intro h2 {
		 top: 0rem;
	}
	 #intro h2 span {
		 display: block;
		 padding: 2px 30px;
		 width:100%;
		 font-size:.9rem;
	}
	 #intro img {
		 left: 0px;
	}

}
 @media (max-width:480px) {
	 .stop-container:nth-child(2n+1) .stop-number {
		 margin-top: -8vw;
	}
	 .stop-container:nth-child(2n) .stop-number {
		 margin-top: -3vw;
	}
}
#checklist.stepList  h4 {
    font-family: var(--font-family-sans-serif);
    font-size: 1.4rem;
    font-weight: bold;
}