a.skip-nav {
	 position: absolute;
	 left: -10000px;
	 top: auto;
	 width: 1px;
	 height: 1px;
	 overflow: hidden;
	 display: block;
}
 p.ie-browser-msg, h1 + p[role="navigation"] {
	 max-width: 100%;
}
 a.skip-nav:focus {
	 position: relative;
	 left: 0;
	 width: 100%;
	 height: auto;
	 overflow: auto;
	 text-align: center;
	 background: #f0e1b0;
	 padding: .5em 1em;
	 color: #043927;
}
/* Replace above */
/* =================== PDDG Original Buttons ================================= */
 .btn-green-white {
	 padding: 6px;
	 background-color: #043927;
	 border: 2px solid #fff;
	 color: #fff;
	 border-radius: 5px;
	 text-align: center 
}
 .sac-state-news-section a.btn-green-white, .sac-state-news-section a.btn-green-white:active, .sac-state-news-section a.btn-green-white:visited, .sac-state-events-section a.btn-green-white, .sac-state-events-section a.btn-green-white:active, .sac-state-events-section a.btn-green-white:visited, .box2.events a.btn-green-white, .box2.events a.btn-green-white:active, .box2.events a.btn-green-white:visited, .box4.calendar a.btn-green-white, .box4.calendar a.btn-green-white:active, .box4.calendar a.btn-green-white:visited, .facts-and-figures a.btn-green-white, .facts-and-figures a.btn-green-white:active, .facts-and-figures a.btn-green-white:visited {
	 background-color: #f0e1b0;
	 color: #004e38;
	 border: 2px solid #fff;
	 padding: .5rem 2ch;
	 text-decoration: none;
	 font-weight: 400;
	/*text-transform: capitalize;
	*/
	 display: inline-block;
}
 @media screen and (max-width: 900px) {
	 .sac-state-news-section a.btn-green-white, .sac-state-news-section a.btn-green-white:active, .sac-state-news-section a.btn-green-white:visited, .sac-state-events-section a.btn-green-white, .sac-state-events-section a.btn-green-white:active, .sac-state-events-section a.btn-green-white:visited, .box2.events a.btn-green-white, .box2.events a.btn-green-white:active, .box2.events a.btn-green-white:visited, .box4.calendar a.btn-green-white, .box4.calendar a.btn-green-white:active, .box4.calendar a.btn-green-white:visited {
		 -webkit-box-flex: 0;
		 -ms-flex: 0 0 100%;
		 flex: 0 0 100%;
		 text-align: center;
		 margin: 0 auto;
	}
}
 @media screen and (min-width: 500px) {
	 .sac-state-news-section a.btn-green-white, .sac-state-news-section a.btn-green-white:active, .sac-state-news-section a.btn-green-white:visited, .sac-state-events-section a.btn-green-white, .sac-state-events-section a.btn-green-white:active, .sac-state-events-section a.btn-green-white:visited {
		 -webkit-box-flex: 0;
		 -ms-flex: 0 0 40%;
		 flex: 0 0 40%;
	}
}
 @media screen and (min-width: 900px) {
	 .sac-state-news-section a.btn-green-white:active, .sac-state-events-section a.btn-green-white:active, .box2.events a.btn-green-white, .box2.events a.btn-green-white:active, .box2.events a.btn-green-white:visited, .box4.calendar a.btn-green-white, .box4.calendar a.btn-green-white:active, .box4.calendar a.btn-green-white:visited {
		 -webkit-box-flex: 0;
		 -ms-flex: 0 0 40%;
		 flex: 0 0 40%;
		/*white-space: nowrap;
		*/
		 -webkit-hyphens: none;
		 -moz-hyhens: none;
		 -ms-hyphens: none;
		 hyphens: none;
	}
	 .sac-state-news-section a.btn-green-white, .sac-state-news-section a.btn-green-white:visited, .sac-state-events-section a.btn-green-white, .sac-state-events-section a.btn-green-white:visited, .facts-and-figures a.btn-green-white, .facts-and-figures a.btn-green-white:visited {
		 color: #000;
	}
	 .t1 a.btn-green-white, .t1 a.btn-green-white:active, .t1 a.btn-green-white:visited, .sac-state-events-section a.btn-green-white, .sac-state-events-section a.btn-green-white:active, .sac-state-events-section a.btn-green-white:visited {
		 margin: 0 0 0 auto;
	}
}
 @media screen and (min-width: 1000px) {
	 .sac-state-news-section a.btn-green-white, .sac-state-news-section a.btn-green-white:active, .sac-state-news-section a.btn-green-white:visited {
		 -webkit-box-flex: 0;
		 -ms-flex: 0 0 25%;
		 flex: 0 0 25%;
	}
	 .sac-state-events-section a.btn-green-white, .sac-state-events-section a.btn-green-white:active, .sac-state-events-section a.btn-green-white:visited {
		 -webkit-box-flex: 0;
		 -ms-flex: 0 0 60%;
		 flex: 0 0 60%;
	}
}
 .box2.events a.btn-green-white:hover, .box4.calendar a.btn-green-white:hover, .box2.events a.btn-green-white:focus, .box4.calendar a.btn-green-white:focus, .sac-state-news-section a.btn-green-white:hover, .sac-state-events-section a.btn-green-white:hover, .sac-state-news-section a.btn-green-white:focus, .sac-state-events-section a.btn-green-white:focus, .facts-and-figures a.btn-green-white:hover, .facts-and-figures a.btn-green-white:focus {
	 color: rgb(0,78,56);
	 background-color: #c4b581;
}
/* ========================= T4 Box 1 Call to Action Button ======================= */
 .t1 a.button-cta, .t1 a.button-cta:link, .t1 a.button-cta:visited, .box1 a.button-cta, .box1 a.button-cta:link, .box1 a.button-cta:visited, .box1 a.button-default, .box1 a.button-default:link, .box1 a.button-default:visited,
 .box2.general a.button-cta, .box2.general a.button-cta:link, .box2.general a.button-cta:visited, .box2.general a.button-default, .box2.general a.button-default:link, .box2.general a.button-default:visited,
 .box3.general a.button-cta, .box3.general a.button-cta:link, .box3.general a.button-cta:visited, .box3.general a.button-default, .box3.general a.button-default:link, .box3.general a.button-default:visited,
 .box4.general a.button-cta, .box4.general a.button-cta:link, .box4.general a.button-cta:visited, .box4.general a.button-default, .box4.general a.button-default:link, .box4.general a.button-default:visited, 
 .t5.my-inside a.button-cta, .t5.my-inside a.button-cta:link, .t5.my-inside a.button-cta:visited, .t4.page-my-sac-state a.button-cta, .t4.page-my-sac-state a.button-cta:link, .t4.page-my-sac-state a.button-cta:visited, .page-coronavirus-information-for-students .box3 a.button-cta, .page-coronavirus-information-for-students .box3 a.button-cta:link, .page-coronavirus-information-for-students .box3 a.button-cta:visited, .template-gallery .event-location a, .template-gallery .box2 a.button-default, .template-gallery .box3 a.button-default, .template-gallery .box4 a.button-default, #hero a.button-cta {
	 display: block;
	 padding: 1em 5%;
	 border: 2px solid rgb(218, 212, 144);
	 border-radius: 4px;
	 background: rgba(0, 0, 0, .15);
	/* transparent black fill */
	 min-width: 200px;
	 margin: 1em 0 1em auto;
	 text-decoration: none;
	 font-size: 16px;
	 font-weight: 300;
	 text-align: center;
	 color: #fff;
	/*text-transform: capitalize;
	*/
	 overflow-x: hidden;
}
 #hero a.button-cta{
	 font-size: 1.2rem;
	 margin: 1em 0 1em 0;
}
/** Exception for corona virus stuff https://www.csus.edu/student-affairs/emergency-student-information **/
 .page-coronavirus-information-for-students .box3 a.button-cta, .page-coronavirus-information-for-students .box3 a.button-cta:link, .page-coronavirus-information-for-students .box3 a.button-cta:visited{
	 background-color:#004e38;
}
 .t5.one-column a.button-default {
	 width: 60%;
	 margin: 0 20%;
	/*white-space: nowrap;
	*/
}
 .t5.two-column a.button-default {
	 width: 90%;
	 margin: 0 5%;
}
 .t5 .ul-button-2wide a.button-default {
	 width: 100%;
	 height: 100%;
	 margin: 0;
}
 .t5 ul.ul-button-2wide li {
	 flex: 1;
	 margin: 0 2% 0 0;
}
 .t5 ul.ul-button-2wide li:nth-of-type(2n) {
	 margin-right:0;
}
 main.t5[class*="404"] ul.ul-button-stack.three-wide {
	 max-width: 100%;
	 margin: 0;
}
 main.t5[class*="404"] ul.ul-button-stack.three-wide a.button-default {
	 width:100%;
}
main.one-column #flex-section-prepend {
	margin-top: 2rem;
}
 #flex-section-prepend p {
	 max-width: 100%;
	 text-align: center;
}
 #flex-section-prepend a.button-default {
	 width: 80%;
	 margin: 2em 10%;
	 border-color: #00573d;
	 background-color: #e6b711;
}
 @media screen and (min-width:992px) {
	 #flex-section-prepend a.button-default {
		 width: 40%;
	}
}
 @media screen and (max-width:992px) {
	 #flex-section-prepend a.button-default {
		 white-space: unset;
	}
	 #flex-section-prepend a.button-default span:after {
		 content: "";
		 display: block;
	}
}
main.one-column-aside #flex-section-append p,
main.two-column #flex-section-append p {
	max-width: 100%;
}
 a.button-cta:hover, a.button-cta:focus, .box1 a.button-cta:hover, .box1 a.button-cta:focus, .box1 a.button-default:hover, .box1 a.button-default:focus, .box4.general a.button-cta:hover, .box4.general a.button-cta:focus, .box4.general a.button-default:hover, .box4.general a.button-default:focus, .t4.page-my-sac-state a.button-cta:hover, .t4.page-my-sac-state a.button-cta:focus {
	 background: rgba(0, 0, 0, .3);
	/* transparent black fill */
	 color: #f0d470;
	/* hyellow */
	 -webkit-box-shadow: rgba(0, 0, 0, .6) 0 3px 6px;
	 box-shadow: rgba(0, 0, 0, .6) 0 3px 6px;
}
 .t4 .box2.general .button-cta:hover, .t4 .box2.general .button-cta:focus, .t4 .box3.general .button-cta:hover, .t4 .box3.general .button-cta:focus {
	 text-shadow: none;
	 -webkit-box-shadow: rgba(218, 212, 144, .6) 0 3px 6px;
	 box-shadow: rgba(218, 212, 144, .6) 0 3px 6px;
}
 a.button-cta:active, .t4.page-my-sac-state a.button-cta:active, .t5.my-inside a.button-cta:active {
	 background: rgba(255, 255, 255, .5);
	/* transparent black fill */
	 -webkit-box-shadow: rgba(0, 0, 0, .6) 0 0 0;
	 box-shadow: rgba(0, 0, 0, .6) 0 0 0;
}
/* ========================= Basic Button Default ======================= */
/* block not flex */
 a.button-default, .page-net-price-calculator .link-button, 
 /*.t4 .box2.general a.button-default, .t4 .box3.general a.button-default, .t4 .box2.general a.button-cta, .t4 .box3.general a.button-cta,*/
 .t4.my-inside .box4.general a.button-default, .t5 button.button-default {
	 display: inline-block;
	 padding: .7em 3%;
	 border: 2px solid #c4b681;
	 border-radius: 4px;
	 width: 100%;
	 text-decoration: none;
	 font-size: 16px;
	 font-weight: 400;
	 text-align: center;
	/*text-transform: capitalize;
	*/
	 overflow:visible;
}
 .t4.my-inside ul.ul-button-stack {
	 margin: 1em 0;
}
 .my-inside ul.ul-button-stack a.button-default {
	 margin-bottom: 0;
}
 .t4.my-inside .box3.general a.button-default, .t4.my-inside .box4.general a.button-default {
	 margin: 0;
	 font-size: 14px;
	 margin: 0;
	 background: rgba(255, 255, 255, .5);
}
 .b a.button-default {
	 border: 2px solid #004e38;
}
 a.button-default:visited {
	 color: #000;
	 border-color: #CCC;
}
 .t4 .box2.general a.button-default:visited, .t4 .box3.general a.button-default:visited, .t4 .box2.general a.button-cta:visited, .t4 .box3.general a.button-cta:visited, .t4 .box2.general a.button-default:link, .t4 .box3.general a.button-default:link, .t4 .box2.general a.button-cta:link, .t4 .box3.general a.button-cta:link, .t4.my-inside .box4.general a.button-default:link {
	 background: rgba(255, 255, 255, .15);
	/* transparent white fill */
	 color: #004e38;
	/* stinger */
	 text-decoration: none;
}
 a.button-default:hover, a.button-default:focus, .page-net-price-calculator .link-button:hover, .page-net-price-calculator .link-button:focus, .t4 .box2.general a.button-default:hover, .t4 .box3.general a.button-default:hover, .t4 .box2.general a.button-cta:focus, .t4 .box3.general a.button-cta:focus, .t4.my-inside .box4.general a.button-default:focus {
	 background: rgba(255, 255, 255, .3);
	/* transparent white fill */
	 color: #004e38;
	/* ssgreen */
	/*-webkit-box-shadow: rgba(218, 212, 144, .6) 0 3px 0;
	*/
	/*box-shadow: rgba(218, 212, 144, .6) 0 3px 0;
	*/
}
 a.button-default:active, .t4 .box2.general a.button-default:active, .t4 .box3.general a.button-default:active, .t4 .box2.general a.button-cta:active, .t4 .box3.general a.button-cta:active, .t4.my-inside .box4.general a.button-default:active {
	 background: rgba(255, 255, 255, .5);
	/* transparent white fill */
	/*-webkit-box-shadow: rgba(218, 212, 144, .6) 0 0 0;
	*/
	/*box-shadow: rgba(218, 212, 144, .6) 0 0 0;
	*/
}
 .page-net-price-calculator .link-button:visited, .t5 a.button-default:visited, .t5 button.button-default {
	 background: #fff;
	 color: #555;
	 border-color: #ccc;
}
 .t4.my-inside .box3.general a.button-cta:visited, .t4.my-inside .box4.general a.button-cta:visited, .t4.my-inside .box3.general a.button-default:visited, .t4.my-inside .box4.general a.button-default:visited {
	 color: #555;
}
 .t5 a.button-default:hover, .t5 a.button-default:focus, .t5 button.button-default:hover, .t5 button.button-default:focus {
	 background: rgba(255, 255, 255, .6);
	/* transparent white fill */
	 border-color: #004e38;
	/* ssgreen */
	/*-webkit-box-shadow: rgba(150, 150, 150, .4) 0 3px 6px;
	*/
	/*box-shadow: rgba(150, 150, 150, .4) 0 3px 6px;
	*/
	 text-decoration: none;
}
.t5 button.button-default {
    color: #00573d;
    text-decoration: underline;
    border-color: #c4b581;
}
 .t5 a.button-default:active {
	/*-webkit-box-shadow: rgba(150, 150, 150, .4) 0 0 0;
	*/
	/*box-shadow: rgba(150, 150, 150, .4) 0 0 0;
	*/
}
 .page-net-price-calculator .link-button:link, .page-net-price-calculator .link-button:visited, .t5.two-column.b a.button-default:link, .t5.two-column.b a.button-default:visited {
	 background: #008554;
	 color: #FFF;
	/* stinger */
	 text-decoration: none;
}
 .t5.two-column.b a.button-default:hover, .t5.two-column.b a.button-default:focus {
	 background: #004e38;
	 color: #f2f0d9;
	/*-webkit-box-shadow: rgba(218, 212, 144, .6) 0 3px 6px;
	*/
	/*box-shadow: rgba(218, 212, 144, .6) 0 3px 6px;
	*/
}
 .t5.two-column.b a.button-default:active {
	 color: #f4d157;
	 background: #004e38;
	/*-webkit-box-shadow: rgba(218, 212, 144, .6) 0 0 0;
	*/
	/*box-shadow: rgba(218, 212, 144, .6) 0 0 0;
	*/
}

#t5-section .video .accordion-button {
    display: flex;
}

#t5-section .video .accordion-button::after {
    flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	/*margin-left: 0.5rem;*/
    margin-left: auto;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform 0.2s ease-in-out;
    /*display: inline-block;*/
}

#t5-section .video .accordion-button.collapsed:hover::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300573d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#t5-section .video .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300573d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
}

/* ========================= T5 2col 2-wide Button Well ======================= */
/* add class to dropdown */
 ul.wide-button-list, ul.ul-button-2wide {
	 display: flex;
	 padding: 0;
	 list-style: none;
}
 ul.wide-button-list li, ul.ul-button-2wide li {
	/*-webkit-box-flex: 1;
	*/
	/*-ms-flex: 1;
	*/
	/*flex: 1;
	*/
	/*-webkit-box-pack: justify;
	*/
	/*-ms-flex-pack: justify;
	*/
	/*justify-content: space-between;
	*/
	/*-webkit-box-align: end;
	*/
	/*-ms-flex-align: end;
	*/
	/*align-items: flex-end;
	*/
	/*margin-bottom: 1em;
	*/
}
 @media screen and (min-width: 519px) {
	/*ul.wide-button-list li,*/
	/*ul.ul-button-2wide li {
		*/
		/* -webkit-box-flex: 0;
		*/
		/* -ms-flex: 0 1 50%;
		*/
		/* flex: 0 1 50%;
		*/
		/*
	}
	*/
	/*ul.wide-button-list li:nth-child(2n),*/
	/*ul.ul-button-2wide li:nth-child(2n) {
		*/
		/* margin-right: 0;
		*/
		/*
	}
	*/
}
 @media screen and (min-width:768px) {
	/*ul.wide-button-list li,*/
	/*ul.ul-button-2wide li {
		*/
		/* -webkit-box-flex: 1;
		*/
		/* -ms-flex: 1 1 50%;
		*/
		/* flex: 1 1 50%;
		*/
		/*
	}
	*/
}
 @media screen and (min-width:992px) {
	/*ul.wide-button-list li,*/
	/*ul.ul-button-2wide li {
		*/
		/* -webkit-box-flex: 0;
		*/
		/* -ms-flex: 0 1 48%;
		*/
		/* flex: 0 1 48%;
		*/
		/* margin-right: 4%;
		*/
		/*
	}
	*/
}
/*@media screen and (min-width:768px) {
	*/
	/*ul.wide-button-list li:nth-child(even),*/
	/*ul.ul-button-2wide li:nth-child(even) {
		*/
		/* margin-left: 2%;
		*/
		/*
	}
	*/
	/*
}
*/
/* ========================= T5 2col Stack Button Well ======================= */
/* add class to dropdown */
 ul.ul-button-stack, ul.ul-button-2wide {
	 padding: 0;
	 list-style: none;
	 margin: 1em 0;
	 gap:2ch;
}
 .nav-pills.ul-button-stack {
	/* sidebar t5 aside */
	 gap:0;
}
 ul.ul-button-stack li {
	/*margin-bottom: 1em;
	*/
}
 ul.ul-button-stack li a {
	 display: block;
}
 .button-copy-anchor {
	 text-indent: -2px;
	 white-space: nowrap;
	 overflow: hidden;
	/* font-size: 20px;
	 width: 20px;
	 height: 20px;
	 background: none;
	*/
	 border: none;
	 color: #00573d;
}
/* ========================= Button Back to Top ======================= */
 #button-top {
	 display: none;
	/* Hidden by default */
	 position: fixed;
	/* Fixed/sticky position */
	 bottom: 1rem;
	/* Place the button at the bottom of the page */
	 right: 1rem;
	/* Place the button 30px from the right */
	 z-index: 99;
	/* Make sure it does not overlap */
	 border: none;
	/* Remove borders */
	 background-color: #00573d;
	/* Set a background color */
	 color: white;
	/* Text color */
	 cursor: pointer;
	/* Add a mouse pointer on hover */
	 padding:1rem;
	/* Some padding */
	 border-radius: .25rem;
	/* Rounded corners */
	 font-size: .875rem;
	/* Increase font size */
	 line-height: 1rem;
	 width: unset;
	 height: 3rem;
	 text-shadow: 0;
	 transition: all 0.6s;
}
 #button-top:hover {
	 background-color:#021e14;
	/*box-shadow: rgba(0,0,0, .6) 0 3px 6px;
	*/
	/*text-shadow: 0;
	*/
}
 @media screen and (min-width:1000px) {
	 #button-top {
		 width: 140px;
		/*right: calc(140px + 1rem + 2%);
		*/
	}
}