/*
Theme Name: SCES 2020 Theme
Theme URI: http://www.studentcenter.uci.edu
Author: Student Center & Event Services team
Author URI: http://www.studentcenter.uci.edu
Description: Theme that fits the UCI branding as outlined by UCI Strategic Communications
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@charset "UTF-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	position: relative;
	color: #111;
}
a { 
	color: #255799;
}
p > a, li > a {
	text-decoration: underline!important;
}
a.btn, a.nav-link, a.dropdown-item {
	text-decoration: none!important;
}
.lead {
	font-weight: inherit;
}
a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
	background-color:#fff;
	left:30px;
	top: 0;
	box-shadow: 0 0 3px 3px rgba(255,255,255,0.3);
	width: auto;
	height: auto;
	overflow:auto;
	margin: 5px;
	padding:15px;
	border: 2px solid #c6beb5;
	text-align:center;
	font-size:1.2em;
	z-index:1401;
}
#main:focus {
	outline-style: none;
}
.lh-tight {
	line-height: 1.2;
}
.app-badge {
	width: auto;
	height: 6vh;
	margin: 0 auto;
	display: block;
	max-height: 47px;
}
.app-badge-sm {
	max-height: 5vh;
	max-width: 100%;
}
@media (max-width: 767px) {
	.app-badge {
		height: 12vh;
	}
}
.display-1 {
	overflow-wrap: break-word;
}
/*** NAVIGATION ***/
#header-logo {
	height: 3vh;
	min-height: 30px;
	max-height: 60px;
}
#defaultNav, #defaultNav button {
	text-transform: uppercase;
	font-weight: bold;
	justify-content: space-between;
	transition: top 0.3s;
}
#defaultNav > .navbar-nav > .dropdown > .dropdown-menu {
	width: 100vw;
	border-radius: 0;
	border: 0;
	border-top: 1px solid #DDD;
	left: auto;
	right: 0;
	text-transform: none;
	box-shadow: 0 4px 4px rgba(0,0,0,0.3);
	z-index: 999999;
	margin-top: -2px;
}
#defaultNav > .navbar-nav > .dropdown > .dropdown-menu a {
	color: #555;
}
#defaultNav .dropdown-item {
	width: auto;
}
#defaultNav .dropdown-item.active, #defaultNav .dropdown-item:active {
	background-color: #eee;
}
#defaultNav a {
	color: #000;
}
#defaultNav a:after {
	border-bottom-color: #555;
	border-top-color: #555;
}
#defaultNav .dropdown {
	position: static;
}
#defaultNav .container {
	display: block;
}
#defaultNav button {
	background-color: transparent;
	border: 0;
}
ul.dropdown-menu-column, ul.dropdown-menu-column-noline {
	 padding-left: 0;
	 list-style: none;
}
ul.dropdown-menu-column > li, ul.dropdown-menu-column-noline > li {
	padding: 0.25rem 0;
}
ul.dropdown-menu-column > li {
	border-bottom: 1px solid #DDDDDD;
}
ul.dropdown-menu-column > li:last-child {
	border-bottom: 0;
}
.side-master-menu {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1022;
	top: 0;
	right: 0;
	background-color: #FFFFFF;
	overflow-x: hidden;
	transition: 0.3s;
	border-left: 1px solid #CCC;
	overflow-y: auto;
}
.side-master-menu .master-menu-container {
	margin-left: 2rem;
	width: calc(360px - 3.5rem);
	margin-bottom: 2rem;
}
.side-master-menu a {
	text-decoration: none;
	display: block;
	transition: 0.3s;
	color: #555759;
}
.side-master-menu a.menu-head {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0.75em;
	line-height: 1em;
}
.side-master-menu a.small-link {
	font-size: 12px;
	white-space: nowrap;
	display: inline;
	color: #707070;
}
.side-master-menu .closebtn {
	position: relative;
	top: 1em;
	left: 1em;
	font-size: 20px;
	padding: 0;
	margin-bottom: 2em;
}
/***** SEARCH BAR *****/
.screen-reader-text {
	position: absolute;
	top: -999em;
	left: -999em;
}
.search-bar-menu {
	border-radius: 0;
	border: 1px solid #c5c2c3;
}
.search-bar-menu::placeholder, .search-btn {
	color: #c5c2c3;
	opacity: 1;
	font-size: 14px;
}
/*** HEADER ***/
.hero-bottom-curve {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-bottom: -1px;
	line-height: 0.1em;
}
.hero-bottom-curve svg, .footer-top-curve svg {
	width: 100%;
	max-width: 100%;
	fill: #FFFFFF;
}
.header-cover {
	height: 50vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
}
.cover-section-title, .cover-caption {
	background-color: rgba(0,100,164,0.85);
	color: #FFFFFF;
}
.cover-caption {
	margin: calc(25vh - 1.5em) auto;
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
}
#header-cover-home {
	background-image: url("/wp-content/uploads/2020/03/cover-image-home-student-center.jpg");
}
.home-cover {
	min-height: calc(97vh - 1rem);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
}
.home-cover img {
	max-height: 75vh;
}
.home-cover img.badge {
	height: 8vh;
	max-width: 100%;
}
.home-cover-caption {
	font-size: 2rem;
	font-weight: bold;
}
.home-photo-animate {
	opacity: 0;
	transform: translateY(4em) rotateZ(-6deg);
	transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out;
	will-change: transform, opacity;
}
.home-photo-animate.is-visible {
	opacity: 1;
	transform: rotateZ(-1deg)
}
#home-cover-app {
	background-color: #3a454c;
	background-image: url("/wp-content/uploads/2020/03/home-cover-bg-apps.jpg");
}
#home-cover-award {
	background-color: #FFD200;
	background-image: url("/wp-content/uploads/2020/03/home-cover-bg-awards.jpg");
}
#home-cover-gallery {
	background-color: #65350f;
	background-image: url("/wp-content/uploads/2020/03/home-cover-bg-gallery.jpg");
}
.default-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-color: #0064A4;
	background-image: url("/wp-content/uploads/2020/03/default-cover-bg-studentcenter.jpg");
}
/*** COMPONENTS ***/
.btn-blue, .btn-outline-blue:hover {
	color: #fff;
    background-color: #0064A4;
    border-color: #0064A4;
}
.btn-blue.focus, .btn-blue:focus, .btn-blue:hover {
	color: #fff;
	background-color: #048;
    border-color: #048;
}
.btn-blue:not(:disabled):not(.disabled).active:focus, .btn-blue:not(:disabled):not(.disabled):active:focus, .show>.btn-blue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}
.btn-outline-blue {
	color: #0064A4;
	border-color: #0064A4;
}
.btn-gold, .btn-outline-gold:hover {
	color: #111;
    background-color: #FFD200;
    border-color: #FFD200;
}
.btn-gold.focus, .btn-gold:focus, .btn-gold:hover {
	color: #111;
	background-color: #DB0;
	border-color: #DB0;
}
.btn-outline-gold {
	color: #FFD200;
	border-color: #FFD200;
}
.btn-orange, .btn-outline-orange:hover {
	color: #111;
    background-color: #F78D2D;
    border-color: #F78D2D;
}
.btn-outline-orange {
	color: #F78D2D;
	border-color: #F78D2D;
}
.btn-teal, .btn-outline-teal:hover {
	color: #111;
    background-color: #6AA2B8;
    border-color: #6AA2B8;
}
.btn-outline-teal {
	color: #6AA2B8;
	border-color: #6AA2B8;
}
.text-blue {
	color: #0064A4!important;
}
.text-gold {
	color: #FFD200!important;
}
.text-orange {
	color: #F78D2D!important;
}
.text-teal {
	color: #649CB4!important;
}
.text-dark-blue {
	color: #1B3D6D!important;
}
.text-lime-green {
	color: #94C83D!important;
}
.border-blue {
	border-color: #0064A4!important;
}
.border-gold {
	border-color: #FFD200!important;
}
.border-light-gray {
	border-color: rgba(197,190,181,0.25)!important;
}
.border-orange {
	border-color: #F78D2D!important;
}
.bg-blue {
	background-color: #0064A4!important;
}
.bg-gold {
	background-color: #FFD200!important;
}
.bg-teal {
	background-color: #649CB4!important;
}
.bg-dark-blue {
	background-color: #1B3D6D!important;
}
.bg-orange {
	background-color: #F78D2D!important;
}
.bg-lime-green {
	background-color: #94C83D!important;
}
.bg-light-gray-25 {
	background-color: rgba(197,190,181,0.25);
}
.serif-headline {
	font-family: 'Merriweather', Georgia, Times, serif;
}
.section-title {
	border-bottom: 1px solid #DDD;
	margin-bottom: 1rem;
	padding-bottom: 0.25rem;
}
p.first:first-letter {
	color: #6AA2B8;
	float: left;
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 6rem;
	line-height: 4.5rem;
	padding-top: 0.5rem;
	padding-right: 8px;
	padding-left: 3px;
}
/*** FOOTER ***/
.footer-top-curve {
	top: 0;
	left: 0;
	width: 100%;
	line-height: 0.1em;
}
#footer-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-color: #222;
	background-image: url("/wp-content/uploads/2020/03/footer-cover-bg-dusk.jpg");
}
#topBtn {
	background-color: rgba(0,0,0,0.75);
	display: none;
	position: fixed;
	bottom: 120px;
	right: 30px;
	z-index: 99;
	cursor: pointer;
}
/***** Event Lead Times Calendar *****/
.cal-box {
    width: 90px;
    border: 1px solid #CCC;
    padding: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, Geneva, sans-serif;
    box-shadow: 2px 2px 2px rgb(0,0,0,0.1);
    background-color: #FFF;
}
.cal-top {
    width: 88px;
    height: 18px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    border-bottom: 2px solid #888;
}
.cal-top-green {
    background-color: #090;
}
.cal-top-orange {
    background-color: #f90;
}
.cal-top-red {
    background-color: #c00;
}
.cal-small-text {
    font-size: 12px;
    color: #707070;
    margin: 5px 0;
}
.cal-day-text {
    font-weight: bold;
    color: #000;
    font-size: 50px;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    line-height: 40px;
}
.cal-cell-width {
    width: 120px;
}
@media only screen and (max-width: 575px) {
	.cover-caption {
		font-size: 1.5em;
		margin: calc(25vh - 0.75em) auto;
	}
	.header-cover {
		background-size: auto 200%;
	}
	#topBtn {
		display: none!important;
	}
}
@media print {
	#topBtn {
		display: none!important;
	}
}
/***** WPForms Styling *****/
.wpforms-form {
	padding: 3rem;
	border: 1px solid #DDD;
}
.wpforms-field-divider h3 {
	border-bottom-width: 1px!important;
	border-bottom-style:solid!important;
	border-bottom-color: #ffd200!important;
    color: #1b3d6d!important;
    margin-top: 2rem!important;
}
.wpforms-field-label {
	font-weight: bold!important;
	display: block!important;
	margin-top: 2rem!important;
}
.wpforms-field {
	margin-bottom: 1rem!important;
}
.wpforms-field-label-inline {
	margin-left: 1.75rem!important;
}
.wpforms-required-label {
	color: #CC0000!important;
}
.wpforms-form input[type=text], .wpforms-form input[type=email] {
	width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
}
.wpforms-form textarea {
	width: 100%;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
}
.wpforms-one-half {
	float: left;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1rem;
}
.wpforms-field-sublabel, .wpforms-field-description {
	color: #555;
}
.wpforms-field-description {
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
}
.wpforms-field-radio ul, .wpforms-field-checkbox ul {
	list-style: none;
    padding: 0;
}
.wpform li {
	margin: 0px -1.25rem 0 3px;
}
.wpforms-field-medium {
	min-width: 300px;
}
.wpforms-field-small, .wpforms-form input[type=email] {
	min-width: 300px;
	width: 50%!important;
}
.wpforms-field-hp {
	display: none;
}
.wpforms-submit-container button[type=submit] {
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #ffffff;
    background-repeat: repeat-x;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #FFF;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.2);
    background-image: -webkit-linear-gradient(top,#ffa34e 0,#f98d29 100%);
    background-image: linear-gradient(to bottom,#ffa34e 0,#f98d29 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa34e', endColorstr='#f98d29', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #ff7b00;
}
.but-email {
	display: none;
}
.wpforms-me-client-title {
	border-top-width: 2px!important;
	border-top-style: solid!important;
	border-top-color: #BBB!important;
	border-bottom-width: 2px!important;
	border-bottom-style: solid!important;
	border-bottom-color: #BBB!important;
	background-color: #EEE!important;
	padding:0;
	padding-left: 1em!important;
	padding-right: 1em!important;
}

/***** Color Resets *****/
.page-link {
	color: #0064a4;
}
.page-item.active .page-link, .list-group-item.active {
	background-color: #0064a4;
	border-color: #0064a4;
}