.mtop15 { margin-top: 15px; } .mtop20 { margin-top: 20px; } .admissionsrow { margin-left: -10px; margin-right: -10px; } .admissionscell { padding: 0 10px; } .autoheight { min-height: 225px; } .admissionslogo { width: 100%; max-width: 335px; } @media (max-width: 767px) { .admissionslogo { width: 200px; } .autoheight { min-height: 145px; } } @media (max-width: 500px) { .autoheight { min-height: 120px; } } @media (min-width: 992px) { .colmd5 { width: 20%; } } @media (min-width: 1200px) { .colmd5 { width: 20%; } } .fixedlink, .fixedlink:link, .fixedlink:active, .fixedlink:visited { display: block; position: fixed; z-index: 2000; box-sizing: border-box; right: 0; min-width: 90px; width: 100px; height: 45px; overflow: hidden; background: #cb040b; color: white; text-align: center; font-family: 'Open Sans'; text-decoration: none; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); transition-property: background, color, box-shadow; transition-duration: .3s; transition-timing-function: linear; } .fixedlink:hover { background: white; color: black; text-decoration: none; box-shadow: 0 0 7px rgba(0,0,0,0.5); } .admissionsmenu, .admissionsmenu:link, .admissionsmenu:active, .admissionsmenu:visited { display: block; width: 100%; height: 50px; line-height: 45px; position: relative; float: left; padding: 0px 12px 0px 2px; margin: 0; background: #1f3058; color: white; text-align: center; font-family: 'Open Sans'; font-size: 13px; text-decoration: none; text-transform: uppercase; transition-property: background, color, box-shadow; transition-duration: .3s; transition-timing-function: linear; } .admissionsmenu:hover { background: white; color: black; text-decoration: none; box-shadow: 0 0 7px rgba(0,0,0,0.5); } .admissionsmenuarrow { position: absolute; right: 10px; top: 18px; color: #949494; } .admissionsmenu span { display: inline-block; vertical-align: middle; line-height: normal; margin: 0; } .applyonline, .applyonline:link, .applyonline:active, .applyonline:visited { position: relative; display: block; border: 0; overflow: hidden; box-sizing: border-box; width: 100%; background: #cb040b; font-family: 'Open Sans'; text-align: center; color: white; font-size: 13px; padding: 10px 2px; text-decoration: none; text-transform: uppercase; transition-property: background, color, box-shadow; transition-duration: .3s; transition-timing-function: linear; } .applyonline:hover { text-decoration: none; background: white; color: black; box-shadow: 0 0 15px rgba(0,0,0,0.5); } .divredtext { font-family: 'Open Sans'; color: #ff161e; font-size: 22px; text-transform: uppercase; margin: 2px 0 12px 0; line-height: 100%; } .divred { background: #cb040b; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); color: white; font-size: 12px; padding: 2px 5px; } .inputmini { width: 100% !important; height: 26px; font-height: auto; padding: 3px 6px; font-size: 12px; font-family: 'Open Sans'; border-radius: 1px; } .buttonmini { width: 100% !important; height: 26px; font-height: auto; padding: 3px 0; font-size: 12px; font-family: 'Open Sans'; text-align: center; background: #1f3058; border-color: #1f3058; border-radius: 1px; } .buttonmini2 { font-height: auto; padding: 3px 7px; font-family: 'Open Sans'; text-align: center; background: #cb040b; border-color: #cb040b; border-radius: 1px; } .playvideodiv { position: relative; overflow: hidden; cursor: pointer; width: 100%; height: 285px; background: url(/uploads/admissions/Orientation_Week_2015_Ã山ǿ¼é.jpg) #666666; background-size: cover; } .playvideobutton { overflow: hidden; position: absolute; top: 116px; left: 50%; margin-left: -135px; width: 270px; background: rgba(255,255,255,0.7); text-align: center; color: #cb040b; font-size: 35px; padding: 1px; box-shadow: 0 0 5px black; border-radius: 0px; } .playvideodiv:hover .playvideobutton { background: rgba(255,255,255,0.9); } .playvideodivtitle { font-size: 26px; font-weight: bold; color: white; line-height: 130%; text-shadow: 0 0 5px black; } .playvideodivdescription { color: white; text-shadow: 0 0 5px black; } .playvideostream { position: absolute; min-height: 100%; min-width: 100%; z-index: 9997; bottom: 0; display: none; } .admissionsbox, .admissionsbox:link, .admissionsbox:active, .admissionsbox:visited { position: relative; display: block; overflow: hidden; box-sizing: border-box; background: #f7f7f7; width: 100%; color: black; font-family: 'Open Sans'; text-decoration: none; box-shadow: 3px 3px 4px rgba(0,0,0,0.2); transition-property: box-shadow; transition-duration: .3s; transition-timing-function: linear; } .admissionsbox:hover { text-decoration: none; box-shadow: 0 0 15px rgba(0,0,0,0.5); } .admissionsboxinvert { background: #cb040b !important; } .admissionsboxbig { /* height: 250px; */ padding: 17px 15px; overflow: hidden; } /* .admissionsboxbig { height: 220px; margin: 17px 15px 18px 25px; overflow: hidden; } .admissionsboximage { display: none; } */ .admissionsboxbottom { margin: 5px 15px 0 25px; } .admissionsboxmiddle2 { padding: 10px 15px 0 25px; height: 53px; overflow: hidden; } .admissionsboxlink { text-decoration: none; } .admissionsboxlink:hover { text-decoration: none; background: #fff !important; } .admissionsboxcategory { font-weight: bold; font-size: 18px; color: #949494; line-height: 100%; margin: 17px 15px 0 15px; } .admissionsboxdate { color: #949494; line-height: 100%; margin-top: 10px; } .admissionsboxtitle { color: #cb040b; text-transform: uppercase; } .admissionsboxtreadmore { color: #949494; } .admissionsboxtitleinvert { color: white; text-transform: uppercase; } .admissionsboxtreadmoreinvert { color: white; }