﻿/* css\Cdir.css
Shared Campusdir CSS file.  -CMA 180305.
*/

/* From scott@.  -CMA 181121. */
ul.Cdir_AZList { margin:0 0 1.5em; border-bottom:1px solid #aaa; }

/* From scott@.  -CMA 181126. */
ul.Cdir_DetailsList { margin-bottom:0; padding:0; list-style-type:none; }
ul.Cdir_DetailsList li { margin-bottom:.2em; }
ul.Cdir_DetailsList [role="heading"] { font-weight:700; }

/* Support padding between cells (overriding the padding:0 in styles.min.css).
	Some of our tables have other layout designs, so we require this specific 
	class to activate this.  This right-pads all cells except the last.  Used by
	EmergencyNumbers.cshtml.  -CMA 210914. */
.Cdir_PaddedTable td:not(:last-child) { padding-right:1em; }

/* For laying out inputs on narrow screens.  -CMA 181121. */
input.Cdir_RespInput { display:block; width:100%; }
@media only screen and (min-width:768px) {
	input.Cdir_RespInput { display:inline; width:auto; }
}

/* Keep options from overflowing on narrow screens.  -CMA 181126. */
select.Cdir_RespSelect { width:100%; }
@media only screen and (min-width:768px) {
	select.Cdir_RespSelect { width:auto; }
}

/* From scott@.  -CMA 181121. */
section.Cdir_ResultsSection { border-top:2px solid #aaa; padding:2em 0; }

/* From scott@.  -CMA 181121. */
form.Cdir_SearchForm { font-size:1.25rem; margin:0 0 1.5em; }

/* From scott@.  -CMA 181126. */
.Cdir_SubmitBtn {
	border:         2px solid #f1b300;
	font-size:      1.2em;
	text-transform: uppercase;
	font-weight:    700;
	background:     none;
	padding:        .4em .8em;
	line-height:    1;
	transition:     all .3s;
}
.Cdir_SubmitBtn:hover { background: #f1b300; }

/* From scott@.  -CMA 181121. */
table.Cdir_Table { font-size:1.125rem; margin-bottom:0; }

/* From scott@.  -CMA 181126. */
#aMoreInfoClickToClose {
    float:          right;
	font-size:      1.2em;
	font-weight:    700;
	border:         2px solid #f1b300;
	background:     none;
	text-transform: uppercase;
	margin-left:    1.2em;
}
#aMoreInfoClickToClose:hover { background:#f1b300; }

/* From scott@.  -CMA 181126. */
#moreInfo {
	background: #fff;
	box-shadow: 0 0 0 10px rgba(25,25,25,.4);
	padding: 1.5em;
}

/* Common code in Detail.cshtml generates this <h2> & <ul> in both the Details 
	page the #moreInfo popup; these rules let us modify the style in the popup 
	only.  -CMA 181126. */
#moreInfo h2 { font-size:1.6rem; }
#moreInfo ul { font-size:1.25rem; }
