.highlight {
    background-color: #ffff28;
}
.bold-headline{
    font-family:"Roboto Serif",serif;
    font-optical-sizing:auto;
    font-weight:600;
    font-style:normal;
    font-variation-settings:"wdth" 87.5,"GRAD" 0;
    font-variant-numeric:lining-nums
}
.lh-0 {
	line-height: 0.85;
}
.bold-headline small{
    font-size:.6em
}
.video-title{
    left:20%;
    top:20%;
    text-shadow:#424242 1px 0 10px
}
.bigger-headline{
    font-size:5rem
}
.uark-tag{
    font-size:14px;
    position:relative;
    padding-left:51px;
    font-weight:600
}
.uark-tag:before{
    content:" ";
    color:#9d2235;
    border-right:42px solid #9d2235;
    position:absolute;
    top:5px;
    left:0;
    width:auto;
    height:12px
}
.uark-overflow-row{
    margin-top:-15%!important
}
.uark-overflow-row-75{
    margin-top:-75%!important
}
.uark-overflow-row .card{
    border:0;
    border-bottom:12px solid #9d2235
}
.uark-button-primary-animate{
    background:linear-gradient(to right,white 49.9%,#9d2235 49.9%);
    background-size:200% 100%;
    background-position:right bottom;
    transition:all .5s cubic-bezier(1,0,0.57,0.83)!important;
    color:white
}
.uark-button-primary-animate:hover{
    background-position:left bottom;
    color:#9d2235!important;
    transition:all .5s cubic-bezier(1,0,0.57,0.83)!important
}
.uark-button-primary-animate .uark-button-animate-icon,.uark-button-icon-push .uark-button-animate-icon{
    padding-right:10px;
    transform:translateX(0px);
    transition:all .25s cubic-bezier(1,0,0.57,0.83)!important
}
.uark-button-primary-animate:hover .uark-button-animate-icon{
    transform:translateX(10px);
    transition:all .25s cubic-bezier(1,0,0.57,0.83)!important
}
.uark-button-icon-push:hover .uark-button-animate-icon{
    transform:translateX(10px);
    transition:all .25s cubic-bezier(1,0,0.57,0.83)!important
}
.overlay-white-gradient-top,.overlay-dark-gradient-top{
    position:relative;
    margin-top:120px
}
.overlay-white-gradient-top img,.overlay-dark-gradient-top img{
    object-fit:cover;
    max-width:100%;
    width:100%
}
.overlay-white-gradient-top:before,.overlay-dark-gradient-top:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(180deg,rgba(255,255,255,1) 1%,rgb(255 255 255 / 0) 26%)
}
.push-up{
    margin-top:-40px!important
}
.img-confetti{
    z-index:40;
    position:relative
}
.img-confetti:before{
    z-index:39;
    content:"";
    position:absolute;
    width:50px;
    height:50px;
    max-width:50px;
    max-height:50px;
    bottom:0;
    left:0;
    margin-bottom:-10px;
    margin-left:-10px;
    background-color:#9d2235
}
.img-confetti-wide:before{
    width:150px;
    max-width:150px
}
.img-confetti-primary:before{
    background-color:#9d2235
}
.img-confetti-secondary:before{
    background-color:#424242
}
.img-confetti-br:before{
    bottom:0;
    right:0;
    left:unset;
    margin-bottom:-10px;
    margin-right:-10px
}
.img-confetti-fancy:before{
    --s:43px;
    --c1:#810808;
    --c2:#878787;
    --_s:calc(2*var(--s)) calc(2*var(--s));
    --_g:35.36% 35.36% at;
    --_c:#0000 66%,var(--c2) 68% 70%,#0000 72%;
    background:radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s),radial-gradient(var(--_g) 0 75%,var(--_c)) var(--s) var(--s)/var(--_s),radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s),radial-gradient(var(--_g) 0 75%,var(--_c)) 0 0/var(--_s),repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/var(--_s),radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s) var(--c1)
}


ol.uark-listrow-big-numbers,.uark-listrow-big-numbers{
    list-style:none;
    counter-reset:my-awesome-counter
}
ol.uark-listrow-big-numbers li,.uark-listrow-big-numbers .card{
    position:relative;
    counter-increment:my-awesome-counter;
    margin:1rem;
    padding-left:5rem
}
ol.uark-listrow-big-numbers li ::before,.uark-listrow-big-numbers .card ::before{
    position:absolute;
    top:2rem;
    left:0;
    transform:translateY(-50%);
    content:counter(my-awesome-counter);
    background:#9d2235;
    width:3.5rem;
    height:3.5rem;
    border-radius:50%;
    display:inline-block;
    line-height:3.25rem;
    color:#fff;
    text-align:center;
    margin-right:.5rem;
    font-size:1.75rem
}
.uark-listrow-big-numbers .card ::before{
    top:-10px;
    left:0;
    right:0;
    margin-right:0;
    margin-inline:auto
}
.end-seperator:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:2px;
    background-color:rgba(255,255,255,0.4);
    height:fit-content;
    min-height:90%
}

.overlay-white-gradient-top{
    margin-top:40px
}
.tracking-tighter{
    letter-spacing:-0.05em
}
.lato-black{
    font-family:"Lato",sans-serif;
    font-weight:600!important;
    font-style:normal
}
.lato-black-italic{
    font-family:"Lato",sans-serif;
    font-weight:600;
    font-style:italic
}
.fix-size-130{
    height:calc(100vh * 1.3);
    max-height:2200px
}
.img-stretch{
    object-fit:cover;
    max-width:100%;
    width:100%
}
.top-25{
    top:25%!important
}
.fix-size-90{
    height:calc(100vh * .9);
    max-height:1900px
}
div#main-content{
    overflow:hidden
}
#main-content section.landingPage h1{
    font-size:calc(1.5rem+.9vw)
}
section h2{
    display:block!important;
    text-align:initial!important;
    text-transform:none!important;
    white-space:pre-wrap!important
}
section.headerSection{
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
    background-position:top;
    background-blend-mode:multiply;
    min-height:330px
}
.text-shadow{
    text-shadow:2px 2px 10px #000
}
.inset-shadow-top{
    box-shadow:inset 0 -9px 9px #4338c
}
.inset-shadow-bottom{
    box-shadow:inset 0 9px 9px #4338c
}
.serif-callout{
    font-family:"PT Serif",serif;
    font-weight:700;
    font-size:1.75rem;
    padding-top:25px
}
.info-facts{
    text-align:center;
    left:0;
    line-height:1.3!important;
    margin-bottom:.675rem!important;
    margin-top:10px;
    vertical-align:bottom;
    margin:auto
}
.fancy-facts{
    font-family:"PT Serif",serif;
    font-weight:700;
    font-optical-sizing:auto;
    font-style:normal;
    font-size:4.5rem;
    line-height:.95!important;
    margin-bottom:0!important;
    margin-top:.5rem;
    text-align:center
}
.fancy-facts>small{
    font-size:2.5rem!important
}
section.funnel{
    min-height:450px
}
.bg-uark-red a{
    color:white
}
.bg-uark-red h2{
    text-align:initial
}
.funnel .bg-uark-red a{
    color:white
}
.bg-black a:hover{
    color:#ddd
}
a.list-group-item-dark{
    color:#000!important
}
a.list-group-item-dark:hover{
    color:#333
}
.card.factoid{
    border-radius:0;
    border:#611327 solid 2px;
    border-bottom-width:5px;
    background-color:#c7c8ca;
    box-shadow:rgb(25 25 25 / 50%) 0 5px 6px
}
.card.factoid .card-body{
    background-color:#9d2235
}
.factoid p{
    color:#fff;
    font-size:1.3em;
    font-weight:600;
    margin:0;
    padding:0
}
.factoid .bigNumber{
    font-size:2.45em
}
.redCard .card{
    margin-bottom:0!important
}
.redCard .card-body{
    position:absolute;
    bottom:10px;
    background-color:#9d2235d4;
    color:#fff;
    width:100%;
    margin-bottom:-10px
}
.redCard .card-body p{
    margin-bottom:0
}
.pt-custom{
    padding-top:30px!important
}
.card-lift{
    border-radius:.75rem;
    transition:transform .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out
}
.card-lift.active,.card-lift:focus,.card-lift:hover{
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
    transform:translateY(-.25rem)
}
.map-thumbs .col-6{
    position:relative
}
.map-thumbs h4{
    position:absolute;
    bottom:20px;
    right:25px;
    color:white!important;
    font-size:1.375em;
    text-shadow:0 0 5px #000
}
.map-thumbs img{
    margin-bottom:20px
}
.dark-left-overlay{
    border-image:fill 0 linear-gradient(to right,hsl(0deg 0 0 / 65%) 35%,hsl(0 0 0 / 0))
}
.dark-right-overlay{
    border-image:fill 0 linear-gradient(to left,hsl(0deg 0 0 / 65%) 35%,hsl(0 0 0 / 0))
}
.dark-bottom-overlay{
    border-image:fill 0 linear-gradient(to top,hsl(0deg 0 0 / 65%) 35%,hsl(0 0 0 / 0))
}
.top-callout{
    padding-left:.6em;
    border-left:.4rem solid #9d2235;
    margin-left:.5rem;
    font-size:1.5rem
}
section.section-with-image-redBlend{
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
    background-position:top;
    background-blend-mode:multiply;
    .card{
        background-color:rgba(0,0,0,0.7)!important
    }
}
/* BACKGROUND SECTION */
.bg-twhite{
    background:radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 0 0 / 35px 33px,radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 17px 13px / 34px 34px,linear-gradient(#efebeb 2.5px,transparent 3.5px) 34px 34px / 11px 16px,linear-gradient(90deg,#efebeb .5px,#fff 1.5px) 33px 34px / 17px 17px #fff;
    background-size:34px 34px,34px 34px,17px 17px,17px 17px;
    background-color:#fff;
    background-origin:content-box
}
.bg-riverwater{
    background:linear-gradient(180deg,rgba(255,255,255,0.8) 20%,rgb(122 168 164 / 80%) 100%),radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 0 0 / 9px 8px,radial-gradient(circle,transparent -100%,#fff 20%,#fff 60%,transparent 100%,transparent),linear-gradient(#3f7f7f 2.5px,transparent 1.5px) 0 -0.75px / 17px 8px,linear-gradient(88deg,#2b5269 1.5px,#fff 1.5px) -0.75px -8px / 4px 43px #fff;
}
.bg-riverwater-yoyo {
	background:linear-gradient(180deg,rgba(255,255,255,0.8) 20%,rgb(122 168 164 / 80%) 100%),radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 0 0 / 11px 9px,radial-gradient(circle,transparent -100%,#fff 20%,#fff 60%,transparent 100%,transparent),linear-gradient(#3f7f7f 2.5px,transparent 1.5px) 0 -0.75px / 17px 18px,linear-gradient(88deg,#2b5269 1.5px,#fff 1.5px) -0.75px -8px / 4px 43px #fff;
}

.bg-riverspeckles{
    background:linear-gradient(180deg,rgba(255,255,255,0.8) 20%,rgb(122 168 164 / 80%) 100%),radial-gradient(circle,#fff 48%,#fff 0,#fff 80%,#fff -20%,transparent) 10% -40% / 11px 7px,radial-gradient(circle,transparent -80%,#fff 40%,#fff 30%,transparent 92%,transparent),linear-gradient(#002001 8.5px,#fff 1.5px) 2px 4.25px / 17px 15px,linear-gradient(1deg,#000 4.5px,#000 4.5px) 4.25px 6px / 10px 4px #fff;
}
.bg-darkriverspeckles {
    background: linear-gradient(180deg, rgb(136 168 187 / 80%) 20%, rgb(91 133 163 / 80%) 100%), radial-gradient(circle, #fff 48%, #fff 0, #fff 80%, #fff -20%, transparent) 10% -40% / 11px 7px, radial-gradient(circle, transparent -80%, #fff 40%, #fff 30%, transparent 92%, transparent), linear-gradient(#002001 8.5px, #fff 1.5px) 2px 4.25px / 17px 15px, linear-gradient(1deg, #000 4.5px, #000 4.5px) 4.25px 6px / 10px 4px #fff;
}
.bg-rivershadow{
    background:linear-gradient(180deg,rgba(255,255,255,0.8) 25%,rgb(82 119 132 / 80%) 100%),radial-gradient(circle,#fff 26%,#fff 0,#fff 80%,#fff -20%,transparent) 10% -40% / 8px 9px,radial-gradient(circle,transparent -80%,#fff 40%,#fff 30%,transparent 92%,transparent),linear-gradient(#fff 5.5px,#000 12.5px) 8px 4.25px / 20px 25px,linear-gradient(1deg,#7d3d3d 4.5px,#000 4.5px) 4.25px 6px / 10px 4px #fff;
}
.bg-quartzspeckles{
    background:linear-gradient(180deg,rgb(251 251 251 / 80%) 20%,rgb(209 209 209 / 80%) 100%),radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 0 0 / 9px 8px,radial-gradient(circle,transparent -100%,#fff 20%,#fff 60%,transparent 100%,transparent),linear-gradient(#626060 2.5px,transparent 1.5px) 0 -0.75px / 17px 8px,linear-gradient(88deg,#515151 1.5px,#fff 1.5px) -0.75px -8px / 4px 43px #fff
}
.bg-tanspeckles {
    background: linear-gradient(180deg, rgb(248 227 189 / 80%) 20%, rgb(255 232 190 / 80%) 100%), radial-gradient(circle, transparent 20%, #fff 20%, #fff 80%, transparent 80%, transparent) 0 0 / 9px 8px, radial-gradient(circle, transparent -100%, #fff 20%, #fff 60%, transparent 100%, transparent), linear-gradient(#a88b33 2.5px, transparent 1.5px) 0 3.25px / 17px 8px, linear-gradient(88deg, #8c6f1a 2.5px, #fff 2.5px) 0.75px 3px / 8px 43px #fff;
}
.bg-tquartz{
    background:radial-gradient(circle,transparent 20%,#f2f2f4 20%,#f2f2f4 80%,transparent 80%,transparent) 0 0 / 35px 33px,radial-gradient(circle,transparent 20%,#f2f2f4 20%,#f2f2f4 80%,transparent 80%,transparent) 17px 13px / 34px 34px,linear-gradient(#fff 2.5px,transparent 3.5px) 34px 34px / 11px 16px,linear-gradient(90deg,#fff .5px,#f2f2f4 1.5px) 33px 34px / 17px 17px #f2f2f4;
    background-size:34px 34px,34px 34px,17px 17px,17px 17px;
    background-color:#f2f2f4;
    background-origin:content-box
}
.bg-old-main-2color{
    background:center / contain no-repeat url("/_resources/images/old-main-2color-redblack.png");
    background-position:top 80px center
}
.bg-tfade{
    background-size:34px 34px,34px 38px,17px 34px,17px 17px
}
.bg-hero-gradient{
    background:linear-gradient(90deg,white,#c1d2d6)
}
.bg-white-tanlight{
    background:#fff;
    background:linear-gradient(180deg,rgba(255,255,255,0.8) 20%,rgba(236,230,185,0.8) 100%),radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 0 0 / 34px 34px,radial-gradient(circle,transparent -100%,#fff 20%,#fff 80%,transparent 82%,transparent),linear-gradient(#e3d3b4 1.5px,transparent 1.5px) 1px 2.75px / 17px 7px,linear-gradient(88deg,#bb9c6f 2.5px,#fff 1.5px) -0.75px 0 / 7px 3px #fff;
    background-blend-mode:normal,soft-light
}
.bg-senior-walk{
    /* background-image:url("https://www.uark.edu/_resources/images/senior-walk-walking-web.jpg"); */
	background-image:url("https://www.uark.edu/_resources/images/test-senior-walk-8-web.jpg");
	background-size: cover;
    background-position: left top;
    background-attachment: local;
    background-repeat: no-repeat;
}
.bg-light-blue-water{
    background:url(/_resources/images/bg-water-blue-muted-blur.jpg);
    background-position:top;
    background-size:cover
}
.bg-brown-diamonds{
    background:url(/_resources/images/bg-diamonds-brown.jpg);
    background-position:top;
    background-size:cover
}
.bg-brown-diamonds-muted{
    background:url(/_resources/images/bg-diamonds-brown-muted.jpg);
    background-position:top;
    background-size:cover
}
.bg-hero-dark-white{
    background:linear-gradient(180deg,rgba(99,99,99,0) 36%,rgba(99,99,99,0.56) 51%,rgba(99,99,99,1) 81%,rgba(255,255,255,1) 92%)
}
.bg-light-water{
    background:url(https://uark.edu/_resources/images/bg-water-light-blur.jpg);
    background-position:top;
    background-size:cover
}
.bg-redstripes{
    background-color:#9d2235;
    opacity:1;
    background:repeating-linear-gradient(-45deg,#611327,#611327 1px,#9d2235 1px,#9d2235 20px)
}
.bg-greystripes{
    background-color:#424242;
    opacity:1;
    background:repeating-linear-gradient(-45deg,#4b4b4b,#4b4b4b 1px,#424242 1px,#424242 20px)
}
.bg-greyfuzz {
    --c1:#4b4b4b;
    --c2:#424242;
    background: repeating-linear-gradient(-45deg, var(--c1), var(--c1) 1px, var(--c2) 1.5px, var(--c2) 21px);
    background-size: 128px 44px;
}
.bg-gradient-swoop{
    background-image:repeating-radial-gradient(circle at -80px 360px,transparent 0,#b4ac90 6%),repeating-linear-gradient(#9b9b9b55,#a29a85)
}
.bg-gradient-swoop-alt{
    background-image:repeating-radial-gradient(circle at 110% -240px,transparent 0,#b4ac90 6%),repeating-linear-gradient(#9b9b9b55,#a29a85)
}
.bg-light-tan {
    background: url(/_resources/images/bg-light-purple-blur.jpg), linear-gradient(#e1c76b 0%, #c7a98e 100%);
    background-position: top;
    background-size: cover;
    background-blend-mode: overlay;
}
.bg-qbert{
    background-color:#fff;
    opacity:1;
    background-image:linear-gradient(30deg,#f6f6f6 12%,transparent 12.5%,transparent 87%,#f6f6f6 87.5%,#f6f6f6),linear-gradient(150deg,#f6f6f6 12%,transparent 12.5%,transparent 87%,#f6f6f6 87.5%,#f6f6f6),linear-gradient(30deg,#f6f6f6 12%,transparent 12.5%,transparent 87%,#f6f6f6 87.5%,#f6f6f6),linear-gradient(150deg,#f6f6f6 12%,transparent 12.5%,transparent 87%,#f6f6f6 87.5%,#f6f6f6),linear-gradient(60deg,#f6f6f677 25%,transparent 25.5%,transparent 75%,#f6f6f677 75%,#f6f6f677),linear-gradient(60deg,#f6f6f677 25%,transparent 25.5%,transparent 75%,#f6f6f677 75%,#f6f6f677);
    background-size:20px 35px;
    background-position:0 0,0 0,10px 18px,10px 18px,0 0,10px 18px
}
.bg-tstone{
    background:radial-gradient(circle,transparent 20%,#fefef9 20%,#fefef9 80%,transparent 80%,transparent) 0 0 / 34px 34px,radial-gradient(circle,transparent 20%,#fefef9 20%,#fefef9 80%,transparent 80%,transparent) 17px 17px / 34px 34px,linear-gradient(#efebeb 1.5px,transparent 1.5px) 0 -0.75px / 17px 17px,linear-gradient(90deg,#efebeb 1.5px,#fefef9 1.5px) -0.75px 0 / 17px 17px #fefef9;
    background-size:34px 35px,34px 34px,17px 17px,17px 17px;
    background-color:#fefef9
}
.bg-tfade{
    background:radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 0 0 / 34px 34px,radial-gradient(circle,transparent 20%,#fff 20%,#fff 80%,transparent 80%,transparent) 17px 17px / 34px 34px,linear-gradient(#efebeb 1.5px,transparent 1.5px) 0 -0.75px / 17px 17px,linear-gradient(90deg,#efebeb 1.5px,#fff 1.5px) -0.75px 0 / 17px 17px #fff;
    background-size:34px 34px,34px 29px,17px 17px,17px 17px;
    background-color:#fff;
    background-origin:content-box
}
.bg-stonecircle{
    background-image:radial-gradient(#f2f2ee 9.5px,transparent 9.5px);
    background-size:16px 18px;
    background-color:#fefef9
}
.bg-stonescrunch{
    background-image:radial-gradient(#f2f2ee 4.9px,transparent 9px);
    background-size:11px 6px;
    background-color:#fefef9
}
.bg-stonewave{
    --s:35px;
    --c1:#f2eee9;
    --c2:#e9e2dc;
    --_g:var(--c1) 0 5%,var(--c2) 6% 15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,#0000 96%;
    background:radial-gradient(50% 50% at 100% 0,var(--_g)),radial-gradient(50% 50% at 0 100%,var(--_g)),radial-gradient(50% 50%,var(--_g)),radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2) var(--c1);
    background-size:var(--s) var(--s)
}
.bg-redwave {
    --s: 35px;
    --c1: #9d2235;
    --c2: #6b2f2f;
    --_g: var(--c1) 0 5%, var(--c2) 6% 15%, var(--c1) 16% 25%, var(--c2) 26% 35%, var(--c1) 36% 45%, var(--c2) 46% 55%, var(--c1) 56% 65%, var(--c2) 66% 75%, var(--c1) 76% 85%, var(--c2) 86% 95%, #0000 96%;
    background: radial-gradient(50% 50% at 100% 0, var(--_g)), radial-gradient(50% 50% at 0 100%, var(--_g)), radial-gradient(50% 50%, var(--_g)), radial-gradient(50% 50%, var(--_g)) calc(var(--s) / 2) calc(var(--s) / 2) var(--c1);
    background-size: var(--s) var(--s);
}
.bg-ripplewater{
    --s:46px;
    --c1:#ecf5f8;
    --c2:#d4e7ea;
    --_g:var(--c1) 0 5%,var(--c2) 6% 15%,var(--c1) 14% 93%,var(--c2) 17% 45%,var(--c1) 36% 45%,var(--c2) 66% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 56% 85%,var(--c2) 86% 95%,#0000 96%;
    background:radial-gradient(100% 60% at 107% 0,var(--_g)),radial-gradient(78% 35% at 0 100%,var(--_g)),radial-gradient(50% 50%,var(--_g)),radial-gradient(50% 50%,var(--_g)) calc(var(--s) / 2) calc(var(--s) / 2) var(--c1);
    background-size:9px 93px,23px 50px,7px 11px;
}
.bg-stonehalfcircle{
    background:radial-gradient(circle at left bottom,transparent 14%,#e3e3e3 15%,#e3e3e3 25%,transparent 26%,transparent 34%,#e3e3e380 35%,#e3e3e380 45%,transparent 46%,transparent 54%,#e3e3e3 55%,#e3e3e3 65%,transparent 66%,transparent 74%,#e3e3e380 75%,#e3e3e380 85%,transparent 86%);
    background-size:1em 1em;
    background-color:#c4c4c4;
    opacity:1
}
.bg-stoneglass{
    background:radial-gradient(circle at bottom,transparent 24%,#dedece 25%,#dedece 30%,transparent 31%,transparent 39%,#dedece 40%,#dedece 45%,transparent 46%),radial-gradient(circle at top,transparent 24%,#dedece 25%,#dedece 30%,transparent 31%,transparent 39%,#dedece 40%,#dedece 45%,transparent 46%),radial-gradient(circle at left,transparent 24%,#dedece 25%,#dedece 30%,transparent 31%,transparent 39%,#dedece 40%,#dedece 45%,transparent 46%),radial-gradient(circle at right,transparent 24%,#dedece 25%,#dedece 30%,transparent 31%,transparent 39%,#dedece 40%,#dedece 45%,transparent 46%);
    background-size:1em 1em;
    opacity:1;
    background-color:#d5d5ba
}
.bg-light-purple{
    background:url("/_resources/images/bg-light-purple-blur.jpg");
    background-position:top;
    background-size:cover
}
.bg-dark-water{
    background:url("/_resources/images/bg-water-dark-blur.jpg");
    background-position:top;
    background-size:cover
}
.bg-light-water{
    background:url("/_resources/images/bg-water-light-blur.jpg");
    background-position:top;
    background-size:cover
}
.bg-leaves{
    background:url("/_resources/images/bg-leaves-blur.jpg");
    background-position:top;
    background-size:cover
}
.bg-red-dark{
    background:url("/_resources/images/bg-red-dark.jpg");
    background-position:top;
    background-size:cover
}
.bg-red-dark-blur{
    background:url("/_resources/images/bg-red-dark-blur.jpg");
    background-position:top;
    background-size:cover
}
.bg-senior-walk-blur {
    background: url(/_resources/images/bg-senior-walk-blur.jpg), linear-gradient(to top, hsl(0deg 0 34.19%) 35%, hsl(0deg 0 82.81% / 60%));
    background-blend-mode: inherit;
}
.bg-opacity-white-85{
    background:rgb(255 255 255 / 85%)!important
}
.bg-opacity-white-75{
    background:rgb(255 255 255 / 75%)!important
}
/* END BACKGROUND SECTION */
.testimonial-popout{
    width:27%
}
.popout-grid{
    border:10px solid #9d2235;
    padding:15px 0 0 15px;
    background-color:#ccc;
    align-items:stretch
}
.popout-grid .popout-title{
    color:#656464!important;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:-1px;
    margin-bottom:0
}
.popout-grid .popout-description{
    color:#9d2235;
    text-transform:uppercase;
    font-weight:600;
    font-size:1.1em;
    letter-spacing:-1px
}
.popout-grid .popout-quote{
    line-height:1.2em;
    font-size:1em
}
.popout-student-walk-link{
    padding:0 0 0 10px!important
}
.biggy-er{
    font-size:1.45em;
    line-height:1.45em;
    font-weight:200
}
.text-container{
    align-items:center;
    display:flex;
    justify-content:center
}
.textybox{
    max-width:35em;
    width:100%
}
.textybox h2{
    font-size:2.5em;
    font-weight:400!important
}
.imgbox{
    height:37.5vw;
    max-height:100vh;
    min-height:30.5rem;
    background-size:cover;
    background-position:center
}
.modal-video{
    width:auto;
    max-width:800px;
}
.small-quote:before,.small-quote:after{
    font-size:60px;
    margin-top:-10px
}
.pop-stripe{
    height:auto;
	min-height: 168px;
    display:flex;
    align-items:center
}
.text-sans-serif{
    font-family:'Lato'
}
.overlay-dark-gradient-top:before{
    background:linear-gradient(180deg,rgb(9 14 47 / 70%) 1%,rgb(14 42 83 / 50%) 100%);
    background:linear-gradient(180deg,rgb(31 32 36 / 100%) 1%,rgb(53 60 64 / 30%) 100%)
}
.overlay-white-gradient-top:before{
    background:linear-gradient(180deg,rgb(220 235 241 / 78%) 1%,rgb(255 255 248 / 50%) 100%)
}
.fix-size{
	height: fit-content;
    max-height: calc(100vh - 120px);
}
.w-33{
    width:36%
}
.fade-in{
    opacity:0;
    transition:opacity 1s ease-in
}
.fade-in-shift-delay{
    //opacity:0;
    //margin-left:-60px;
    //transition:all .75s ease-in;
    //font-size:5em!important
}
.fade-in-shiftMore-delay{
    opacity:0;
    font-size:4em!important
}
body.loaded .fade-in{
    opacity:1
}
body.loaded .fade-in-shift-delay{
    //transition-delay:1.1s;
    //animation:move-in-steps 5.7s 1
}
body.loaded .fade-in-shiftMore-delay{
    // transition-delay:1.5s;
    // animation:move-in-steps 5.7s 1
}
@keyframes move-in-steps{
    0%{
        opacity:0 margin-left:0
    }
    25%{
        opacity:1;
        margin-left:60px
    }
    85%{
        opacity:1;
        margin-left:60px
    }
    100%{
        opacity:0;
        margin-left:120px
    }
}
[data-aos="blurOut"]{
    filter:blur(0px);
    transition:filter
}
[data-aos="blurOut"].aos-animate{
    filter:blur(15px);
    transition-duration:1200ms
}
.blurOut-fix{
    top:-20px;
    left:-20px;
    overflow:hidden
}
.video-title{
    left:60px;
    top:20%;
    text-shadow:#424242 1px 0 10px
}
q{
    font-size:33px;
    font-weight:300;
    margin-left:-26px
}
q:before{
    font-size:70px;
    line-height:70px;
    font-weight:400;
    position:absolute;
    margin-left:-30px;
    color:#ccc
}
q:after{
    font-size:79px;
    line-height:60px;
    position:absolute;
    font-weight:400;
    color:#ccc
}
.end-seperator:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:2px;
    background-color:rgba(255,255,255,0.4);
    height:auto;
    min-height:90%;
}
.bg-spoofers-stone .card li,.bg-spoofers-stone .card h3,.bg-spoofers-stone .card p{
    color:black!important
}
.card-img-overlay .flex-card{
    border-top:0
}
.photo-box-container{
    height:80vh;
    display:inline-table;
    position:relative;
    min-height:720px;
    max-height:1200px;
    .card-img-overlay{
        padding:0rem
    }
}
@media(min-width:320px){
	.photo-box-container {
		min-height: initial;
	}
	
    .top-callout{
        font-size:1.25rem
    }
    .headerSection .pushDown{
        position:absolute;
        bottom:10px
    }
    .card-img-overlay{
        position:relative!important
    }
    .end-seperator:before{
        width:0!important
    }
}
@media(min-width:768px){
    .map-thumbs h4{
        font-size:1.875em
    }
    .fancy-facts{
        font-size:2.5rem
    }
    .img-confetti-wide:before{
        width:83%
    }
}
@media(min-width:992px){
	 .photo-box-container{
        height:80vh;
        display:flex;
        position:relative;
        .card-img-overlay{
            padding:4rem
        }
    }	
	.card-img-overlay{
        position:absolute!important;
    }
	.card-img-overlay .flex-card{
	   border-top:5px solid #9d2235
	}
	
    .testimonial-popout{
        width:45%
    }
    .fancy-facts{
        font-size:3rem
    }
    .end-seperator:before{
        width:2px!important
    }
}
@media(min-width:1200px){
    .fancy-facts{
        font-size:4.5rem
    }
}