body {
            font-family: 'Roboto', sans-serif;
        }
	.no-scroll {
		overflow:hidden;
		-webkit-overflow-scrolling: touch;
	}
        .site-wrapper {
            overflow: hidden;
            position: relative;
			height:initial;
        }
        .button {
            font-family: 'Montserrat',sans-serif;
            letter-spacing: 1px;
            margin: 1rem 0 .15rem;
            padding: 8px 10px;
            font-size: 13px;
        }

        nav.min-nav {
            transform: translate(100%);
            transition: all .4s ease;
            position: absolute;
            right: 0;
            top: 50px;
            z-index: 1000;
            border-top: 3px solid #0078CC;
        }

        nav.min-nav.active {
            transform: translate(0);
			width:100%;
			/*overflow-x: hidden;
			overflow-y: scroll;
			height:100vh;
			background: #0078cc;
			position:fixed;*/
            
        }
        nav.min-nav .app-links {
            background-color: #FFFFFF;
            padding: .5rem;
        }
        nav.min-nav .app-links a span {
            font-size: 13px;
        }
        .headerbar {
            height: 100px;
            position: relative;
            padding: 0px 2rem;
        }

        .headerbar .util-links {
            display: flex;
            justify-content: flex-end;
            height: 40px;
        }

        .dd-link .bento-text {

        }


            #tnavmenu {
                background: #0078CC;
                z-index: 999;
                display: block;
                height: 42px;
                padding: 0 .25rem;
                position: relative;
            }
            /*.tnav-items li {
            display: flex;
            display:inline-block;
            margin:0 3.5%;
            }

            .tnav-items li:first-child {
                margin-left: 0;
            }

            .tnav-items li:last-child {
                margin-right: 0;
            }*/

            .tnav-items {
                margin-bottom: 0;
                display: flex;
                justify-content:  space-between;
                height:42px;
            }
            .min-nav .tnav-items {
                flex-direction: column;
                height: inherit;
                background-color: #0078CC;
                padding:1rem;
            }
            /*.tnav-items li a {
                color: #FFFFFF;
                font-weight: 400;
                padding: .5rem .75rem .5rem .75rem;
                display: block;
                position: relative;
                font-size: 15px;
                letter-spacing: 1px;
                font-family: 'Montserrat';
            }*/
            .tnav-item {
                color: #FFFFFF;
                font-weight: 400;
                padding: 11px .75rem 9px .75rem;
                display: block;
                position: relative;
                font-size: 15px;
                height: 42px;
                letter-spacing: 1px;
                font-family: 'Montserrat';
                cursor: pointer;
            }
            .min-nav .tnav-item {
                font-size: 1rem;
                cursor: default;
            }
            #tnavmenu .tnav-item:focus:before, #tnavmenu .tnav-item:hover:before,#tnavmenu .tnav-item.active:before {
                width:100%;
            }

            #tnavmenu .tnav-item:before {
                position: absolute;
                content: "";
                bottom: 2px;
                left: 50%;
                height: 3px;
                transition: all .4s ease;
                width: 0;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                background-color: #F7B905;
            }

           /* .tnav-item.current:before {
                background-color: #C94940;
                width: 75%;
            }

            .tnav-item.active.current:before {
            background-color: #0078CC;
            }*/



            .tnav-sub-container {
            background: #fff;
            /*width: 100%;*/
            max-width: 450px;
            position: absolute;
            z-index: 999;
            top:42px;            
            }

            .tnav-sub {
            height:0;
            border:1px solid #D4D9D9;
            }


            .tnav-sub {
            height: 100%;
            border: 1px solid #D4D9D9;
            padding: 0;
            position: relative;
            display: flex;
            }

            .tnav-sub a {
            color: #222;
            font-weight: 400;
            font-family: 'Roboto';
            }

           /* a.sub-cat-link {
            color: #5A5B61;
            font-size: 0.85rem;
            }*/



            a.sub-cat-title {
                font-size: .88rem;
                display: block;
                line-height: 1.2;
                padding: .5rem 1rem;
            }

            a.sub-cat-link:hover,a.sub-cat-title:hover, a.sub-cat-title:focus {
            text-decoration: none;
            background-color: #ECF0F0;
			outline:none;	
            }
            .min-navbar {
                height: 50px;
                position: relative;
            }
            .min-nav a.sub-cat-title {
                color: #FFFFFF;
            }

            .min-nav a.sub-cat-title:hover {
                color: #FFFFFF;
                text-decoration: underline;
                background-color: initial;
            }
            .min-navbar .logo-cont {
                float: left;
            }
            .min-navbar .logo-cont img{
                height:30px;
                margin:.5rem;
            }
            .tnav-sub {
            display: none;
            }

            .tnav-sub.active {
            display: flex;
            border-bottom: 3px solid #0078CC;
            }

            .tnav-sub li {
                line-height: 1;
                /*margin:1rem 0;*/
            }

            .tnav-sub ul {
                margin:.5rem 0;
                width:275px;
            }

           /* .tnav-sub .thing {
            height: 100%;
            border-left: 1px solid #ccc;
            padding: 0 0 0 .5rem;
            }*/

            .bmlogo {
                position: absolute;    
                background-color: transparent;
                z-index: 100;
                top: 51px;
                transform-origin: left;
                transform:scale(1);
                transition: all .4s ease;
                margin-left: 0;
            }

            .bmlogo-sm {
                position: relative;
                float: left;
            }

            .bmlogo a {
                color: #0078CC;
                font-size: 27px;
                letter-spacing: 3.5px;
                line-height: 0;
                font-weight: 500;
                font-family: 'Montserrat';
                display: block;
            }

            .utilnav {               
                padding:0 2rem;
                height:40px;
            }

            .top-border {
                position: relative;
                height: 3px;
                transition: all .4s ease;
                width: 100%;                
                background-color: #4296c2;
            }
            /*.utilnav ul {
                margin: 0;
            }
            .utilnav li {
                display: inline-block;
            }
            .utilnav a {
                color: #666666 !important;
                font-family: 'Roboto';
                font-size: 15px;
                font-weight: 400;
                text-transform: uppercase;
                line-height: 0;
                letter-spacing:1px;
                display: block;
            }
            .utilnav a.givelink {
                color:#FFFFFF !important;
                background: #0078CC;
                padding-right: .8rem;
                margin-left:1.5rem;
            }
            .utilnav a:hover {
                color:#ca471b !important;
            }
            .utilnav a.givelink:hover {
                color:#FFFFFF !important;
                background-color:#ca471b
            }
            .utilnav-container {
                top: 20px;
                position: relative;
            }
            .utilnav-aud {
                float: left;
            }
            .utilnav-util {
                float: right;
            }*/

            .util-links-container {
                position: relative;
                top: 30px;
            }

            .util-links ul {
                float: right;
                width: 372px;
            }
            .util-links ul li:first-child {
                padding-right: 17px;
                border-right: 1px solid;
                height: 40px;
                overflow: visible;
                padding-bottom: 0;
            }
            .util-links ul li:last-child {
                padding: 3px 5px;
                width: 186px;  
            }
            .util-links .text-link {
                font-size: 15px;
                font-family: 'Montserrat';
                font-weight: 500;
                letter-spacing: 1px;
                top: 2px;
                padding: 10px 0 10px 10px;
                /*border-radius: 20px;
                position: relative;*/
                color: #222;
            }
            .util-links .bento-text:hover {
                background-color: #eee;
                border-radius: 20px;
            }
            .min-navbar .util-links {
                position: relative;
                float: right;
                display: flex;
                justify-content: flex-end;
                top:5px;
            }

            .min-navbar .util-links a:hover {
                background-color: initial;
            }
            .search-container {
                position: relative;
                overflow: visible;
            }
            .control-sprite {
                width: 40px;
                height: 40px;
                overflow: hidden;
                top: 0;
                padding: 0;
                display: inline-block;
                position: relative;
            }
            .control-sprite img {
                position: absolute;
                width: 40px;
                top: 0;
                left: 0;
                z-index: 999999999;
                display: inline-block;
            }
            .util-links .search-icon {
                top:0px;
            }
            .util-links .search-icon:hover {
                top:-40px;
            }
            .util-links .search-icon.active:hover {
                top:-80px;
            }
            .util-links .search-icon.active {
                top:-120px;
            }

            .util-links .bento-icon {
                top:-160px;
            }
            .util-links .bento-icon:hover {
                top:-200px;
            } 
            .util-links .offcanvas-icon {
                top:-240px;
            }
            .util-links .offcanvas-icon:hover {
                top:-280px;
            }                        

			#app-dd a:focus, #tnavmenu .tnav-item:focus {
				outline: none;
			}

			#app-dd a:focus {
				background-color: #eee; 
			}

            /*.util-links i.icon-search,.util-links i.icon-cross {
                position: relative;
                padding: 9px 10px;
                display: inline-block;
                height: 40px;
                top: 2px;
                width: 40px;
                background: #0078cc;
                top: 0px;
                border-radius: 50%;
                z-index: 1;
            }
            .util-links i.icon-cross {
                background: #47484d;
                padding: 8px 11px 8px 10px;
            }
            .util-links i.icon-search:before {
                font-size:1.15rem;
                margin:0;
                color:#FFFFFF;
            }
            .util-links i.icon-search:hover {
                cursor: pointer;
                background-color: #004d96;
            }
            .util-links i.icon-cross:hover {
                cursor: pointer;
                background-color: #222;
                
            }
            .util-links i.icon-cross:before {
                content: "\ea10";
                z-index: 999;
                font-size: 1.1rem;
                color:#eee;
            }*/
            ::placeholder {
                color:#757575;
            }

            /*#search-input {
                position: absolute;
                top: 0px;
                z-index: 0;
                overflow: visible;
                width: 40px;
                right: 0;
                transition: width .4s ease;
            }
            #search-input.active {
                width: 550px;                
            }
            #search-input input[type="search"] {
                height: 40px;
                right: 13px;
                box-shadow: none;
                width: 100%;
                border-radius: 20px;
                margin: 0;
                padding: 0 .75rem;
                border: 1px solid #0078cc;
            }
            #search-input: active  input[type="search"] { 
               padding: 0 .75rem;
            }*/

            .app-dd, .search-dd {                
                display: none;
                position: absolute;
                z-index: 9999;
                top: 55px;
                right: 0;
                box-shadow: 0 2px 10px rgba(0,0,0,.2);
                background: #fff;
                padding: 28px 1rem 0 1rem;
                border: 1px solid #47484d;
                border-bottom:3px solid #0078CC;
            }
            .app-dd.active,.search-dd.active {
                display: block;
            }

            .app-dd {
                width: 284px;
                
            }
            .search-dd {
                width: 468px;
                padding:.5rem 1rem; 
            }

            .app-dd:after, .app-dd:before, .search-dd:after, .search-dd:before {
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .app-dd:after, .search-dd:after {
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #ffffff;
                border-width: 10px;
            }
            .app-dd:after {
                margin-left: 112px;
            }
            .search-dd:after {
                margin-left: 1px;
            }

            .app-dd:before, .search-dd:before {
                border-color: rgba(71, 72, 77, 0);
                border-bottom-color: #47484d;
                border-width: 11px;
                margin-left: 111px;
            }

            .app-dd:before {
                margin-left: 111px;
            }
            .search-dd:before {
                margin-left: 0;
            }
            #search-dd-min.search-dd {
                 top:50px;
                 width: 100%;
            }
            #search-dd-min.search-dd:before, #search-dd-min.search-dd:after {
                content: none;
            }
            .app-dd img {
                width: 33%;
            }
            .app-links img {
                width: 32px;
            }
            .app-links a {
                display: block;
                color:#47484d;
                padding:.25rem;
            }
            .app-links a:hover {
                background-color: #eee;
            }

            .app-links a span {
                margin-top: 1rem;
                display: block;
                line-height: 1.2;
                font-size: 15px;
                position: relative;
                font-family: 'Montserrat';
                font-weight: 500;
                letter-spacing: 1px;
            }


            .app-links a span:before {
                position: absolute;
                content: "";
                top: -8px;
                left: 50%;
                height: 3px;
                transition: all .4s ease;
                width: 80%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                background-color: #F7B905;
            }
            .min-nav .app-links ul li {
                padding: 0;
            }
            .search-dd input[type="search"] {
                height: 49px;
                border: none;
                padding: 0;
                margin: 0;
                box-shadow: none;
                font-size: 20px;
            }

             /*.search-dd input[type="search"]::placeholder {                
               line-height: 1;
            }*/

            .search-dd input[type="search"]:focus {
                background: #fff;
            }

            .overlay {    
                transition: all .4s ease;
                position: absolute;
                height: 120%;
                z-index: -1;
                width: 100%;
                margin-top: 131px;
            }
            .overlay.active {
                z-index: 99;
                background-color: rgba(0,0,0,.5);
            }

            /*HERO*/
            .coverimg {
                position: relative;
                background-color:#004d96;
				/*background-image: url(https://www.csusm.edu/_resources/images/ldp-gallery/.private_ldp/a14/staging/master/06a872ac-ffd8-4bee-8b32-d9a787c1e754.jpg);*/
                height: 79vh;
                overflow: hidden;
                background-position-x: 50%;
                background-size: cover;
                background-position-y: 50%;
            }
            
            .hero-text {
                background: none;
                margin: 0;
                bottom: 5%;
                color: #fff;
                height: auto;
                overflow: hidden;
                position: absolute;
                width: 100%;
            }
            .hero-textbox-bg {
                background-color:rgba(255,255,255,.9);
            }
            .hero-textbox {
                z-index: 1;
                position: relative;
                padding:14.5px 1rem;
            }
            .hero-text h2 {
                color: #222222;
                line-height: 1.2;
                font-weight: 400;
                margin-bottom: 8px;
                text-transform: uppercase;
                font-size: 28px;
                font-family: 'Montserrat';
                border-bottom: none;
                margin-top: 0;
            }   
            h2:after {
                content:none;
            }   
            .hero-text p {
                margin:0;
                color: #222;
                line-height: 1.4;
                font-size: 1rem;
                font-family: 'Roboto';
            }       

            /*NEWS EVENTS*/
            .newsevents {
                padding-top: 2rem;                
                background-size: cover;
                padding-bottom:2rem;

            }
            article.events {
                display: block;
                padding: .75rem .5rem;
                font-family: 'Montserrat';
            }
            article.no-border{
                border:none;
            }
            article .e-event {
                padding-right: 1rem;
                /* width: 50px; */
                /* height: 55px; */
                /* background-color: #007AC3; */
                /* border-radius: 5px; */
                color: #47484d;
                /* border-right: 1px solid #f7b905; */
                float: left;
                /* font-weight: 600; */
                margin-top: 6px;
                overflow: hidden;
            }
            article .e-month, article .e-date {
                display: block;
            }
            article .e-month {
                /* display: block; */
                /* height: 25px; */
                font-weight: 600;
                font-size: 16px;
                /* position: relative; */
                text-align: center;
                letter-spacing: 2px;
                text-transform: uppercase;
            }
           /* article .e-month strong {
                display: block;
                padding: 1px;
                position: relative;
                text-transform: uppercase;
                z-index: 1;
            }
            article .e-month:before {
                 background-color: #2F3F86; */
                /* bottom: 5px; */
                /* content: ''; */
                /* left: 0; */
                /* position: absolute; */
                /* right: 0; */
                /* top: -8px; */
                /* z-index: 0; 
            }*/
            article .e-date {
                display: block;
                font-size: 42px;
                line-height: 1;
                font-weight: 300;
                /* padding: 8px; */
                text-align: center;
                /* font-family: sans-serif; */
            }

            article .e-data {
                margin-left: 65px;
                padding-left: 20px;
                font-size: .9rem;
                border-left: 1px solid #5A5B61;
                color:#5A5B61;
                font-family: 'Roboto';
            }

            article .e-title {
                display: block;
                font-weight: 600;
                margin-top: 0;
                font-size: 1rem;
                line-height: 1.15;
                padding-bottom: .35rem;
            }
            article .e-title a, article .e-data .e-location {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
                /* color: #0f0; */
            }

            article .e-location {
                font-weight: 400;
                line-height: 25px;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
                width: 100%;        
            }
            article .e-location i, article .e-time i {
                /* border-right: 1px solid #5A5B61; */
                line-height: inherit;
                margin-right: 0px;
                padding-right: 5px;
                text-align: center;
            }

            article .e-location i:before, article .e-time i:before {
                font-size: .85rem;
                position: relative;
                top:-2px;
            }
            article .e-location i:before {
                color:#ca471b
            }
            article .e-time {
                font-weight: 400;
                line-height: 25px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            article .e-time i:before {
                color:#5a5b61
            }

            article span.e-title {
                color: #0078CC;
                font-weight: 500;
                /*text-decoration: underline;*/
            }

            article .e-location, article .e-time {
                color: #5A5B61;
            }

            a.feat-event:hover {
                background: rgba(0,0,0,.15);
            }
			a.feat-event:hover article span.e-title {
				color: #1B4CAB;
			}

            a.feat-event {
                display: block;
                transition: all .3s ease;
            }
            .news-header, .events-header {
                border-bottom: 5px solid #F7B905;
                padding-bottom: 5px;
                height: 35px;
                margin-bottom: .5rem;
            }
			.news-header {
				margin-bottom: 1.25rem;
			}
            .news-header h2, .events-header h2 {
                color: #47484d;
                font-weight: 500;
                border-bottom: none;
                margin-top: 0;
                margin-bottom: 0;
                float: left;
                letter-spacing: 1px;
                line-height: 1;
                font-family: 'Montserrat';
                font-size: 20px;
            }
            .news-header a, .events-header a {
                color:#0078CC;
                font-weight: 400;
                line-height: 1;
                float: right;                
                top: 4px;
                position: relative;
                font-size: 16px;
            }
            .news-header a:hover, .events-header a:hover {
                text-decoration: underline;
            }
            .sigevent {
                overflow: hidden;
                position: relative;
                display: block;
            }
            .sigevent-textbox {
                position: absolute;
                height: 70px;
                background: rgba(255,255,255,1);
                bottom: 0px;
                width: 100%;
                left: 0;
                z-index: 1;
                border-top:5px solid #F7B905;
            }
            .sigevent-container {
                background-image:  url(https://www.csusm.edu/_resources/images/hp/cougarmadness.jpg);
                height: 350px;
                background-size:  cover;
                position: relative;
                background-position-y: 100%;
                background-position-x: 50%;
                transition: all .3s ease-in-out;
            }
            .sigevent .tag {
                font-size: 12px;
                padding: .4rem .5rem .3rem .5rem;
                top: -26px;
                line-height: 1;
                position: absolute;
                background-color: #f7b905;
                color:#222222;
                font-weight: 600;
                font-family: 'Montserrat';
                letter-spacing:1px;     
            }
            .sigevent article {
                margin-top: 10px;
                height: 70px;
            }
            .sigevent article .e-event {
                color: #222;
                border-right: 1px solid #5a5b61;
                font-family: 'Montserrat';
                padding: 0 9px;
            }
            .sigevent article .e-date {
                font-size: 30px;
                color: #5a5b61;
                margin-top: 0px;
                font-weight: 400;
            }
            .sigevent article .e-month {
                font-size: 12px;
                font-weight: 600;
                color: #47484d;
                font-family: 'Montserrat';
            }
            .sigevent article .e-data {
                border: none;
                margin-left: 45px;
            }
            .sigevent article .se-title {
                font-size: 1rem;
                font-weight: 500;
                color: #47484d;
                text-transform: uppercase;
                position: relative;
                letter-spacing: 1px;
                top: 2px;
                margin-top: 0px;
                font-size: 20px;
                font-family: 'Montserrat';
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .sigevent article .se-tagline {
                font-size: 16.2px;
                font-weight: 400;
                color: #222222;
                font-family: 'Roboto';
                text-overflow: ellipsis;
                position: relative;
                white-space: nowrap;
                overflow: hidden;
                top: 1px;
            }
            .sigevent:hover .sigevent-container {
                transform: scale(1.05);                
            }
			
			.sigevent .e-event-start {
				border: none !important;
				padding-right: 18px !important;
			}
			.sigevent .e-event-end {
				margin-right: 1rem !important;
			}
			.sigevent .e-event-start:after {
				content: "-";
				position: absolute;
				top: 41%;
				color: #5a5b61;
				left: 55px;
			}

            .news-item {
                display: block;
                overflow: hidden;
                position: relative;
                margin-bottom: 1.5rem;
            }
            .news-item:hover .news-img {
                transform: scale(1.05);
            }
            .news-text-container {
                background: rgb(255, 255, 255);
                position: relative;
                color: rgb(34, 34, 34);
                font-weight: 500;
                border-top: 5px solid rgb(202, 71, 27);
            }
            .news-text {
                padding: 10px 0 .25rem 0;
            }
            .news-img {
                padding-top: 67%;
                background-size: cover;
                position: relative;
                background-position: center center; 
                transition: all .3s ease-in-out;
            }
            .news-tag {
                font-size: 12px;
                padding: .3rem .5rem .3rem .45rem;
                top: -26px;
                line-height: 1;
                position: absolute;
                background: #ca471b;
                color: #ffffff;
                font-weight: 600;
                font-family: 'Montserrat';
                letter-spacing:1px;
            }

    /*ACADEMICS*/

    .academics {
        position:relative;
        background-color: #0078CC;
        background-image: url(https://www.csusm.edu/_resources/images/hp/acabg.jpg);
        background-position-y: -1px;
        background-size: cover;
        z-index: 1;
    }
    .acabook {
        z-index: 1;
        max-width: initial;
        display: block;
        position: absolute;
        width: 466px;
        top: -55px;
        left: -101px;
    }
    .acabook img {
        z-index: 1;
    }
    .acastats {
        /*background-color: rgba(0,120,204,.9); 
        height: 315px;
        padding:1rem;*/
        width: 100%;        
        display: flex;
        flex-flow:column nowrap;
        z-index: 0;
        position: relative;
        
        color:#FFFFFF;
    } 
    /*.acastat {
        font-weight: 300;
        font-size: 50px;
    }
    .acatext {
        margin-bottom:1rem;
    }*/    
    .acalink {
        margin-top: auto;
    }
    .acalink a {
        color:#FFFFFF;   
        font-family: 'Montserrat';
        font-size: 15px;
        letter-spacing: 1px;  
        display: block;   
    }       
/*    .acalink a:hover {
        text-decoration:underline;        
    }            */

    .acastats i {
    display: block;
    margin: 1rem auto;
    padding: 1.25rem;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    width: 96px;
    border: 3px solid #D4D9D9;
}

#academics .acastats i:before {
    font-size: 2.5rem;
}

.acalink a:hover {
    text-decoration: none;
}

.acastats a:hover i {
    border-color: #F7B905;
    transform: scale(1.1);
}
.acastats-container {
    height: 315px;    
}
.acastats-container .icon-search:before {
    /* position: relative; */
    /* padding: 10px 10px; */
    height: 40px;
    top: 2px;
    color: #0078cc;
    margin: 0;
    font-size: 1.25rem;
    top: 0px;
    z-index: 1;
    /* position: absolute; */
}
.academics input {
    height: 40px;
    width: 75%;
    display: inline-block;
    box-shadow: none;
    background-color: #ECF0F0;
}
.academics .icon-search {
    right: 14.5%;
    top: 8px;
    position: absolute;
}
.acafillleft {
    height: 315px;
    width: 100%;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 67%,rgba(0,120,204,0.88) 67%,rgba(0,120,204,0.88) 100%);
    display: block;
    position: relative;
}
.acafillmid {
    background: rgba(0,120,204,.9);
}
.acafillright {
    z-index: 0;
    max-width: initial;
    display: block;
    position: absolute;
    width: 311.5px;
    top: 0px;
    background: rgba(0, 120, 204, 0.9);
    height: 315px;
    right: 0px;
}
/*VISIT GIVE APPLY*/
.vga-container {
    height: 90vh;
    background-size: cover;
    background-position-y: 100%;
    background-color: #FFFFFF;
    color: #0F2A5F;
    /*padding-bottom: 25%;*/
    position: relative;
    overflow: hidden;
}
.video-container {
    position:absolute;
    top:50%;
    left:50%;
    overflow: hidden;
    min-width:100%;
    min-height:100%;
    transform: translateX(-50%) translateY(-50%);
}


.headline {
    font-family: 'Montserrat';
    letter-spacing: 1px;
    font-size: 28px;
    margin-top: 3rem;
    margin-bottom: .5rem;
    text-shadow:0.5px 1px 1px rgba(255,255,255,0.7);
}

.tagline {
    margin-bottom: 1rem;
    text-shadow:0.5px 1px 1px rgba(255,255,255,0.7);
}


.vga-links .button {
    width: 85%;
    display: block;
    /* z-index: 1; */
    height: 36px;
    font-size: 18px;
    background-color: rgba(255,255,255,.5);
    padding: 4px;
    /* border-bottom: 2px solid #f7b905; */
    font-weight: 500;
    color: #0f2a64;
    transition: all .4s ease;
    margin: 0 auto;
    border: none;
    letter-spacing: 1px;
    overflow: hidden;
}


.vga-links .button:hover {border: none;color: #ffffff !important;}

.vga-links .button:before {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    /* display: block; */
    transition: all .4s ease;
    top: 0;
    /* background-color: #f7b905; */
    border: 2px solid #f7b905;
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.vga-links .button:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.vga-links .button span {
    z-index: 1;
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.vga-links .button:hover:after {height: 36px;/* color: #ffffff !important; */z-index: 0;}

.vga-links .button:hover span {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.vga-links .button i {
    position: absolute;
    top: 100%;
    left: 50%;
    color: #0f2a64;
    padding: 20px;
    font-size: 20px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.vga-links .button i:before{
    font-size: 1.25rem;
}
.vga-links .button:hover i {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -80%, 0);
}
.vga-links ul {
    margin:0;
}
/*Small Med menus*/

/*FOOTER*/
footer a {
    font-size: 15px;
    font-weight: 400;
    
}
.footer-links a:not(.button),.footer-bottom a:not(.button) {
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    /*font-weight: 400;*/
}

.footer-links a:not(.button):hover,,.footer-bottom a:not(.button):hover {
    color: #fff;
    text-decoration: underline;
}
footer .icon-location:before,footer .icon-phone:before {
    font-size:.85rem;
}

.footer-contents {
        position: relative;
        /* border-top: 10px solid #0078cc; 
        display: inline-block;*/
        width: 100%;
        padding: 1.5rem 2rem;
    }
    .footer-links {
        /*margin: 2rem 0;*/
        float: right;
    }
    .footer-links a:not(.button), .footer-bottom a:not(.button) {
        color: #0078CC;
    }
    .footer-links a:hover:not(.button), .footer-bottom a:hover:not(.button) {
        color: #1B4CAB;
    }
    .footer-list {
        display:flex;
        justify-content:flex-end;
    }
    .footer-contact {
        font-size: 15px;
        margin-top:7.5px;
        width: 340px;
    }
    .footer-phone{
        margin-bottom: 1rem;
        display:flex;
        justify-content:space-between;
    }
    footer .icon-phone {
        font-size:.85rem;position: relative;
        top: -2px;
        color: #222;
        font-size: .85rem;    
    }
    footer .icon-location {
        font-size:.85rem;
        position: relative;
        top: -2px;
        font-size: .85rem;
        color: #CA471B;
    }
    footer .icon-rocket {
        font-size:.85rem;
        position: relative;
        top: -2px;
        font-size: .85rem;
        color: #004d96;
    }

    .footer-logo {
        margin-bottom: 1rem;
    }
    .footer-logo img {
        height:80px;
    }
    .footer-address {
        margin-bottom: .5rem;
    }
    .footer-bottom {
        background-color: #004d96;
    }
    .footer-bottom-links {
        padding: 12px;
        color: #D4D9D9;
    }
    .footer-bottom a:not(.button) {
        color: #FFFFFF;
    }
    .footer-bottom a:hover:not(.button) {
        color: #F7B905;
    }  
    .footer-social {
        padding-bottom: 1rem;        
    }
    .footer-bottom-links, .footer-social {
        text-align: right !important;
    }
    .footer-social a {
        padding: 1rem;
    }  
    .control-sprite .insta-icon {
        top: 0;
    }
    .control-sprite .twitter-icon {
        top: -40px;
    }
    .control-sprite .fb-icon {
        top: -80px;
    }
    .control-sprite .yt-icon {
        top: -120px;
    }
    .control-sprite .li-icon {
        top: -160px;
    }
    .footer-social .control-sprite:hover {
        transform: scale(1.1);
        transition: all .4s ease;
    }
    .footer-list div:first-child ul {
        width: 135px;
    }
    .footer-list div:nth-child(2) ul {
        width: 180px;
    }
    .footer-list div:last-child ul {
        width: 166px;
    }
    

.row.expanded {
    max-width: initial;
    padding: 0 2rem;
}

.footer-top {
    padding:1.5rem 0;
}

@media only screen and (max-width: 64em) {
    .vga-container {
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 1%,rgba(255,255,255,0.75) 100%,rgba(255,255,255,0) 100%),url(https://www.csusm.edu/_resources/images/hp/plazavga.jpg);
    }
}
@media only screen and (max-width: 40em) {
    .sigevent-container {
        height:250px;
    }
    .sigevent-textbox {
        position: relative;
        height: inherit;
    }
    .sigevent article {
        height: inherit;
    }
    .sigevent article .se-title {
        font-size: 17px;
    }
    .sigevent article .se-title,.sigevent article .se-tagline {
        text-overflow: inherit;
        white-space: inherit;
        overflow: visible;
    }
    .vga-container {
        height:70vh;
    }    
	.footer-contact,.footer-bottom-links, .footer-social {
		text-align: center !important;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-social a {
		padding: .5rem; 
	}
	.footer-links {
		float: initial;
	}
	.row.expanded {
		padding: 0 .75rem;
	}
	.footer-bottom-links {
		padding-right: 12px 0;
	}
	.footer-list {
		text-align: center;
		flex-direction: column;
	}
	.footer-list div:first-child ul {
		width: inherit;
	}
	.footer-list div:nth-child(2) ul {
		width: inherit;
	}
	.footer-list div:last-child ul {
		width: inherit;
	}        
}

/* Emergency Message */
#emsg h2 {
    color: #47484D;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: .5rem;
    border-bottom: none;
}

#emsg h2:after {
    content: none;
}

#emsg h3 {
    color: #47484D;
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: .5rem;
}

/*accessibility fix*/
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); /* Clip the element to make it effectively invisible */
    white-space: nowrap; /* Prevent wrapping */
}