/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- 04. Header ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- Wrapper Interior ------------------------- Modifier: Wrapper Pattern ---------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- III. Modules -------------------------------------- 01. Article-sm ------------------------------- 02. Button ----------------------------------- Button Block ----------------------------- Button Menu ------------------------------ 03. Calendar --------------------------------- Modifier: Calendar Alt ------------------- Modifier: Calendar Alt ------------------- 04. Form Elements ---------------------------- 05. Form ------------------------------------- 06. Intro ------------------------------------ 07. Link Down -------------------------------- 08. List ------------------------------------- 09. List More -------------------------------- 10. List Stats ------------------------------- 11. Logo ------------------------------------- 12. Members ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 13. Nav -------------------------------------- Nav Active ------------------------------- 14. Dropdown --------------------------------- 15. Nav Utilities ---------------------------- Nav Utilities Active --------------------- 16. Nav Secondary ---------------------------- 17. News Items ------------------------------- Mobile ----------------------------------- 18. Search ----------------------------------- 19. Section ---------------------------------- Pattern ---------------------------------- 20. Section Faces ---------------------------- Mobile ----------------------------------- 21. Section Entrys --------------------------- Mobile ----------------------------------- 22. Section News ----------------------------- Mobile ----------------------------------- 23. Serivces --------------------------------- 24. Service ---------------------------------- Small Desktop ---------------------------- 25. Slider ----------------------------------- 26. Socials ---------------------------------- 27. Stats ------------------------------------ 28. Submenu ---------------------------------- 29. Tab -------------------------------------- Mobile ----------------------------------- 30. Table ------------------------------------ 31. Testimonial ------------------------------ Modifier: Testimonial Alt ---------------- Modifier: Testimonial Alt ---------------- Modifier: Testimnoal Alt ----------------- 32. Testimonial Alt -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 33. Tweet ------------------------------------ 34. Video ------------------------------------ 35. Widget ----------------------------------- 36. Sidelet/Callout -------------------------- 37. Gallery ---------------------------------- IV. Themes --------------------------------------- 01. Magnific popup fade effect --------------- */ .ico-quote { background-image: url(/dt/css/images/sprite.png); background-position: 0% 0%; background-size: 100% 100%; width: 152px; height: 144px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-quote { background-image: url(/dt/css/images/sprite.@2x.png); background-position: 0% 0%; background-size: 100% 100%; width: 152px; height: 144px; display: inline-block; vertical-align: middle; font-size: 0; }} .calendar .content h2.hashtag-title {color: #333333; font-family: 'futura-pt', Futura, sans-serif; font-size: 28px; font-weight: 400; line-height: 34px; margin: 0 0 17px; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; } .calendar .content p, .content .calendar p { margin:0 0 2px 0; } .calendar .primary { border-bottom: 1px solid #ddd; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; } .calendar .primary .block_image_link { float: left; margin-right: 20px; margin-bottom:0px; } .calendar .secondary { float: left; margin-right: 20px; overflow: hidden; width: 210px; } .calendar .end { margin:0; } .calendar .secondary .block_image_link { margin-bottom:5px; } .calendar .secondary img { width: 210px; } .calendar .wide { width: 46%; } .calendar .wide img { width: 334px; } .calendar .featured_events { overflow: hidden; } .calendar .featured_events h2{ font-size: 24px; } .calendar .events menu { background: #333; color: #fff; height: 41px; line-height:41px; margin-top: 20px; position: relative; text-align: center; } .calendar .events menu span { display: inline-block; } .calendar .events menu .next { background: url(/dt/css/images/ico-arrow.png) ; height: 22px; overflow: hidden; position: absolute; right:6px; text-indent:-999px; top: 10px; width: 22px; } .calendar .events menu .previous { background: url(/dt/css/images/ico-arrow.png) ; height: 22px; overflow: hidden; position: absolute; left:10px; text-indent:-999px; top: 10px; width: 22px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .calendar .events .day_group { border-bottom: 1px solid #DDD; overflow: hidden; } /*.calendar .events .date_block { float: left; margin:20px 0; width: 58px; }*/ .calendar .events .day_of_week { background: #345290; border:1px solid #345290; color: #fff; display:block; font-family: 'futura-pt', Futura, sans-serif; font-size: 11px; font-weight: 400; line-height: 10px; padding:4px 0; text-align:center; } /*.calendar .events .month { background: #F9F9F9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: #666; display:block; font-family: 'futura-pt', Futura, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; padding:8px 0 4px 0; text-align:center; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; }*/ /*.calendar .events .day { background: #F9F9F9; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: #345290; display:block; font-family: adobe-caslon-pro; font-size: 25px; font-style:italic; font-weight: 400; line-height: 25px; padding:0px 0 4px 0; text-align:center; }*/ .calendar .events .event_list { float: right; width: 625px; } .calendar .events .event { background: url(/dt/css/images/dotted-line.png) repeat-x top; padding:20px 20px 20px 0; } .calendar .events .start { background-image: none; } .calendar .events .event a.add_event { display:block; float: left; height: 16px; margin:0 5px 0 0; overflow: hidden; text-indent:-999px; width: 16px; } .calendar .events .event a.add_event:hover { background-position: -267px -38px; } .calendar .events .event .show_more { cursor:pointer; display: block; text-decoration:none; } /*.calendar .events .event .show_more:hover { background: url(/dt/images/row_closed_hover.png) no-repeat 580px 20px; } */ /*.calendar .events .event span.open { background: url(/dt/images/row_open.png) no-repeat 580px 20px; } */ /*.calendar .events .event span.open:hover { background: url(/dt/images/row_open_hover.png) no-repeat 580px 20px; }*/ .calendar .events .event .more_info { height:0; overflow: hidden; } .calendar .events .event .more_info div { overflow: hidden; } .calendar .events .event .more_info p { margin-top:10px; } .calendar .events .event img { width: 80px; float: left; margin: 0 15px 0 0; } .calendar .events .no_result h3 { color:#666; font-size:24px; font-style: italic; margin-top:25px; } .calendar .events .event:nth-child(even), .calendar .events .even { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ background: url(/dt/css/images/dotted-line.png) repeat-x top, -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ background: url(/dt/css/images/dotted-line.png) repeat-x top, linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* W3C */ } .calendar nav.sub { margin-bottom: 1px; } .calendar nav.sub ul li { background: #eee; position: relative; } .calendar nav.sub ul li a { background: #eee; } .calendar nav.sub ul li a:hover, .calendar nav.sub ul li.active, .calendar nav.sub ul li.active a { background: #999; color:#fff; border-color: #EEE; } .today-wrap { position: relative; } .list-links a.today { background: #888; color:#fff; display:inline-block; float: right; font-size: 13px; padding:4px; position: absolute; right:10px; text-align: center; text-transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; top:12px; width:60px; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; } .calendar nav.sub .today:hover { background-color: #345290; } .calendar nav.calendars ul li { background: #eee; padding: 5px 0; } .calendar nav.calendars ul li a { background: #eee; padding-left: 50px; text-transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .calendar nav.calendars ul li a:hover, .calendars nav.sub ul li.active a { color: #345290; } .calendar nav.calendars a.academic, .calendar nav.calendars a.academic:hover { background: #eee url(../images/ico-book.png) no-repeat 20px -221px; } .calendar nav.calendars a.housing, .calendar nav.calendars a.housing:hover { background: #eee url(/images/ico-house.png) no-repeat 20px -254px; } .calendar nav.calendars a.shuttle, .calendar nav.calendars a.shuttle:hover { background: #eee url(../images/ico-bus.png) no-repeat 20px -285px; } /* Table Like Content */ .content .row_header { clear: both; color: #345290; font-family: 'futura-pt', Futura, sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; margin:30px 0 10px 0; overflow: hidden; padding:0; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; } .content .row { background: url(/dt/css/images/dotted-line.png) repeat-x top; clear: both; font-size: 14px; line-height: 18px; overflow:hidden; padding: 20px 0; } .content .row:nth-child(even), .content .even { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ background: url(/dt/css/images/dotted-line.png) repeat-x top, -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ background: url(/dt/css/images/dotted-line.png) repeat-x top, linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* W3C */ } .content .start { background-image: none; } .content .r_70 { display: block; float:left; margin-right: 7px; width: 69%; } .content .r_60 { display: block; float:left; margin-right: 7px; width: 59%; } .content .r_50 { display: block; float:left; margin-right: 7px; width: 49%; } .content .r_40 { display: block; float:left; margin-right: 7px; width: 39%; } .content .r_30 { display: block; float:left; margin-right: 7px; width: 29%; } .content .r_25 { display: block; float:left; margin-right: 7px; width: 29%; } .content .r_20 { display: block; float:left; margin-right: 7px; width: 19%; } .content .r_15 { display: block; float:left; margin-right: 7px; width: 14%; } .content .r_10 { display: block; float:left; margin-right: 7px; width: 9%; } .content .row .name { font-size: 16px; } .content .row a { color: #345290; } .content .email { font-style:italic; } .content .web { font-style:italic; } .content .row span img { width: 60px; } .content .message { color: #666; font-size: 24px; font-style: italic; line-height: 28px; margin-top: 20px; } .content .insert { width: 220px; } .content .portrait { margin-bottom: 20px; width:220px; } .people .web { display: block; margin: 5px 0 0 0; } menu.tabs { border-bottom: 1px solid #d9d9d9; height: 37px; margin: 10px 0 20px 0; } menu.tabs a { background:#ececec; border:1px solid #d9d9d9; display: block; color: #666; float: left; font-family: 'futura-pt', Futura, sans-serif; font-size: 12px; font-weight: 400; height:16px; line-height: 16px; margin:0 2px 0 0; overflow: hidden; padding:10px 20px; text-decoration: none; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; } menu.tabs a:hover { background: #f3f3f3; } menu.tabs a.active, menu.tabs a.active:hover { background: #f3f3f3; border-bottom-color: #f3f3f3; } /*------------------------------------------- Shared Sidebar Elements -------------------------------------------*/ .sidebar .drop_down, .widgets--mobile .drop_down { background: #333; margin-bottom: 1px; padding: 20px; } .sidebar .drop_down{ display: none;} .sidebar .drop_down h3 { color: #fff; margin-bottom: 0; } .sidebar .section_search { background: #ccc; padding: 20px; } .sidebar .section_search h4 { color: #222; margin-bottom: 0; } .sidebar input.submit { background: #FFCF01; border: 1px solid #CCC; color: #333; cursor: pointer; display: block; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right:5px; padding: 2px 23px 0 23px; box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -ms-box-shadow: inset 0px 0px 0px 3px #fff; -o-box-shadow: inset 0px 0px 0px 3px #fff; } .sidebar input.submit:hover { background-color:#333; color:#fff; } .content .letter_pagination { border-bottom: 1px solid #ddd; margin: 10px 0; padding: 0 0 10px 0; } .content .letter_pagination a { color: #000; display: inline-block; line-height: 1em; margin: 0; padding: 0.3em 0.5em ; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; text-decoration: none; } .content .letter_pagination a:hover, .content .letter_pagination a.active { text-decoration: none; background-color:#ffcf01;color:black } .content .letter_pagination select { float: right; } .content .news_pagination { border-bottom: none; margin: 10px 0 0 0; } .content .news_pagination select { min-width: 120px; } /*------------------------------------------- Datepicker styles -------------------------------------------*/ #datepicker { margin:0; padding: 20px; background: #f6f6f6; } #datepicker .ui-datepicker { color: #333; font-size: 14px; font-weight: 400; line-height: 16px; overflow: hidden; } #datepicker .ui-datepicker .ui-datepicker-header { background: #333; color: #fff; font-size: 12px; padding: 8px 0; position:relative; text-align:center; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; font-weight: bold; } #datepicker .ui-datepicker .ui-datepicker-header a { background: transparent; border:none; color: #fff; cursor: pointer; display: inline-block; font-size: 11px; margin: 0; padding:0; position: absolute; top: 6px; width:auto; } #datepicker .ui-datepicker .ui-datepicker-header a:hover { color: #fff; } #datepicker .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev { left:10px; } #datepicker .ui-datepicker .ui-datepicker-header a.ui-datepicker-next { right:10px; } #datepicker .ui-datepicker thead { display:none; } #datepicker .ui-datepicker table { background-color: #ccc; border-collapse: separate; width: 100%; } #datepicker .ui-datepicker td { background-color: #fff; border: 1px solid #eee; border-width: 0 1px 1px 0; margin:1px; text-align: center; } #datepicker .ui-datepicker td a { background-color: #fff; border:none; margin:0; color: #333; font-size: 12px; font-weight: 400; line-height: 16px; padding: 7px; text-decoration: none; } #datepicker .ui-datepicker td a:hover { background-color: #eee; } #datepicker .ui-datepicker .ui-state-disabled { background-color: #F8F8F8; } #datepicker .ui-datepicker .ui-state-active { background-color: #ccc; color: #fff; } #datepicker .ui-datepicker .ui-state-active:hover { background-color: #345290; } .calendar .show_more .add_event { position: relative; opacity: .4; } .calendar .show_more .add_event:before { content: ''; position: absolute; background: url(/dt/css/images/ico-plus.png); width: 16px; height: 16px; display:block; } .calendar .time { font-style: italic; font-size: 14px; } /* styles for calendar */ .calendar .events .event_list {width:90%;} .calendar .events .date_block {margin-right:20px;} .calendar .events .event .show_more {background: url("/dt/css/images/row-closed.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} .calendar .events .event .show_more:hover {background: url("/dt/css/images/row-hover.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} .calendar .events .date_block { float: left; margin: 20px 0 ; width: 58px; position: relative; padding-left: 13px; margin-right: 8px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 20px; -webkit-flex: 0 0 55px; -ms-flex: 0 0 55px; flex: 0 0 55px; text-transform: uppercase; line-height: .87; } .calendar .events .date_block:before { content: ''; position: absolute; top: 0px; left: 0; width: 5px; height: 56px; background: #000; } .calendar .events .day { display: inline-block; margin-bottom: 0px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 42px; letter-spacing: .08em; color: #000; background: none; border: none; padding-top: 3px; line-height: .87; padding:0px 0 0.2em 0; text-align: center; width: 42px;} .calendar .events .day_of_week { display: none; } .calendar .events .month { position: absolute; background: none; border: none; bottom: -13px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 400; font-size: 20px; text-transform: uppercase; line-height: .87; color: #000; letter-spacing: .18em; width: 42px; text-align: center;} .calendar nav.sub .today { background: #ccc; color:#fff; display:inline-block; float: right; font-size: 13px; height:22px; padding:0; position: absolute; right:10px; text-align: center; text-transform: none; top:10px; width:60px; border-radius: 11px;} .calendar nav.calendars ul li { background: #eee; padding: 5px 0; } .calendar nav.calendars ul li a { text-transform: capitalize; } .calendar nav.calendars ul li a:hover, .calendars nav.sub ul li.active a { color: #345290; } .calendar .events .event .show_more { background: none; position: relative; } .calendar .events .event .show_more:after { content: ''; background: url(/dt/css/images/row-closed.png); position: absolute; width: 20px; height: 11px; right: 0; top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .calendar .events .event .show_more:hover { background: none; } .calendar nav.sub .today { background: #ccc; color:#fff; display:inline-block; float: right; font-size: 13px; height:22px; padding:0; position: absolute; right:10px; text-align: center; text-transform: none; top:10px; width:60px; border-radius: 11px; border: 1px solid #fff;} @media (max-width: 1023px) { .section-calendar .calendar { margin: 0; } } .calendars li { border-bottom: none; } .footer .footer__bottom:after, .footer .footer__bottom ul:after, .header:after, .header .header__content:after, .nav ul:after, .nav-utilities ul:after, .search form:after, .testimonial:after, .magazine__footernav:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { /*height: auto;*/ display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 300px; /*background: #fff;*/ background-color: #000; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.33; color: #fff; } a { color: #0069ba; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.665em; } h1 { font-size: 42px; } h2 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-transform: uppercase; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.33em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, /*p:last-child,*/ ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } @media (max-width: 767px) { h1 { font-size: 28px; } h2 { font-size: 26px; } } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear {clear: both;} .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-1of2 { width: 50%; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .lg-image-wrapper, .mb-image-wrapper, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .mb-image-wrapper { display: block !important; } .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .lg-image-wrapper { display: block !important; } .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1200px) { .lg-image-wrapper { display: block !important; } .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .lg-image-wrapper { display: block !important; } .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } .block_left, .photo-left { float: left; margin: 8px 24px 24px 0; } .block_right, .photo-right { float: right; margin: 0 0 24px 24px; } .photo-center {display: block; margin: auto;} /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} .row { width: 100%; float: left; } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content, .content__top { -webkit-flex: 0 0 64%; -ms-flex: 0 0 64%; flex: 0 0 64%; overflow-y: hidden} .content h2 { margin-bottom: 0; } .content h2:after { content: ''; width: 100%; height: 5px; background: #ffcf01; position: absolute; bottom: -5px; left: 0; } .content h3 { margin-bottom: 0; } .content ul, .content ol { margin-left: 35px; } .content ol li, .content ul li { margin: 8px 0; } /*.content a { word-break: break-all; }*/ .alt-content { background: #333; padding: 75px; color: #fff; } .alt-content .widgets, .alt-content .widgets .list-links { margin-left: 0; } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { position: relative; z-index: 10; padding: 98px 0 100px; background: #000; color: #bababa; } .footer:before { content: ''; position: absolute; top: 0; right: calc(100% - 80px); -webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); display: inline-block; width: 500px; height: 100%; background: #181818; } .footer .footer__inner, .footer .footer__bottom { position: relative; z-index: 1; } .footer .footer__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer .footer__col { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .footer .footer__col--size1 { max-width: 304px; } .footer .footer__col--size2 { max-width: 361px; } .footer .footer__logo { display: inline-block; width: 215px; height: 61px; margin-bottom: 23px; background: url(https://www.depauw.edu/images/dpu_stacked_left_rev.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; } .footer .contacts { margin-left: 2px; line-height: 1.6; } .footer .contacts a { color: #bababa; text-decoration: none; } .footer .footer__bottom { margin-left: 2px; padding-top: 35px; color: #bababa; /*font-family: 'Roboto', sans-serif; font-size: 12px; color: #969696;*/ } .footer .footer__bottom:after { } .footer .footer__bottom ul { float: left; margin-bottom: 0; margin-left: 5px; list-style: none; } .footer .footer__bottom li { float: left; } .footer .footer__bottom li + li { position: relative; margin-left: 12px; } .footer .footer__bottom li + li:before { content: ''; position: absolute; top: 2px; left: -7px; display: inline-block; width: 1px; height: 11px; background: #515151; } .footer .footer__bottom a { color: #bababa; /*color: #969696;*/ } .footer .footer__copyright { float: left; } .footer .footer__copyright p { margin-bottom: 0; } .footer .footer__about { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0 0 23px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 28px; color: #fff; } .footer .footer__nav { padding-left: 13px; } .footer .footer__nav { border-left: 5px solid #ffcf01; margin-right: 24px; } .footer .footer__nav li { line-height: .9; } .footer .footer__nav li + li { margin-top: 20px; } .footer .footer__nav a { color: #fff; text-decoration: none; } .footer .footer__nav a:hover { color: #ffcf01; } .footer .footer__about-inner { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .footer .footer__navs-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer .footer__nav--sm + .footer__nav--sm { margin-left: 31px; } .footer .footer__nav--sm { border-left: 5px solid #616161; margin-right: 0; } .footer .footer__actions { margin-top: 34px; } .footer .footer__actions .btn--large { padding: 8px 0 6px; letter-spacing: 0.07em; } @media (max-width: 1200px) { .footer { padding: 50px 0; } .footer__inner { padding: 0 10px; } .footer .footer__cols { display: block; } .footer .footer__col { display: inline-block; max-width: 50%; padding: 0 50px; margin-bottom: 30px; } .footer .footer__col--size3 { display: block; max-width: 100%; margin-top: 30px; } .footer .footer__about { padding: 0; } .footer .footer__bottom { text-align: center; } .footer .footer__bottom ul { float: none; display: inline-block; vertical-align: middle; } .footer .footer__bottom ul:after { } .footer .footer__copyright { float: none; display: inline-block; } } @media (max-width: 767px) { .footer .footer__col { max-width: 100%; padding: 0; } } @media (max-width: 479px) { .footer .footer__about { display: block; padding: 0; text-align: left; } .footer .footer__col--size3 { width: 100%; } .footer .footer__navs-sm { display: block; } .footer .footer__nav { padding-left: 0; } .footer .footer__nav, .footer .footer__nav-sm { border-left: none; margin-top: 20px; } .footer .footer__nav--sm + .footer__nav--sm { margin-left: 0; } .footer .footer__nav li, .footer .footer__nav-sm li { line-height: 1.2; } .footer .footer__actions .btn--large { padding-top: 10px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { /*position: absolute; top: 0; left: 0; right: 0;*/ position: relative; border-top: 10px solid #000; color: #fff; z-index: 20; } .header:after { } .header .header__content:after { } .header .header__inner { float: right; text-align: right; } .header .header__inner .btn-menu { display: none; } @media(max-width: 1023px){ .header { padding: 20px 0; } .header .header__inner { text-align: left; } .header .header__inner .btn-menu { display: block; position: absolute; left: calc(100% - 53px); top: 40px;} } .wrapper--pattern .header .header__inner .btn-menu {top:28px;} /* START WEBTEAM - ACTION NAV MERGE */ @media (max-width: 767px) { .header { top: 20px; } } /* END WEBTEAM - ACTION NAV MERGE */ /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { position: relative; z-index: 15; background-color: #fff; color:#000; } .main .main__inner { padding: 65px 0; } .main .main__inner .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main.main_home { /*margin-top: -84px;*/ position: relative; top:-83px;} /* Tablet Portrait */ @media (max-width: 1023px) { .main .main__inner { padding: 35px 0; } .main.main_home { margin-top: -100px; } } /* Mobile */ @media (max-width: 767px) { .main .main__inner .shell { display: block; } } /* Main Actions Fixed */ .main .main__actions--fixed { position: fixed; right: 200px; bottom: 0; z-index: 15; } .main .main__actions--fixed .btn { margin: 0 10px; } @media (max-width: 1023px) { .main .main__actions--fixed { right: 30px; } } @media (max-width: 767px) { .main .main__actions--fixed { right: 40px; } } @media (max-width: 479px){ .main .main__actions--fixed { right: 15px; } .main .main__actions--fixed .btn { margin: 0 5px; } .main .main__actions--fixed .btn--large { min-width: 133px; } } @media (max-width: 667px) { .main .main__actions--fixed .btn--large {min-width: 85px; font-size: 16px; padding: 10px 15px 6px;} } @media (max-width: 340px) { .main .main__actions--fixed .btn--large {min-width: 50px;font-size: 14px; padding:5px 15px;} } /* ------------------------------------------------------------ *\ Conversion page specific styles \* ------------------------------------------------------------ */ .conversion-landing .shell {max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} /* Nav */ .conversion-landing .nav { margin-top: 47px; } .conversion-landing .nav a:hover {padding-bottom: 0; border-top-color: #ffcf01; background: none; color: #fff;} .conversion-landing .section__entry--reversed a.btn:hover {background: #555; color: #fff;} /* Footer Nav */ .conversion-landing .footer .footer__nav { padding: 0 0 29px 14px; margin-right: 0; font-size: 25px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; text-transform: uppercase; } /* Footer about */ .conversion-landing .footer .footer__about { position: relative; padding-top: 14px; } .conversion-landing .footer .footer__actions { position: absolute; bottom: -40px; min-width: 250px; } .conversion-landing .footer .footer__copyright {float:left;} /* Footer Cols */ .conversion-landing .footer .footer__cols { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .conversion-landing .footer .footer__col--size3 { -webkit-flex: 0 0 400px; -ms-flex: 0 0 400px; flex: 0 0 400px; } /* Small Desktop */ @media (max-width: 1200px) { .conversion-landing .footer .footer__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; } } /* Tablet Portrait */ @media (max-width: 1023px) { .conversion-landing .footer .footer__cols { display: block; } } @media (max-width: 767px) { .conversion-landing .header { top:0; padding-top: 10px; } } @media (max-width: 423px) { .conversion-landing .header .header__inner .btn-menu {} .conversion-landing .nav.active {top:86px;} } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto; } .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; margin-bottom: 25px; } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; overflow: hidden; } /* Wrapper Interior */ .wrapper--interior .nav { margin-top: 19px; } .wrapper--interior .nav a { color: #000; letter-spacing: 0.011em; } .wrapper--interior .nav li + li { margin-left: 8px; } .wrapper--interior .nav a:hover, .wrapper--interior .nav li:hover > a { color: #fff; } .wrapper--interior .logo { width: 248px; height: 70px; vertical-align: top; background-image: url(https://www.depauw.edu/images/dpu_stacked_left_blk.png); } /* CSS for high-resolution devices */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .wrapper--interior .logo { background-image: url(https://www.depauw.edu/images/dpu_stacked_left_blk.svg); } } @media(max-width: 1023px){ .wrapper--interior .logo { margin: -7px 0; width: 163px; height: 46px;} } .wrapper--interior .main { position: relative; z-index: 15; } .wrapper--interior .header { position: relative; z-index: 20; padding-bottom: 31px; } .wrapper--interior .footer { z-index: 10; padding-top: 82px; } .wrapper--interior .btn-menu { top: 18px; } .footer__nav { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 25px; line-height: 1; text-transform: uppercase; } .footer__nav a { display: block; } .footer__nav ul { margin-top: -2px; } .footer__nav li + li { margin-top: 17px; } /* Modifier: Wrapper Pattern */ .wrapper--pattern { background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0; } /* Small Desktop */ @media (max-width: 1200px) { .wrapper--interior .footer { padding-top: 50px; } .wrapper--interior .nav li + li { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .wrapper--interior .nav a { color: #fff; } /* START WEBTEAM - ACTION NAV MERGE */ .wrapper--interior .header { padding: 30px 0 40px; } /*.wrapper--interior .header { padding-bottom: 20px; }*/ /* END WEBTEAM - ACTION NAV MERGE */ } /* ------------------------------------------------------------ *\ Tables \* ------------------------------------------------------------ */ /*.dataTable { border-top: solid 1px #ccc } .dataTable td, .dataTable th, .course-catalog td, .course-catalog th, { padding: 10px; } .dataTable tr { border-bottom: solid 1px #ccc } .dataTable tr:nth-child(even), .course-catalog tr:nth-child(even), .people .row:nth-child(even) { background: #eee} .dataTable tr:nth-child(odd), .course-catalog tr:nth-child(odd), .people .row:nth-child(odd) { background: #FFF} .dataTable th, .course-catalog th { background: #333; color: #fff; } .course-catalog td, .course-catalog th { padding: 10px; } .course-catalog th { font-size: 11px; font-weight: bold; text-align: left; text-transform: uppercase; } h3.major-title, h3.minor-title{ padding: 5px 15px; background: #ffcf01; } .listing small { float: right; } hr.dark { border: 0; height: 1px; margin: 0 0 25px 0; background: #aaa;}*/ /* ------------------------------------------------------------ *\ Added/Tweaked by 51±¬ΑΟ 10/2017 \* ------------------------------------------------------------ */ table tr:nth-child(even) { background: #eee;} table tr:nth-child(odd) { background: #FFF;} table th { background: #333; color: #fff; text-align: left; text-transform: uppercase; padding: 10px;} table {border:0px solid rgba(255,0,0,0.00) !important; display: table; background: transparent; font-size: 100%; outline: 0; padding: 0; border-collapse: collapse; border-spacing: 0;} .content .gallery nav.dots a.gallery_next { border-radius: 0px 10px 10px 0px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; margin: 0 0 0 1px; padding: 0 10px 0 7px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width:auto; } .content .gallery nav.dots a.gallery_prev { border-radius: 10px 0px 0px 10px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; padding: 0 7px 0 10px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width: auto; } .content .gallery nav.dots a.gallery_next:hover, .content .gallery nav.dots a.gallery_prev:hover { background:#222; text-decoration:none; } @media (max-width: 1023px) { .block_left, .photo-left { float: none; margin: auto; display: block;} .block_right, .photo-right { float: none; margin: auto; display: block;} .block_right img, .photo-right img, .block_left img, .photo-left img { display: block; margin: auto; } } /* ------------------------------------------------------------ *\ Table + Course Catalog Items - modified by Andrea Dec 2017 \* ------------------------------------------------------------ */ .content table { margin: 0 0 35px 0;} .content table td {padding:10px;} .dataTable { border-top: solid 1px #ccc } .dataTable td, .dataTable th, .course-catalog td, .course-catalog th { padding: 10px; } .dataTable tr { border-bottom: solid 1px #ccc } .dataTable tr:nth-child(even), .course-catalog tr:nth-child(even), .people .row:nth-child(even) { background: #eee} .dataTable tr:nth-child(odd), .course-catalog tr:nth-child(odd), .people .row:nth-child(odd) { background: none;} .dataTable th, .course-catalog th { background: #333; color: #fff; } .course-catalog td, .course-catalog th { padding: 10px; } .course-catalog td {font-size: 0.9em} .course-catalog th { font-size: 11px; font-weight: bold; text-align: left; text-transform: uppercase; } h3.major-title, h3.minor-title{ padding: 5px 15px; background: #ffcf01; } hr.dark { border: 0; height: 1px; margin: 0 0 25px 0; background:#ccc;} .listing small {float: right; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500;text-transform: uppercase; font-size: 24px;} .listing .block_right{ float: right; margin: 0 0 10px 24px; } .distribution_area span { display: block; font-style:italic; font-size:1em; } /* ------------------------------------------------------------ *\ Faculty/Staff \* ------------------------------------------------------------ */ .r_30 { display: block; float: left; margin-right: 7px; width: 29%; padding-left: 20px; } .r_10 { display: block; float: left; margin-right: 7px; width: 9%; } .row { width: 100%; float: left; padding: 20px 0;} .row_header { font-weight: bold; text-transform: uppercase; padding: 10px 0; border-top: solid 1px #000; } .people { font-size: 14px; } .people .row.row_header { background: #333; color: #fff; } .row span img { width: 60px; } .faculty_name { font-weight: bold; } .link_name { font-size: 13px; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article-sm \* ------------------------------------------------------------ */ .article-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .article-sm .article__image { width: 288px; border: 1px solid #303030; margin-right: 41px; } .article-sm .article__content { line-height: 1.34; letter-spacing: -.004em; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .article-sm .article__title { margin-top: -1px; font-size: 32px; font-weight: 400; letter-spacing: -.01em; } .article-sm .article__actions { margin-top: 28px; } .nav .article-sm .article__actions a:hover { padding-bottom: 5px; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn, #standard-wrapper .button, #dept-announce .button { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Button Block */ .btn.btn--block { display: block; padding-left: 0; padding-right: 0; } .btn.btn--default, #standard-wrapper .button, #dept-announce .button { min-width: 147px; padding: 7px 15px 5px; background: #000; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 24px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s; } .btn.btn--default:hover, #standard-wrapper .button:hover, #dept-announce .button:hover { background: #ffcf01; color: #000; } .btn.btn--yellow, .section__entry--black .btn.btn--default { background: #ffcf01; color: #000; } .btn.btn--light { border-top: 4px solid #ffcf01; background: #fff; color: #000; } .btn.btn--light:hover, .btn.btn--yellow:hover { background: #666; color: #fff; } .btn.btn--large { min-width: 176px; } .btn.btn--medium { min-width: 170px; padding: 4px 0 5px; font-size: 22px; letter-spacing: -.01em; } @media (max-width: 479px){ .btn.btn--default { min-width: 120px; padding: 10px 25px 6px; font-size: 22px; } .btn.btn--large { min-width: 150px; } } /* Button Menu */ .btn-menu { position: relative; top: 25px; display: inline-block; } .btn-menu:hover span { background: #c5a108; } .btn-menu span { display: block; width: 25px; height: 4px; background: #ffcf01; transition: background .3s; } .btn-menu span + span { margin-top: 2px; } @media (max-width: 767px) { .btn-menu span { width: 30px; height: 6px; } } /* ------------------------------------------------------------ *\ Calendar - Updated November 2019 \* ------------------------------------------------------------ */ .calendar { padding: 60px 45px 84px 56px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #efefef; } .calendar.home { padding-bottom: 34px; } .calendar .calendar__head { margin-bottom: 7px; } .calendar .calendar__title { line-height: 1.12; letter-spacing: -.01em; } .calendar .calendar__btn { position: relative; min-width: 252px; top: 9px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .calendar .calendar__body { margin: 0 0 32px 3px; } .calendar .calendar__body ul { margin-bottom: 0; list-style: none; } /*.calendar .calendar__body ul li:last-child { display: none; }*/ .calendar .calendar__body li, li.calendar__body { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 13px; } .calendar .calendar__body--alt ol { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -50px; } .calendar .calendar__body--alt li { max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 50px 15px; } .calendar .calendar__body--alt .calendar__event { margin-top: -4px; } .calendar .calendar__date, .calendar__date { position: relative; padding-left: 13px; margin-right: 8px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 20px; -webkit-flex: 0 0 55px; -ms-flex: 0 0 55px; flex: 0 0 55px; text-transform: uppercase; line-height: .87; } .calendar .calendar__date:before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 51px; background: #000; } .calendar .calendar__day, .calendar__day { display: inline-block; margin-bottom: 3px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 700; font-size: 42px; letter-spacing: .08em; } .main_home .section-news .calendar__date {padding:0; margin: 0;} .calendar .calendar__month, .calendar__month { display: inline-block; margin-left: 4px; letter-spacing: .18em; } .calendar .calendar__event { line-height: 1.39; } .calendar .calendar__event strong { display: block; margin-bottom: -7px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 22px; font-weight: 500; text-transform: uppercase; } .calendar .calendar__image { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; margin: 5px 16px 0 0; background: #fff; -webkit-flex: 0 0 47px; -ms-flex: 0 0 47px; flex: 0 0 47px; line-height: .87; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .calendar .calendar__image:before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 5px; height: 51px; background: #727272; } .calendar .calendar__image i { font-size: 23px; color: #727272; } /*.calendar .calendar__actions { margin-left: 1px; } .calendar .calendar__actions ul { margin-bottom: 0; list-style: none; } .calendar .calendar__actions li { display: inline-block; } .calendar .calendar__actions li + li { margin-left: 30px; } .calendar .calendar__actions.more_btn { float: right; margin-top: 5px; } */ .news__actions {float: right; margin-top: 5px; } .arts-culture .calendar { padding: 45px 45px 40px 56px; } .arts-culture .calendar li { margin-bottom: 20px; } .calendar.arts-news .calendar__body li { margin-bottom: 7px; } .calendar--big { background: none; border:none; padding-top:0; width:100%;} /* Modifier: Calendar Alt */ .calendar--alt { padding: 0; border: 0; } @media (max-width: 1200px) { .calendar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .calendar .calendar__title, .calendar .calendar__actions { text-align: center; } .calendar .calendar__body ul { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; } .calendar .calendar__body li { width: 33.33%; padding: 0 10px; } .calendar .calendar__body--alt ol { margin: 0 -15px; } .calendar .calendar__body--alt li { padding: 0 15px 15px; } .calendar .calendar__body ul li:last-child { display: -webkit-flex; } .calendar .events .day_group { overflow: auto; } .calendar .events .event_list { width: 100%; } .calendar--big.calendar { display: block; justify-content: inherit; padding: 20px; border-top: none; border-bottom: none; margin-bottom: 20px; } .featured_event h3 { font-size: 18px; line-height: 20px; } /* Modifier: Calendar Alt */ .calendar--alt { padding: 0; border: 0; } } @media (max-width: 767px) { .calendar { padding: 40px 30px; margin: 0 -20px 0; } .calendar .calendar__head { margin-bottom: 20px; } .calendar .calendar__body ul { display: block; } .calendar .calendar__body li { width: 100%; margin-bottom: 20px; } .calendar .calendar__body li + li { margin-left: 0; } .calendar .calendar__actions li + li { margin-left: 0; } .calendar .calendar__btn { padding: 8px 0; margin: 0 auto; } .calendar .calendar__body--alt { margin: 0; } .calendar .calendar__body--alt ol { display: block; margin: 0; } .calendar .calendar__body--alt li { max-width: 100%; } .calendar .calendar__title { font-size: 32px; text-align: left; } .calendar .primary .block_image_link { float: none; } .featured_event.primary img { width: 100%; } } /* ------------------------------------------------------------ *\ Features \* ------------------------------------------------------------ */ .features { list-style: none; } .features .feature + .feature { margin-top: 62px; } /* ------------------------------------------------------------ *\ Feature \* ------------------------------------------------------------ */ .feature { position: relative; padding: 32px 0 0 230px; font-size: 18px; line-height: 1.33; } .feature h2 { display: inline-block; position: relative; margin-bottom: 6px; } .feature h2:after { content: ''; width: 150%; height: 6px; background: #ffcf01; position: absolute; bottom: 0; right: 0; } .feature .feature__aside { width: 205px; height: 205px; background: #000; border: 6px solid #ffcf01; border-radius: 50%; position: relative; position: absolute; top: 0; left: 0; z-index: 1; } .feature .feature__aside span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font: 500 73px/1 'futura-pt-condensed', sans-serif; text-transform: uppercase; } .feature .feature__content { max-width: 620px; } /* Feature Right */ .feature--right { padding: 32px 234px 0 0; text-align: right; } .feature--right h2:after { right: auto; left: 0; } .feature--right .feature__aside { left: auto; right: 0; } .feature--right .feature__content { margin-left: auto; width: 100%; } /* Mobile */ @media (max-width: 767px) { .feature { padding: 20px 0 0 0; } .feature h2 { margin-left: 115px; margin-bottom: 66px; line-height: 1; padding-bottom: 10px; } .feature .feature__aside { width: 105px; height: 105px; border-width: 3px; } .feature .feature__aside span { font-size: 35px; } /* Feature Right */ .feature--right { padding: 20px 0 0 0; } .feature--right h2 { margin-left: 0; padding-right: 115px; margin-bottom: 66px; } .feature--right h2:after { width: 93%; } } /* ------------------------------------------------------------ *\ Uncommong Success \* ------------------------------------------------------------ */ .uncommon h3{ text-align: center; font-family: inherit; text-transform: inherit; margin-bottom: 55px !important; font-size: 28px; } .uncommon-blocks { background: #333; } .uncommon-feature .sidebar { color: black; font-size: 16px; -webkit-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; } .uncommon-feature .content { -webkit-flex: 0 0 63%; -ms-flex: 0 0 63%; flex: 0 0 63%;} .uncommon-feature .widget--callout { background: rgba(255, 207, 1, 1); } .uncommon-feature .sidebar h2, .uncommon-feature .sidebar h3 { color: #000; } .uncommon-feature a { color: #ffcf01; text-decoration: none; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ .formbuilder fieldset { border: none; margin-bottom: 10px; } .formbuilder label { display: block; margin: 5px 0; } .formbuilder .fb_sublabel { font-size: 12px; text-transform: uppercase; color: #555;} .formbuilder input::-webkit-input-placeholder { color: inherit; opacity: 1; } .formbuilder input::-moz-placeholder { color: inherit; opacity: 1; } .formbuilder input:-ms-input-placeholder { color: inherit; opacity: 1; } .formbuilder input::placeholder { color: inherit; opacity: 1; } .formbuilder textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } .formbuilder textarea::-moz-placeholder { color: inherit; opacity: 1; } .formbuilder textarea:-ms-input-placeholder { color: inherit; opacity: 1; } .formbuilder textarea::placeholder { color: inherit; opacity: 1; } .formbuilder input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } select::-ms-expand { display: none; } /*.formbuilder .fb_text, .formbuilder .input.gsc-input, .formbuilder textarea, .formbuilder .fb_date_picker, .formbuilder .fb_phone_3 .fb_text, .formbuilder .fb_phone_4 .fb_text, .drop_down select, .section_search input, .news_subnav .search_sidelet .query, .dir_search .query { background: #fff; border: 1px solid #b7b7b7; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width: 100%; height: 43px; padding-left: 10px; } .formbuilder .select, .drop_down select { position: relative; } .formbuilder .select:after, .drop_down .select:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 15px; position: absolute; top: 50%; right: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .formbuilder select, .drop_down .select { width: 50%; } .drop_down select { width: 100%; } .formbuilder select {background: #fff; border: 1px solid #b7b7b7; border-radius: 0; height: 43px; padding-left: 10px; } .formbuilder .fb_date_picker { width: 50%; }*/ select::-ms-expand { display: none; } .formbuilder .fb_text, .formbuilder .input.gsc-input, .formbuilder textarea, .formbuilder .fb_date_picker, .formbuilder .fb_phone_3 .fb_text, .formbuilder .fb_phone_4 .fb_text, .drop_down select, .section_search input, .news_subnav .search_sidelet .query, .dir_search .query, .stories_search .query, .drop_down .select .event_category_chooser, .magazine.story-2col .search_sidelet .query { background: #fff; border: 1px solid #b7b7b7; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width: 100%; height: 43px; padding-left: 10px; } .formbuilder .select, .drop_down .select, .drop_down select { position: relative; } .formbuilder .select:after, .drop_down .select:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 15px; position: absolute; top: 50%; right: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .formbuilder .select, .drop_down .select { width: 50%; } .drop_down .select { width: 100%; } .formbuilder select {background: #fff; border: 1px solid #b7b7b7; border-radius: 0; height: 43px; padding-left: 10px; } .formbuilder .fb_date_picker { width: 50%; } .formbuilder .fb_phone_3, .formbuilder .fb_phone_4 { float:left; } .formbuilder .fb_phone_3 { width: 15%; margin-right: 15px; } .formbuilder .fb_phone_4 { width: 30%; } .formbuilder .fb_radio { position: relative; margin: 13px 0;} .formbuilder .fb_radio input { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .formbuilder .fb_radio input:checked + label:after { opacity: 1; visibility: visible; } .formbuilder .fb_radio label { padding-left: 33px; } .formbuilder .fb_radio label:before { content: ''; width: 25px; height: 25px; position: absolute; top: -3px; left: 2px; border: 1px solid #111; border-radius: 50%; } .formbuilder .fb_radio label:after { content: ''; width: 17px; height: 17px; position: absolute; top: 1px; left: 6px; background: #111; border-radius: 50%; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; } .formbuilder textarea { height: 143px; resize: vertical; padding: 10px; } .formbuilder label.required {background: url("https://www.depauw.edu/images/form_required.png") no-repeat left; padding-left: 10px;} .formbuilder legend.required {background: url("https://www.depauw.edu/images/form_required.png") no-repeat left; padding-left: 10px;} .formbuilder .fb_firstname, .formbuilder .fb_lastname, .formbuilder .fb_split, .formbuilder .fb_column { width: 50%; float: left; padding-right: 20px; } .formbuilder .fb_errors { color: red; } .formbuilder .fb_text.fb_upload { border: none; background: none; } .formbuilder .fb_upload.error { border: solid 1px red; } .formbuilder .error { border-color: red; } .section_search input, .section_search { margin-bottom: 6px; } .section_search h3 { margin-bottom: 5px; } .fb_checkbox { margin-bottom: 8px; } .fb_checkbox input { position: absolute; z-index: -1; opacity: 0; } .fb_checkbox label { position: relative; display: inline-block; padding-left: 33px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fb_checkbox label:before { content: ''; position: absolute; top: -1px; left: 2px; width: 23px; height: 23px; border: 1px solid #111; border-radius: 3px; } .fb_checkbox input:checked + label:before { content: '\2714'; text-align: center; color: #111; } /* Mobile */ @media (max-width: 767px) { .formbuilder .select { width: 100%; } } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; z-index: 14; min-height: 800px; height: 100vh; padding-top: 137px; background-size: cover; background-repeat: no-repeat; } .intro:before { content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: 3; width: 100%; height: 250px; background-image: linear-gradient( rgba( 0, 0, 0, .8 ) 50%, rgba( 0, 0, 0, .7 ) 60%, rgba( 0, 0, 0, .6 ) 65%, rgba( 0, 0, 0, .55 ) 70%, rgba( 0, 0, 0, .4 ) 75%, rgba( 0, 0, 0, .3 ) 80%, rgba( 0, 0, 0, .25 ) 85%, rgba( 0, 0, 0, .2 ) 90%, rgba( 0, 0, 0, .1 ) 95%, rgba( 0, 0, 0, 0 ) ); } .intro .intro__content { position: absolute; left: 0; bottom: 123px; right: 0; z-index: 2; overflow: hidden; } .intro .intro__title { position: relative; display: inline-block; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; font-size: 69px; color: #fff; letter-spacing: .093em; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } .intro .intro__title:before { content: ''; position: absolute; top: 26px; right: 100%; margin-right: 14px; display: inline-block; width: 1000px; height: 8px; background: #ffcf01; } .intro .intro__title:after { content: ''; position: absolute; bottom: 20px; left: 100%; display: inline-block; width: 2000px; height: 8px; background: #ffcf01; margin-left: 4px; } .intro .intro__actions { position: absolute; left: 0; bottom: 0px; right: 0; z-index: 4; padding: 15px 0 42px; text-align: center; } .intro__background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: cover; background-repeat: no-repeat;background-position: center; } @media (max-width: 1200px){ .intro { height: auto; } } @media (max-width: 1023px){ .intro { min-height: 900px; } .intro .intro__title:before, .intro .intro__title:after { display: none; } } @media (max-width: 767px){ .intro { min-height: 500px; } .intro .intro__title { display: block; font-size: 28px; text-align: center; } .intro .intro__actions { padding-bottom: 20px; } } /* ------------------------------------------------------------ *\ Intro Secondary \* ------------------------------------------------------------ */ .intro-secondary { background: #000; position: relative; min-height: 465px; padding-top: 98px; font-size: 18px; line-height: 1.445; border-top: 1px solid #ffcf01; } .intro-secondary h2 { margin-bottom: -10px; } .intro-secondary p { margin-bottom: 40px; min-height: 131px; } .intro-secondary .intro__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; } .intro-secondary .intro__inner { position: relative; color: #fff; } .intro-secondary .intro__content { max-width: 520px; } .intro-secondary .intro__content--right { text-align: right; margin-left: auto; } /* Small Desktop */ @media (max-width: 1200px) { .intro-secondary { min-height: 400px; padding-top: 50px; } .intro-secondary .intro__content { font-size: 17px; padding-right: 80px; } .intro-secondary .intro__content--right { padding-right: 0; padding-left: 80px; } } /* Mobile */ @media (max-width: 767px) { .intro-secondary { background: #000; padding-top: 0; padding-bottom: 30px; } .intro-secondary .intro__image { position: static; padding-top: 29%; margin-bottom: 20px; } .intro-secondary .intro__content { padding: 0; } .intro-secondary .intro__content .btn { display: block; } .intro-secondary .intro__content--right { padding: 0; text-align: left; margin-top: 40px; } } /* ------------------------------------------------------------ *\ Intro Tertiary \* ------------------------------------------------------------ */ .intro-tertiary { /*margin-bottom: 12px;*/ position: relative; } .intro-tertiary .intro__inner { position: relative; } .intro-tertiary .intro__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; } .intro-tertiary .intro__inner .shell { position: relative; min-height: 552px; } .intro-tertiary .intro__content h2 { position: absolute; bottom: 0; left: 19px; max-width: 345px; width: 100%; background: rgba(0,0,0,.7); color: #fff; border-top: 8px solid #ffcf01; font-family: 'adobe-caslon-pro'; line-height: 1.2; font-size: 35px; text-transform: none; font-weight: 600; padding: 33px 36px 33px 41px; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro-tertiary .intro__inner .shell { min-height: 400px; } .intro-tertiary .intro__content h2 { font-size: 30px; padding: 30px; } } /* Mobile */ @media (max-width: 767px) { .intro-tertiary { margin-bottom: 0; } .intro-tertiary .intro__image { position: static; padding-top: 50%; } .intro-tertiary .intro__inner .shell { min-height: 0; } .intro-tertiary .intro__content h2 { position: static; max-width: 100%; width: auto; margin: 0; } } /* ------------------------------------------------------------ *\ Footer Image Setup \* ------------------------------------------------------------ */ .section-entrys {position: relative;} .section-entrys .intro__inner, #flex-full .intro__inner {position: absolute; top:220px;width:100%; } .section-entrys .intro__inner .intro__content h2, #flex-full .intro__inner .intro__content h2 {text-align: center;} /* Added back in by Andrea 2/1/21 */ .footer_image { min-height: 552px; background-repeat: no-repeat; background-size: cover; position: relative; background-position: center;} .footer_image .intro__inner h4 {text-align: center;} #flex-full .footer_image .intro__inner h4, #flex-full .footer_image .intro__inner h2 {color:white;} .footer_image .description__content {position: relative; top: 562px; margin-bottom: 2em;} #flex-full .footer_image .description__content h4, .footer_image .description__content h4 {text-align: center; text-transform: none; color:black;} @media (max-width: 1023px){ .footer_image{ min-height: 352px;} .footer_image .description__content {top: 362px; } .footer_image .intro__inner, #flex-full .footer_image .intro__inner {top: 35%;} } @media (max-width: 767px) { .footer_image, .magazine .footer_image { min-height: 240px;} .footer_image .description__content {top: 250px; } .footer_image .intro__inner h2{ font-size: 2em; line-height: 1;} } @media (max-width: 400px) { .footer_image { min-height: 140px;} .footer_image .description__content {top: 150px; } .footer_image .intro__inner h2{ font-size: 1.25em;} } @media (max-width: 320px) { .footer_image.with_description {margin:0em auto 10em auto;} } /* styles for when on Standard template */ .section-entrys .intro__inner .intro__content h2, #flex-full .intro__inner .intro__content h2 {text-align: center;} .section-entrys .footer_image {clear: both;} .section-entrys .footer_image .description__content {position: absolute; top: 562px; width: 100%;} @media (max-width: 767px) { .section-entrys .footer_image .description__content {position: relative; top: 250px; width: 100%;} } @media (max-width: 400px) { .section-entrys .footer_image.with_description { margin: 0em auto 4em auto;} .section-entrys .footer_image .description__content { top: 150px;} } /*.magazine .article__twocol .footer_image .intro__content h2 {font-size: 36px;} .magazine .footer_image .intro__inner {position: relative;} .magazine .footer_image { min-height: 552px; background-repeat: no-repeat; background-size: cover; position: relative; background-position: center;} .magazine .footer_image {margin:4em auto; padding:0; background-position: center; position: static; } .magazine .footer_image.with_description {margin:4em auto 140px auto;} .magazine .footer_image .intro__inner {position: relative; top: 562px; margin-bottom: 2em;} .magazine .footer_image.with_description, .footer_image.with_description {margin:0em auto 6em auto;} .magazine .footer_image .description__content {position: relative; margin-bottom: 2em; top: 420px;} .magazine .footer_image .description__content h4, @media (max-width: 1023px){ .magazine .footer_image { min-height: 352px;} .magazine .footer_image .description__content {top: 362px; } .magazine .footer_image .intro__inner {top: 35%;} .magazine .footer_image .intro__inner {top: 120px;} .magazine .footer_image .description__content {top: 220px; } } @media (max-width: 767px) { .magazine .article__twocol .footer_image .intro__content h2 { font-size: 2em; line-height: 1;} .magazine .footer_image .intro__inner {top: 70px;} .magazine .footer_image .description__content {top: 120px; } } @media (max-width: 480px) { .magazine .footer_image .description__content {top: 80px; } } @media (max-width: 400px) { .magazine .footer_image.with_description, .footer_image.with_description {margin:0em auto 8em auto;} .magazine .footer_image .intro__inner {top: 50px;} .magazine .footer_image .description__content {top: 60px; } } @media (max-width: 320px) { .magazine .footer_image.with_description {margin:0em auto 10em auto;} } */ /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form { color: #444; } .form__head { margin-bottom: 16px; } .form__head h2 { position: relative; padding-bottom: 1px; line-height: 32px; } /*.form__head h2:after { content: ''; width: 9999px; height: 5px; background: #ffcf01; position: absolute; bottom: 0; left: 0; }*/ .form__body { padding-left: 2px; } .form__body h3 { font-size: 22px; text-transform: capitalize; color: #000; font-family: 'Open Sans', sans-serif; margin: 35px 0 21px; } .form__actions { margin-top: 25px; padding-left: 3px; } .form__btn { border: none; font-size: 22px; padding: 9px 28px 6px; border-radius: 0; } .form__hint { display: block; margin-bottom: 16px; } .form__label { display: block; margin-bottom: 8px; } .form__row + .form__row { margin-top: 20px; } .list-radios { margin: 22px 0 36px; } /* Mobile */ @media (max-width: 767px) { .form__row + .form__row { margin-top: 15px; } .list-radios { margin: 15px 0; } .form__body h3 { margin: 20px 0; } } /* ------------------------------------------------------------ *\ Link Down - Commented out November 2019 \* ------------------------------------------------------------ */ /*.link-down { display: inline-block; padding: 5px; } .link-down span { display: inline-block; content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: #b5b4ba; margin: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }*/ /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List More \* ------------------------------------------------------------ */ .list-more { margin-right: 3px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; } .list-more ul { margin-bottom: 0; list-style: none; } .list-more li { position: relative; display: inline-block; } .list-more li + li { margin-left: 10px; } .list-more li + li:before { content: ''; position: absolute; top: 3px; left: -7px; display: inline-block; width: 1px; height: 11px; background: #0069ba; } /* ------------------------------------------------------------ *\ List Stats \* ------------------------------------------------------------ */ .list-stats { display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-stats li { width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 25%; } .list-stats strong { display: block; margin-bottom: 0; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; font-size: 74px; text-align: center; } .list-stats img { margin: -5px -15px; vertical-align: baseline; } .list-stats .fa { position: relative; top: -1px; left: 10px; display: inline-block; font-size: 62px; } .list-stats .fa-globe { font-size: 57px; } .list-stats h3 { margin-top: -16px; text-align: center; } .list-stats h5 { margin-top: -16px; text-align: center; text-transform: none; color:#ccc; font-family: 'Open Sans', sans-serif; font-size: 0.9em;} .music .list-stats li { width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 33%; } .music .stats { background: #333; } .main_home .stats {overflow: auto; padding: 3em 0 3em; border-bottom: #ffcf01 solid 6px; } .main_home .section-stats .calendar__actions {width:100%; text-align: right; margin-top: -2.85em; margin-bottom: 2em;} .main_home .section-stats .calendar__actions a { color:white; padding-right:4em;} @media (max-width: 1023px){ .list-stats strong { margin-bottom: 10px; font-size: 40px; } .list-stats .fa { margin-right: 10px; font-size: 40px; } .list-stats h3 { font-size: 18px; } } @media (max-width: 767px) { /* .list-stats strong { font-size: 30px; } .list-stats h3 { font-size: 16px; }*/ .list-stats { display: block; } .list-stats li { width: 50%; margin-bottom: 40px; float:right; min-height: 180px;} .list-stats .fa, .list-stats strong { font-size: 50px; } .list-stats h3 { font-size: 24px; } .main_home .calendar__actions {float:none; margin-top: 0em; margin-bottom: 2em;} .main_home .section-stats .calendar__actions {text-align: center; margin-top: 0; margin-bottom: 2em;} } @media (max-width: 479px){ .list-stats { display: block; } .list-stats li { width: 100%; margin-bottom: 40px; } .list-stats .fa, .list-stats strong { font-size: 50px; } .list-stats h3 { font-size: 24px; } } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links li + li { margin-top: 6px; } .list-links a, .sidebar .magazine__nav ul li a { display: block; background: #e9e9e9; padding: 13px 37px; font-size: 18px; color: #000; text-decoration: none; transition: background .25s ease, color .25s ease; } .list-links a:hover, .list-links li.active a, .list-links li.active .list-links a:hover, .list-links li.active .list-links li.active a, .list-links li.active li a:hover, .sidebar .magazine__nav ul li a:hover { background: #000; color: #fff; } .list-links .list-links { margin-top: 5px; margin-left: 20px; } .list-links .list-links a, .list-links li.active .list-links a, .list-links li.active li a, .sidebar .magazine__nav ul li a { background: #efefef; color: #000;} /* Tablet Portrait */ @media (max-width: 1023px) { .list-links a { padding: 10px 15px; font-size: 17px; } } /* ------------------------------------------------------------ *\ List Radios \* ------------------------------------------------------------ */ .list-radios li + li { margin-top: 14px; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; width: 220px; height: 62px; margin: 33px 0 0; background: url(https://www.depauw.edu/images/dpu_stacked_left_rev.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; } /*@media(max-width: 1200px){ .logo { width: 175px; } }*/ @media(max-width: 1023px){ .logo { margin: -7px 0; width: 163px; height: 46px;} } /* CSS for high-resolution devices */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .logo { background-image: url(https://www.depauw.edu/images/dpu_stacked_left_rev.svg); } } /* ------------------------------------------------------------ *\ Members \* ------------------------------------------------------------ */ .members { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; list-style: none outside none; } .members p { font-size: 15px; line-height: 1.47; margin-bottom: 14px; } .members p span { font-size: 13px; text-transform: uppercase; display: inline-block; vertical-align: middle; padding-bottom: 3px; margin-right: -10px; } .members .member__btn { font-size: 22px; line-height: 26px; min-width: 162px; padding: 5px 10px; margin-right: 7px; } .members .member__btn:hover { color: #ffcf01; background-color: #000; } .members h3 { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 28px; line-height: 1; font-weight: 500; color: #000; text-transform: uppercase; display: inline-block; vertical-align: top; position: relative; margin-bottom: 19px; white-space: nowrap; } .members h3:after { content: ''; width: 150%; height: 6px; display: block; position: absolute; top: 100%; right: 0; margin-top: 2px; background-color: #ffcf01; } .members h4 { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 700; margin-bottom: 2px; } .members h4 span { font-weight: 400; } .member { width: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex: 0 0 47.9%; -ms-flex: 0 0 47.9%; flex: 0 0 47.9%; position: relative; margin-bottom: 64px; } .member .shell { position: relative; } .member__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .member__image { -webkit-flex: 0 0 247px; -ms-flex: 0 0 247px; flex: 0 0 247px; position: relative; z-index: 2; border: 6px solid #ffcf01; margin-right: 24px; border-radius: 50%; } .member__image img { width: 100%; height: auto; display: block; border-radius: 50%; } .member__details { -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; position: relative; z-index: 1; margin-top: 19px; padding-right: 20px; } .member__head { height: 554px; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .member__head img { width: 100%; height: auto; display: block; } .member__quote { max-width: 362px; margin-left: auto; background-color: rgba(0, 0, 0, 0.6); } .member__quote p { font-family: 'adobe-caslon-pro', serif; font-size: 30px; line-height: 1.2; color: #fff; font-weight: 600; text-indent: 18px; position: relative; padding: 20px 38px 34px; } .member__quote p:before { display: block; position: absolute; top: 12px; left: 26px; } .member__quote p:after { display: inline-block; vertical-align: top; -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); margin: -2px 0 0 8px; } .member__quote p:before, .member__quote p:after { content: ''; width: 19px; height: 18px; background: url(/dt/css/images/ico-quote-small.png) no-repeat 0 0; } .member__quote h2 { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 29px; line-height: 31px; color: #000; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0.045em; padding: 21px 0 20px; background-color: #ffcf01; } .member__quote h2 span { font-weight: 400; letter-spacing: 0.01em; padding-left: 3px; } .member__quote h2 span:before { content: ''; width: 2px; height: 20px; display: inline-block; margin-right: 10px; background-color: currentColor; } .member__body { overflow: hidden; } .member__body h3 { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 42px; } .member__body .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .member__content { font-size: 15px; line-height: 1.6; letter-spacing: -0.007em; -webkit-flex: 0 0 57%; -ms-flex: 0 0 57%; flex: 0 0 57%; padding-top: 49px; } .member__content p { margin-bottom: 24px; } .member__content h3 { line-height: 1.33; letter-spacing: -0.005em; display: inline-block; position: relative; margin-bottom: 9px; } .member__content h3:after { content: ''; width: 50vw; height: 4px; display: block; position: absolute; top: 100%; right: 2px; margin-top: -6px; background-color: #ffcf01; } .member__aside { max-width: 39%; -webkit-flex: 0 0 39%; -ms-flex: 0 0 39%; flex: 0 0 39%; padding: 57px 43px 75px 53px; border-width: 0 1px; border-style: solid; border-color: #ccc; background-color: #efefef; } .member__aside h3 { margin-bottom: 11px; } .member__aside .member__btn { min-width: 154px; margin-top: 10px; } .member--single { width: auto; display: block; margin: 0; } .member--small { width: auto; min-height: 75px; display: block; position: relative; margin-bottom: 14px; padding: 3px 0 8px 85px; } .member--small p { letter-spacing: -0.006em; } .member--small h4 { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 18px; line-height: 1.1; color: #000; font-weight: 700; text-transform: uppercase; letter-spacing: 0.085em; margin-bottom: 3px; } .member--small img { width: 75px; height: auto; display: block; position: absolute; top: 0; left: 0; border: 3px solid #ffcf01; border-radius: 50%; } /* Small Desktop */ @media (max-width: 1200px) { .members { max-width: 660px; display: block; margin: auto; } .member { width: auto; } .member__aside { padding: 20px 30px; } .member__aside .member__btn { margin-top: 0; } .member__content { padding-top: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .member__body .shell { display: block; } .member__aside { max-width: none; margin: 0 -20px; padding: 20px; } .member--small { padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .member { display: block; margin-bottom: 30px;} .member h3 { display: block; } .member__head { height: auto; padding: 0; } .member__image { margin: 0 0 20px; } .member__content h3 { display: inline-block; } .member__content h3:after { width: 100vw; } .member--single { margin: 0; } .member--small { padding-top: 5px; margin-bottom: 20px; } .member--single .member__head--large { min-height: 0; padding-top: 180px; } .member--single .member__head--large:before { height: 150px; } .member__background { position: static; height: 400px; } .member__quote { margin: 0 auto; } .member .shell { padding-top: 20px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { margin-top: 16px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 21px; font-weight: 500; text-transform: uppercase; } .nav ul { margin-right: -8px; } .nav ul:after { } .nav li { float: left; } .nav li + li { margin-left: 6px; } .nav a { padding: 6px 8px 4px; border-top: 3px solid transparent; } .nav a, .nav-utilities a { color: #fff; text-decoration: none; transition: all .3s; } .nav-utilities a {line-height: 1.65;} .nav a:hover, .nav li:hover > a, /*START WEBTEAM - ACTION NAV MERGE */ .nav li.nav-item--toggled > a { padding-bottom: 38px; border-top-color: #ffcf01; background: #000; color:#fff;} /*.nav li.nav-item--toggled > a { padding-bottom: 38px; border-top-color: #ffcf01; background: #000; }*/ /*END WEBTEAM - ACTION NAV MERGE */ @media (max-width: 1200px) { .nav { font-size: 21px; } } @media (max-width: 1023px){ .nav { display: none; padding-top: 70px; } .nav a:hover, .nav li:hover > a, .nav li.nav-item--toggled > a { padding-bottom: 0; } /* Nav Active */ .nav.active { position: absolute; top: 106px; left: 0; display: block; width: 100%; margin-top: 0; background: rgba(0, 0, 0, .9); text-align: left; } .nav.active ul { padding: 10px; margin-right: 0; } .nav.active li { float: none; margin-left: 0; margin-bottom: 10px; } .nav.active a { padding: 0; } .nav.active li:hover > a { border-top-color: transparent; background: transparent; color: #ffcf01; } } /* ------------------------------------------------------------ *\ Dropdown \* ------------------------------------------------------------ */ .nav .dropdown { position: absolute; top: 118px; left: 0; right: 0; width: 100%; background: #000; font-family: 'Open Sans', sans-serif; font-size: 15px; text-align: left; font-weight: 400; text-transform: none; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; } .nav .dropdown__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 40px 0 60px; } .nav .dropdown__content { width: 70%; padding: 0 43px; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; } .nav .dropdown__aside { padding: 0 43px; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .nav .dropdown:hover, .nav a:hover + .dropdown, /*START WEBTEAM - ACTION NAV MERGE */ .nav .nav-item--toggled .dropdown { opacity: 1; visibility: visible; } /*.nav .nav-item--toggled + .dropdown { opacity: 1; visibility: visible; }*/ /*END WEBTEAM - ACTION NAV MERGE */ @media (max-width: 1200px) { .nav.active .dropdown { position: relative; top: 0; background: transparent; display: none; opacity: 1; visibility: visible; } .nav.active .dropdown__content { display: none; } .nav.active .dropdown__inner, .nav.active .dropdown__aside { padding: 0; } .nav.active .nav-item--toggled .dropdown { display: block; } } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities { display: inline-block; /*padding: 7px 14px 12px 15px;*/ padding: 5px 14px 10px 10px; background: #000; font-family: 'futura-pt', Futura, sans-serif; font-size: 13px; text-transform: uppercase; } .nav-utilities ul:after { } .nav-utilities li { float: left; } .nav-utilities li + li { margin-left: 15px; } .nav-utilities li:nth-child(5) {margin-left: 10px;} .nav-utilities a:hover { color: #ffcf01; } @media (max-width: 1023px){ .nav-utilities { display: none; } /* Nav Utilities Active */ .nav-utilities.active { position: absolute; top: 106px; right: 0; left: 0; z-index: 5; display: block; } .wrapper--interior .nav-utilities.active {top: 83px;} .nav-utilities.active .nav-search {display:block; width:100%; padding: 10px;padding-left: 0;} .nav-utilities li:nth-child(5) {margin-left: 0;padding-left: 0;} } @media (max-width: 767px) { .nav-utilities { width: 100%; } } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ /* START WEBTEAM - ACTION NAV MERGE */ .nav-secondary { font-family: 'futura-pt', Futura, sans-serif; font-weight: 700; text-transform: uppercase; position: fixed; top: 257px; right: 0; z-index: 25; } /*.nav-secondary { font-family: 'futura-pt', Futura, sans-serif; font-weight: 900; text-transform: uppercase; position: fixed; top: 257px; right: 0; z-index: 2; }*/ /* //END WEBTEAM - ACTION NAV MERGE */ .nav-secondary li { margin-bottom: 6px; position: relative; } .nav-secondary a { color: #000; text-decoration: none; width: 140px; display: block; position: relative; z-index: 1; padding: 12px 17px 8px 50px; background-color: #fff; overflow: hidden; transition: all .35s ease-in-out; } .nav-secondary a:before { content: ''; width: 39px; display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; background-color: #ffcf01; transition: width .35s ease-in-out; } .nav-secondary li:not(.nav--expanded) a:hover { width: 160px; margin-left: -20px; } .nav-secondary li:not(.nav--expanded) a:hover:before { width: 160px; } .nav-secondary .nav__icon { width: 39px; position: absolute; top: 0; left: 0; text-align: center; z-index: 3; padding: 7px 0; background: #ffcf01; font-size: 24px; } .nav-secondary .nav__icon .fa { line-height: 25px; display: block; } .nav-secondary .nav__icon .fa-pencil-square-o { margin: 1px -2px 0 0; } .nav-secondary .nav__content { display: block; opacity: 1; visibility: visible; position: relative; z-index: 2; top: -1px; transition: all .35s ease-in-out; } .nav-secondary--closed a, .nav-secondary--collapse a { width: 39px; padding-left: 0; overflow: hidden; } .nav-secondary--closed a:before, .nav-secondary--collapse a:before { transition-delay: .2s; } .nav-secondary--closed .nav__content, .nav-secondary--collapse .nav__content { opacity: 0; visibility: hidden; } /* START WEBTEAM - ACTION NAV MERGE */ .nav-secondary--closed { top: 136px; } /*.nav-secondary--closed { top: 136px; z-index: 10; }*/ /* END WEBTEAM - ACTION NAV MERGE */ .nav-secondary--closed li:not(.nav--expanded) a:hover, .nav-secondary--collapse li:not(.nav--expanded) a:hover { width: 140px; padding-left: 50px; margin-left: -101px; } .nav-secondary--closed li:not(.nav--expanded) a:hover .nav__content, .nav-secondary--collapse li:not(.nav--expanded) a:hover .nav__content { opacity: 1; visibility: visible; } .nav-secondary .nav--expanded > a, .nav-secondary .nav--expanded .search { margin-left: -132px; } .nav-secondary .nav--expanded .search { width: 233px; } .nav-secondary--closed .nav--expanded > a, .nav-secondary--closed .nav--expanded .search { margin-left: -233px; } @media (max-width: 767px) { /* START WEBTEAM - ACTION NAV MERGE */ .nav-secondary { top: 0; right: 0; left: 0; background-color: #ffcf01; } .nav-secondary ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .nav-secondary ul li { margin: 0; position: static; } .nav-secondary ul li + li { margin-left: 10px; } .nav-secondary ul li a { width: auto; padding: 0; background-color: #ffcf01; } .nav-secondary ul li a:before { content: none; } .nav-secondary .nav__icon { width: auto; height: 39px; position: relative; display: inline-block; vertical-align: middle; margin-right: 2px; } .nav-secondary .nav__content { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; position: relative; display: inline-block; vertical-align: middle; padding: 12px 0 8px; opacity: 1; visibility: visible; } .nav-secondary ul li a:hover, .nav-secondary li:not(.nav--expanded) a:hover, .nav-secondary--closed li:not(.nav--expanded) a:hover, .nav-secondary--collapse li:not(.nav--expanded) a:hover { width: auto; padding: 0; margin-left: 0; } .nav-secondary .nav--expanded { width: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 3; padding-left: 39px; margin: 0; background-color: #ffcf01; } .nav-secondary .nav--expanded .nav__link { width: 39px; position: absolute; top: 0; left: 0; } .nav-secondary .nav--expanded .nav__icon { width: 39px; } .nav-secondary .nav--expanded .nav__content { display: none; } /* .nav-secondary a { width: 39px; padding-left: 0; overflow: hidden; } .nav-secondary a:before { transition-delay: .2s; } .nav-secondary .nav__content { opacity: 0; visibility: hidden; } */ .nav-secondary .nav--expanded .search { width: 100%; position: static; margin: 0; } .nav-secondary .nav--expanded .search__field { width: calc(100% - 39px); } /* .nav-secondary li:not(.nav--expanded) a:hover { width: 140px; padding-left: 50px; margin-left: -101px; } .nav-secondary li:not(.nav--expanded) a:hover .nav__content { opacity: 1; visibility: visible; } */ /* END WEBTEAM - ACTION NAV MERGE */ } /* ------------------------------------------------------------ *\ News Items \* ------------------------------------------------------------ */ .news-items, .flex-image-blocks { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; list-style-type: none; } .news-items .news-item, .flex-image-blocks .flex-image-block { max-width: 33.3%; -webkit-flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; padding: 0 15px; } .news-item, .flex-image-block { font-size: 15px; line-height: 1.47; } .news-item h3, .flex-image-block h3 { font-size: 28px; margin-bottom: -4px; line-height: 32px; } .news-item h3 a, .flex-image-block h3 a { color: #000; text-decoration: none; } .news-item h3 a:hover, .flex-image-block a:hover { text-decoration: underline; } .news-item p { margin-bottom: 17px; min-height: 60px; } .news-item .news-item__btn, .flex-image-block .news-item__btn { min-width: 0; padding: 3px 33px; font-size: 26px; letter-spacing: 0; } .news-item .news-item__image, .flex-image-block .news-item__image, .flex-image-block .video_class { margin-bottom: 18px; position: relative; } .news-item .news-item__image img, .flex-image-block .news-item__image img { display: block; width: 100%; height: auto; } .news-item .news-item__image a, .flex-image-block .news-item__image a { display: block; transition: opacity .3s; } .news-item .news-item__image a:hover, .flex-image-block .news-item__image a:hover { opacity: .7; } .news-item .news-item__image .news-item__badge, .flex-image-block .news-item__image .news-item__badge { position: absolute; top: 0; right: 0; background: #000; color: #fff; font-size: 10px; text-transform: uppercase; font-weight: 700; padding: 5px 10px; } /* ------------------------------------------------------------ *\ News Details Social \* ------------------------------------------------------------ */ .nd_social {overflow: hidden; margin: 0 0 5px 0; width:300px; } .nd_tweet { float: left; margin: 0 10px 0 0; } .nd_fb_like { float: left; margin: -3px 0 0 0; } .nd_fb_button { float: left; margin: 1px 0 0 0; } .nd_tweet_button { float: left; margin: 1px 5px 0 0; width:61px; height:20px; } .nd_email_button { float: left; margin: 1px 5px 0 0; width:56px; height:18px; border:1px solid #ccc; padding-right:2px; background-image: linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -o-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -moz-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -webkit-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -ms-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .nd_email_button:hover { background-image: linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -o-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -moz-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -webkit-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -ms-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); } .nd_email_button a {padding:0; margin:0; line-height: 18px; color:#333;} .nd_email_button img {margin:2px 2px 3px 2px; width:16px; float:left;} .nd_email_button span { font-size:.7em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block; float:left;} /* Mobile */ @media (max-width: 767px) { .news-items, .flex-image-blocks { display: block; } .news-items .news-item, .flex-image-block { max-width: 100%; min-width: 100%; } .news-items .news-item + .news-item, .flex-image-block + .flex-image-block { margin-top: 30px; } .news-item .news-item__image, .flex-image-block .news-item__image{ margin-bottom: 4px; } } /* News Item Alt */ .news-item--alt { margin-bottom: 12px; } .news-item--alt h3 { margin-bottom: 0; line-height: 1; } .news-item--alt .news-item__image { margin-bottom: 17px; } .news-item--alt .news-item__image a:hover, .flex-image-block .news-item__image a:hover { opacity: 1; } .news-item--alt .news-item__image a:hover .news-item__overlay, .flex-image-block .news-item__image a:hover .news-item__overlay{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .news-item--alt .news-item__image .news-item__overlay, .flex-image-block .news-item__image .news-item__overlay{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(255,207,1,.8); transition: opacity .4s, visibility .4s, -webkit-transform .4s; transition: opacity .4s, visibility .4s, transform .4s; transition: opacity .4s, visibility .4s, transform .4s, -webkit-transform .4s; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } /* News Items Large */ .news-items--large { margin: 0 -36px; } .news-items--large .news-item--large { padding: 0 36px; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 63px; } .feature-blocks .news-item.news-item--large { padding: 5px; } .music-box { margin-bottom: 30px; } .music-box .news-item.news-item--large { margin-bottom: 15px; } .news-item--large h3 { /*margin-bottom: -7px;*/ margin-bottom: 4px; } .news-item--large p { margin-bottom: 27px; } .news-item--large .news-item__image { margin-bottom: 25px; } .feature-blocks { margin-left: 0 !important; } /* Mobile */ @media (max-width: 767px) { .news-items--large { margin: 0; display: block; } .news-items--large .news-item--large { padding: 0; max-width: 100%; margin-bottom: 20px; } .news-item--large.art-events { margin-top: 35px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { font-family: 'futura-pt', Futura, sans-serif; font-size: 0; line-height: 0; width: 0px; white-space: nowrap; height: 39px; position: absolute; top: 0; left: 39px; z-index: 2; margin-left: 0px; overflow: hidden; transition: all .35s ease-in-out; } .search form { } .search__btn, .search__field { font-size: 15px; line-height: 19px; font-weight: 700; height: 39px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; box-shadow: none; } .search__field { color: #000; text-transform: uppercase; width: 194px; padding: 10px; background: #f0eeee; } .search__field_new, .search__btn_new { height: 20px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; box-shadow: none; color: #fff; text-transform: uppercase; width: 110px; padding: 0px 0 0 10px; /*background: #f0eeee;*/ background: #666666; } .search__btn { color: #fff; width: 39px; padding: 10px 0; background: #000; } .search__btn_new { color: #fff; width: 59px; height:20px; padding: 0; background: #000; border:solid 1px #666;} .search__btn_new:hover { color: #FBCF01; } input.search__btn_new {-webkit-appearance: none; -moz-appearance: none;} @media (max-width: 1023px){ .search__field_new {width:200px;} .search__field_new { padding: 0px; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { background-size: cover; background-repeat: no-repeat; } .section .section__inner { display: -ms-flexbox; display: flex; display: -webkit-flex; } .section .section__content { max-width: 64%; -webkit-flex: 0 0 64%; -ms-flex: 0 0 64%; flex: 0 0 64%; } .section .section__aside { margin-left: 27px; margin-right: -61px; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* Pattern */ .section--pattern { background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0; } @media (max-width: 1200px){ .section .section__inner { display: block; } .section .section__content { max-width: 100%; padding: 40px 10px; } .section .section__aside { max-width: 100%; margin-left: 0; margin-right: 0; } } /* ------------------------------------------------------------ *\ Section Faces \* ------------------------------------------------------------ */ .section__head { color: #fff; text-align: center; padding: 46px 0 54px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .section__head h2 { font-size: 50px; font-weight: 500; letter-spacing: 0.068em; margin: 0; } .section__head ul { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 18px; line-height: 1; color: #fff; font-weight: 500; text-transform: uppercase; } .section__head ul li { display: inline-block; vertical-align: top; padding: 0 7px; position: relative; } .section__head ul li + li:before { content: ''; width: 2px; height: 14px; background-color: #fff; position: absolute; top: 2px; left: -2px; } .section__head ul a { color: #ffcf01; text-decoration: none; display: block; } .section__head ul a:hover, .section__head ul .current a { color: #fff; } .section-faces .section__nav { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 20px; line-height: 1.2; color: #fff; font-weight: 400; text-transform: uppercase; text-align: center; padding: 12px 0 13px; background-color: #000; } .section-faces .section__nav li { display: inline-block; vertical-align: top; padding: 0 10px; } .section-faces .section__nav a { color: inherit; text-decoration: none; display: block; } .section-faces .section__nav a:hover { text-decoration: underline; } .section-faces .section__nav .current a { color: #ffcf01; } .section-faces .section__body { padding: 78px 0 46px; } .section-faces .section__body--alt { padding: 92px 0 60px; } .spotlight{ display: block; padding-left: 35px; font-style: italic; text-align: right; margin-top: 5px; } .spotlight.spotlight-title {font-size: 0.65em;} /* Mobile */ @media (max-width: 767px) { .section-faces .section__nav li { padding: 0 5px; } .section__head { padding: 30px 0 35px; } .section__head h2 { font-size: 36px; line-height: 36px; } .section__head ul { font-size: 16px; margin: 0 -20px; } .section__head ul li + li:before { top: 1px; } .section-faces .section__body { padding: 30px 0 0; } .section-faces .section__body--alt { padding-bottom: 45px; } } /* ------------------------------------------------------------ *\ Section Entrys \* ------------------------------------------------------------ */ .section-entrys { font-size: 15px; line-height: 1.47; color: #fff; /*Rolling back because this caused an issue*/ /*overflow: auto;*/} .section-entrys h3 { font-size: 28px; margin: 0 0 1px; } .section-entrys .section__inner { position: relative; max-width: 45.18%; margin-left: auto; z-index: 2; } #flex-full .section__inner, .magazine .section__inner { position: relative; margin-left: auto; z-index: 2; max-width: 45.18%; } /*.magazine .section__entry--reversed .section__inner {margin-left:0;}*/ .section-entrys .section__inner--black, #flex-full .section__inner--black { color: #000; } .section-entrys .section__entry, #flex-full .section__entry, .magazine .section__entry { position: relative; padding: 125px 0 124px; background-size: cover; background-position: center center; } .section-entrys .section__entry:before, #flex-full .section__entry:before, .magazine .section__entry:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); } .section-entrys .section__entry--reversed, #flex-full .section__entry--reversed, .magazine .section__entry--reversed { color: #000; } .section-entrys .section__entry--reversed .section__inner, #flex-full .section__entry--reversed .section__inner, .magazine .section__entry--reversed .section__inner { margin-left: 0; } .section-entrys .section__inner--black { color: #000; } #flex-full .section__entry--black, .magazine .section__entry--black { color: #fff; } .section-entrys .section__entry--reversed:before, #flex-full .section__entry--reversed:before, .magazine .section__entry--reversed:before { width: 55%; background: linear-gradient(to right, rgba(255,207,1,.95) 0%, rgba(255,207,1,.8) 80%, rgba(255,207,1,0) 100%); } .section-entrys .section__entry--white:before, #flex-full .section__entry--white:before, .magazine .section__entry--white:before { background: linear-gradient(to right, rgba(255,255,255,.8) 0%, rgba(255,255,255,.8) 80%, rgba(255,255,255,0) 100%); } .section-entrys .section__entry--white-reversed:before, #flex-full .section__entry--white-reversed:before, .magazine .section__entry--white-reversed:before { width: 50%; left: auto; right: 0; background: linear-gradient(to left, rgba(231,230,230, 230) 0%, rgba(231,230,230,.8) 90%, rgba(0,0,0,0) 100%);} .section-entrys .section__entry--black:before, #flex-full .section__entry--black:before, .magazine .section__entry--black:before { width: 55%; left: auto; right: 0; background: linear-gradient(to left, rgba(0,0,0,.8) 0%, rgba(0,0,0,.8) 80%, rgba(0,0,0,0) 100%)} .section-entrys .section__entry--black-reversed:before, #flex-full .section__entry--black-reversed:before, .magazine .section__entry--black-reversed:before { background: linear-gradient(to right, rgba(0,0,0,.8) 0%, rgba(0,0,0,.8) 91%, rgba(0,0,0,0) 100%); } .section-entrys .section__entry--black-reversed, #flex-full .section__entry--black-reversed, .magazine .section__entry--black-reversed { color: #fff; } .section-entrys .section__entry--small h3, #flex-full .section__entry--small h3, .magazine .section__entry--small h3 { font-size: 34px; margin-bottom: 1px; line-height: 1; } .section-entrys .section__entry--small, #flex-full .section__entry--small, .magazine .section__entry--small { padding: 40px 0; min-height: 491px; display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-entrys .section__entry--small p, #flex-full .section__entry--small p, .magazine .section__entry--small p { margin-bottom: 22px; } .section-entrys .section__entry--small .btn, #flex-full .section__entry--small btn, .magazine .section__entry--small btn { margin-top: 10px; padding: 6px 10px; min-width: 181px; font-size: 22px; } .section-entrys.bullets a, .section-entrys.bullets .page-elements_content_block a.btn { color: #fff; text-decoration: none; } .section-entrys.bullets a:hover { color: #ffcf01; } .section-entrys.bullets a.btn:hover, .section-entrys.bullets .page-elements_content_block a.btn:hover { background: #555; color: #fff; } .section-entrys.bullets .section__entry--white ul a { color: #0069ba; text-decoration: none; } .section-entrys.bullets .section__entry--white ul a:hover { color: #000; text-decoration: underline; } .section-entrys.bullets .section__entry--white ul a.btn:hover { background: #555; color: #000; } .section-entrys.bullets .section__entry--reversed li a { color: #000; text-decoration: underline;} .section-entrys.bullets .section__entry--reversed li a:hover {color: #000; text-decoration: none; } .section-entrys.bullets .section__entry--black li a {text-decoration: underline;} .section-entrys.bullets .section__entry--black li a:hover {text-decoration: none; } .bullets ul { margin-left: 20px; } /* style to fix when the content is narrow like list items */ .section-entrys .section__entry .shell, #flex-full .section__entry .shell {min-width: 800px;} /* Mobile */ @media (max-width: 1023px) { .section-entrys .section__entry .shell, #flex-full .section__entry .shell {min-width: 800px;} } @media (max-width: 767px) { .section-entrys .section__entry .shell, #flex-full .section__entry .shell {min-width: 400px;} .section-entrys .section__inner, #flex-full .section__inner, .magazine .section__inner { max-width: 100%; } .section-entrys .section__entry, #flex-full .section__entry, .magazine .section__entry { padding: 46px 0 60px; } .section-entrys .section__entry:before, #flex-full .section__entry:before, .magazine .section__entry:before { background: rgba(0, 0, 0, 0.8); } .section-entrys .section__entry--reversed:before, #flex-full .section__entry--reversed:before, .magazine .section__entry--reversed:before { width: 100%; background: rgba(255, 207, 1, .8); } .section-entrys .section__entry--white:before, #flex-full .section__entry--white:before, .magazine .section__entry--white:before { width: 100%; background: rgba(255,255,255,.8); } .section-entrys .section__entry--black:before, #flex-full .section__entry--black:before, .magazine .section__entry--black:before { width: 100%; background: rgba(0,0,0,.8); } .section-entrys .section__entry--black-reversed:before, #flex-full .section__entry--black-reversed:before, .magazine .section__entry--black-reversed:before { width: 100%; background: rgba(0,0,0,.8); } .section-entrys .section__entry--white-reversed:before, #flex-full .section__entry--white-reversed:before, .magazine .section__entry--white-reversed:before { width: 100%; background: rgba(255,255,255,.8); } } @media (max-width: 400px) { .section-entrys .section__entry .shell {min-width:inherit;} } /* ------------------------------------------------------------ *\ Section News \* ------------------------------------------------------------ */ .section-news { padding: 55px 0 23px; background: #efefef; color:black;} .section-news .section__head { margin-bottom: 23px; color: #000; text-align: inherit; padding: 0;} .section-news .section__head h3 { font-size: 42px; position: relative; display: inline-block; line-height: 42px;} .section-news .section__head h3:before{ content: ''; position: absolute; width: 100vw; height: 6px; top: calc(100% - 1px); right: 0; background: #ffcf01; } /* Mobile */ @media (max-width: 767px) { .section-news { padding: 30px 0 20px; } .section-news .section__head h3:before { display:none; } } /* ------------------------------------------------------------ *\ Section Intro \* ------------------------------------------------------------ */ .section-intro { text-align: center; margin: auto; min-height: 270px; } .section-intro .section-news { background:none; } .section-intro.no-copy { min-height: auto; } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary { background-size: cover; background-position: center center; position: relative; color: #fff; padding: 102px 0 144px; } .section-secondary:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.85); } .section-secondary .section__inner { position: relative; } .section-secondary .features { padding-left: 62px; } /* Small Desktop */ @media (max-width: 1200px) { .section-secondary { padding: 50px 0 80px; } .section-secondary .features { padding-left: 0; } } /* ------------------------------------------------------------ *\ Section Tertiary \* ------------------------------------------------------------ */ .section-tertiary { padding: 90px 0 25px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tertiary { padding: 50px 0; } .section-tertiary.arts-culture { padding: 50px 0 0; } } /* ------------------------------------------------------------ *\ Events List \* ------------------------------------------------------------ */ .events-list { background: #333; padding-bottom: 60px; color: #fff; text-align: center; } .events-list ul { list-style-type: none; } .events-list li { padding: 10px 25px; } .events-list li:nth-child(odd) { background: #393939; } .events-list li a { color: #fff; } .events-list span { display:block; } .events-list h3 { background: #ffcf01; padding: 10px 25px; color: #000; text-align: center; font-size: 32px; margin-bottom: 0; } .events-list h4 { font-size: 20px; margin-bottom: -7px; } /* ------------------------------------------------------------ *\ Services \* ------------------------------------------------------------ */ .services { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; border-bottom: 6px solid #ffcf01; color: #fff; } /*.services:after { content: ''; position: absolute; bottom: -29px; left: 50%; -webkit-transform: translate( -50%, 0 ); -ms-transform: translate( -50%, 0 ); transform: translate( -50%, 0 ); width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #ffd001 transparent transparent transparent; z-index: 12; }*/ @media (max-width: 767px) { .services:before { display: none; } } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .service { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative; z-index: 2; } .service__title { line-height: 1; } .service__entry { font-size: 18px; line-height: 1.45; letter-spacing: 0.005em; min-height: 174px; padding: 2px 2px 41px; } .service__entry p:empty { display: none;} .service__content { position: relative; z-index: 2; padding: 103px 90px 108px calc((100vw - 1140px - 20px + 2px) / 2); } .service__background { width: 150%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: skew(23deg); -ms-transform: skew(23deg); transform: skew(23deg); overflow: hidden; background-color: #000; } .service__background-inner { width: 120%; height: 100%; opacity: .2; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 75% 75%; -webkit-transform: skew(-23deg); -ms-transform: skew(-23deg); transform: skew(-23deg); } .service:nth-child(even) { text-align: right; z-index: 1; } .service:nth-child(even) .service__content { padding: 103px calc((100vw - 1140px - 20px + 2px) / 2) 108px 94px; } .service:nth-child(even) .service__background { right: auto; left: 0; margin-left: -2px; } .service:nth-child(even) .service__background-inner { right: 0; left: auto; background-position: 25% 0%; } @supports (mix-blend-mode: overlay) { .service__background:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background-color: #ffcf01; mix-blend-mode: overlay; } .service:nth-child(even) .service__background:before { background-color: transparent; } .service:nth-child(even) .service__background-inner { opacity: .4; } } /* Small Desktop */ @media (max-width: 1200px) { .service__entry { min-height: 200px; } .service__content { padding: 103px 70px 108px 20px; } .service__background-inner { background-position: 0% 75%; } .service:nth-child(even) .service__content { padding: 103px 20px 108px 70px; } } @media (max-width: 1023px) { .services { display: block; } .service__entry { font-size: 16px; min-height: 0; padding: 0 0 40px; } .service__content, .service:nth-child(even) .service__content { padding: 80px 20px; } .service__background, .service__background-inner { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; } .service:nth-child(even) .service__background { margin: 0; } } @media (max-width: 767px) { .service__title { margin-bottom: 20px; } .service__entry { padding-bottom: 30px; } .service:nth-child(even) { text-align: left; } .service__content, .service:nth-child(even) .service__content { padding: 40px 30px; } .service__background-inner { background-position: 25% 75%; } .service:nth-child(even) .service__background-inner { background-position: 70% 0%; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider {} .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { margin-bottom: 16px; } .socials ul { margin-bottom: 0; list-style: none; } .socials li { display: inline-block; } .socials li + li { margin-left: 15px; } .socials a { color: #bababa; font-size: 32px; } .socials a:hover { color: #fff; } /* ------------------------------------------------------------ *\ Stats \* ------------------------------------------------------------ */ .stats { padding: 68px 0 97px; background: #000; color: #fff; } .stats .stats__head { margin-bottom: 3px; text-align: center; } .stats a, .stats .stats__head a {color:#fff; text-decoration: none;} .stats li:hover, .stats .stats__head h2 a:hover {color:#ffcf01;} .stats a:focus {color:#ffcf01; border:none;} .stats .stats__title { font-size: 42px; } @media (max-width: 767px) { .stats { padding: 40px 0; } .stats .stats__head { margin-bottom: 30px; } .stats .stats__title { font-size: 28px; } } /* ------------------------------------------------------------ *\ Submenu \* ------------------------------------------------------------ */ .submenu { margin-left: 4px; } .submenu .submenu__title { margin: 5px 0 7px 0; font-weight: 400; letter-spacing: .005em; } .submenu ul { font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 20px; margin-left: 1px; } .submenu li { float: none; } .submenu li + li { margin: 6px 0 0 0 !important; } .submenu a { padding: 0; border-top: none; color: #ffcf01 !important; text-transform: uppercase; letter-spacing: .02em; } .submenu a:hover { border-top: none; background: none; color: #fff; } @media (max-width: 1200px) { .submenu .submenu__title { display: none; } } /* ------------------------------------------------------------ *\ Tab \* ------------------------------------------------------------ */ .tabs { margin-top: -18px; } .tabs .tabs__head { margin-bottom: 31px; } .tabs .tabs__body { position: relative; } .tabs .owl-item { padding-top: 21px; } .tabs .owl-stage-outer { position: relative; z-index: 2; } .tabs .tabs__nav-slider-next { right: 0; } .tabs .tabs__nav-slider-next em { margin-left: 2px; } .tabs .tabs__nav-slider-prev { left: 0; } .tabs .tabs__nav-slider-prev em { margin-left: -2px; } .tabs .tabs__nav a { position: relative; display: block; width: 30px; height: 30px; margin: 00px auto; border: 3px solid #000; border-radius: 50%; font-size: 13px; color: #000; text-transform: uppercase; text-decoration: none; background: #fff; transition: background .3s; } .tabs .tabs__nav a span { position: absolute; bottom: calc(100% + 11px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .tabs .tabs__nav-slider { position: relative; padding: 0 54px; } .tabs .tabs__nav-slider:before { content: ''; position: absolute; width: 100%; height: 3px; bottom: 13px; left: 0; background: #000; } .tab { position: absolute; width: 100%; top: 0; left: 0; padding-bottom: 7px; overflow: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .tab.active { position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .tab.active ~ .tab { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .tab h3 { font-size: 30px; line-height: 1; position: relative; display: inline-block; margin: 0 0 12px; vertical-align: middle; } .tab h3:before { content: ''; position: absolute; width: 100vw; height: 5px; top: calc(100% + 2px); right: 0; background: #ffcf01; } .tab .tab__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .tab .tab__aside { -webkit-flex: 0 0 307px; -ms-flex: 0 0 307px; flex: 0 0 307px; margin-left: 90px; } .tab .tab__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; font-size: 15px; line-height: 1.47; color: #444; } .tab .tab__content p { margin-bottom: 22px; } .tab .tab__image { margin-bottom: 40px; } .tab .tab__image img { display: block; width: 100%; height: auto; } .tabs .tabs__nav { position: relative; } .tabs .tabs__nav li.active a, .tabs .tabs__nav a:hover { background: #ffcf01; } .tabs .tabs__nav-slider-prev, .tabs .tabs__nav-slider-next { position: absolute; width: 50px; height: 50px; bottom: -11px; border: 4px solid #000; border-radius: 50%; font-size: 20px; background: #fff; cursor: pointer; z-index: 4; transition: background .3s; } .tabs .tabs__nav-slider-prev em, .tabs .tabs__nav-slider-next em { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tabs .tabs__nav-slider-prev:hover, .tabs .tabs__nav-slider-next:hover { background: #ffcf01; } /* Mobile */ @media (max-width: 767px) { .tabs { padding: 25px 0 44px; } .tab .tab__inner { display: block; } .tab .tab__image { margin-bottom: 20px; } .tab .tab__aside { margin-left: 0; } } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { position: relative; padding: 86px 26px 86px 0; } .testimonial:after { } .testimonial .testimonial__image { position: relative; float: left; margin: 11px 31px 10px 0; -webkit-shape-outside: circle(); width: 44%; } .testimonial .testimonial__image-inner { width: 100%; height: 0; padding-top: calc(100% - 10px); border: 5px solid #ffcf01; border-radius: 50%; overflow: hidden; margin-left: 3px; background-size: cover; } /*.testimonial .testimonial__image:before { content: ''; position: absolute; bottom: 63px; right: -134px; display: inline-block; width: 156px; height: 6px; background: #ffcf01; }*/ .testimonial .testimonial__background { position: absolute; top: 88px; left: 262px; } .testimonial .testimonial__content { z-index: 1; padding: 24px 0 0; font-family: 'adobe-caslon-pro', sans-serif; font-size: 27px; } .testimonial .testimonial__content p { padding-top: 6px; margin-bottom: 0; line-height: 1; } .testimonial .testimonial__author { position: relative; top: 13px; display: block; padding-right: 19px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: normal; text-align: right; } .testimonial .testimonial__author strong { font-weight: 800; text-transform: uppercase; } .testimonial .testimonial__footer { margin: 18px 12px 0 0; text-align: right; } /* Modifier: Testimonial Alt */ .testimonial--alt { padding: 23px 0 0; } .testimonial--alt .list-more { margin: 0; } .testimonial--alt .testimonial__author { top: 0; padding: 0; } .testimonial--alt .testimonial__footer { margin: 7px 0 0; } .testimonial--alt .testimonial__background { top: 0; left: -30px; } .testimonial--alt .testimonial__content { padding-top: 0; font-size: 24px; line-height: 1.13; } .testimonial--alt .testimonial__content p { padding: 0; margin-bottom: 16px; line-height: 1.13; } @media (max-width: 1200px) { .testimonial { padding: 20px 100px; } .testimonial .testimonial__image:before { display: none; } .testimonial .testimonial__background { display: none; } .testimonial .testimonial__image { margin-top: 40px; } /* Modifier: Testimonial Alt */ .testimonial--alt { padding: 0; } .testimonial--alt .testimonial__background { display: block; } } @media (max-width: 767px) { .testimonial { padding: 20px 0; } .testimonial .testimonial__content { font-size: 22px; } .testimonial .testimonial__author { font-size: 14px; text-align: left; } .testimonial .testimonial__footer { text-align: left; } .testimonial .testimonial__image { float: none; width: 70%; margin: 0 auto; -webkit-shape-outside: none; } /* Modifier: Testimnoal Alt */ .testimonial--alt { padding: 20px 0 0; } .testimonial--alt .testimonial__background { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } /* ------------------------------------------------------------ *\ Testimonial Alt \* ------------------------------------------------------------ */ .testimonial-alt { padding: 48px 0 33px; font-family: 'Times', serif; font-size: 27px; line-height: 1.12; background: #ffcf01; color: #000; } .testimonial-alt p { position: relative; padding-left: 20px; } .testimonial-alt p:before { content: ''; position: absolute; width: 30px; height: 22px; top: 3px; left: -17px; background: url(/dt/css/images/quotes.png) no-repeat 0 0; } .testimonial-alt .testimonial__quote:after {content: '';position: relative;width: 30px;height: 22px;top: 0;bottom: 4px;left: 10px;background: url(/dt/css/images/quotes-right.png) no-repeat 0 0;display: inline-block;} /*.testimonial-alt p:after { content: ''; position: absolute; width: 2px; top: 32px; bottom: 4px; left: -1px; background: #000; }*/ .testimonial-alt .testimonial__inner { position: relative; padding-right: 383px; } .testimonial-alt .testimonial__inner.music-quote { padding-right: 0; } .testimonial-alt .testimonial__image { position: absolute; width: 280px; height: 280px; top: 50%; right: 0; margin-top: -140px; border: 6px solid #ffcf01; border-radius: 50%; overflow: hidden; z-index: 15; } .testimonial-alt .testimonial__image img { display: block; width: 100%; height: auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .testimonial-alt .testimonial__inner { padding-right: 320px; } } /* Mobile */ @media (max-width: 767px) { .testimonial-alt { padding: 58px 0 61px; } .testimonial-alt .testimonial__image { position: static; margin: 0 auto 20px; border-color: #fff; } .testimonial-alt .testimonial__inner { padding-right: 0; } } /* ------------------------------------------------------------ *\ Alert Box \* ------------------------------------------------------------ */ .alert-box { color: #000; background: #ffcf01; padding: 25px 0 35px; } .alert-box .alert-box__title { font-size: 54px; position: absolute; } .alert-box .alert-box__entry { padding: 9px 0 0 110px; } .alert-box .alert-box__entry .btn.btn--default:hover { background: #555; color: #fff; } .stories .alert-box .alert-box__title {font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-transform: uppercase; line-height: 1.33;} .magazine.wrapper .alert-box p, .magazine.wrapper .alert-box span { font-family: 'Open Sans', sans-serif;} .magazine.wrapper .alert-box .date_block {font-weight: 900; text-transform: uppercase;} @media (max-width: 1023px) { .alert-box { padding: 9px 0 11px; } .alert-box .alert-box__entry { padding: 17px 0 0 110px; font-size: 13px; } } @media (max-width: 770px){ .alert-box { padding-top: 50px; padding: 50px 0 30px 0;margin-bottom:-20px;} .alert-box .alert-box__entry { padding: 0; font-size: 12px; } .alert-box .alert-box__title { position: initial; font-size: 35px; } .alert-box .alert-box__entry { padding: 0; font-size: 12px; } } @media (max-width: 479px){ .alert-box { padding: 50px 0 30px; } .alert-box .alert-box__title { position: initial; font-size: 35px; } .alert-box .alert-box__entry { padding: 0; font-size: 12px; } } /* ------------------------------------------------------------ *\ Tweet \* ------------------------------------------------------------ */ .tweet { position: relative; padding: 30px 17px 21px 36px; border: 1px dashed #333; margin: -1px 40px 0 0; background: #141414; /*font-family: 'Myriad Pro', sans-serif;*/ font-family: 'Open Sans', sans-serif; } .tweet a { color: #ffcf01; } .tweet .tweet__icon { position: absolute; top: -27px; left: -52px; font-size: 75px; color: #0aa5d8; } .tweet .tweet__title { font-size: 18px; margin-bottom: 2px;/* font-family: 'Ubuntu', sans-serif;*/ font-family: 'futura-pt', Futura, sans-serif; font-weight: 700; color: #ffcf01; text-transform: none; } .tweet .tweet__content { margin-bottom: 7px; font-weight: 400; font-size: 16px; color: #bababa; line-height: 1.5; } .tweet .tweet__meta { font-size: 12px; color: #969696; text-transform: uppercase; } @media (max-width: 1200px) { .tweet { margin: 0; } } @media (max-width: 767px) { .tweet .tweet__icon { left: -9px; font-size: 58px; } .tweet { padding: 28px 17px 21px; } } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video { position: relative; } .video iframe { min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; display: block; opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; } .video .video__play { position: relative; z-index: 1; } .video .video__play a { display: block; } .video .video__play img { display: block; width: 100%; } .video .video__play i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate( -50%, -50% ); -ms-transform: translate( -50%, -50% ); transform: translate( -50%, -50% ); z-index: 5; /*color: rgba(255, 255, 255, .3);*/ color: rgba(255, 255, 255, .75); font-size: 145px; transition: all .3s; } .video .video__play a:hover i { color: #fff; } .video--playing iframe { opacity: 1; visibility: visible; pointer-events: auto; } #flex-full .video .video__play i { color: rgba(255, 255, 255, .75); } @media (max-width: 767px) { .video .video__play i { font-size: 100px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widgets--mobile { display: none; } /*.widget { margin-bottom: 25px; }*/ /* ------------------------------------------------------------ *\ Widget Features \* ------------------------------------------------------------ */ .widget--callout { background: rgba(255, 207, 1, .3); padding: 35px; margin-top: 25px; } .widget--callout .widget__entry { margin-bottom: 20px; line-height: 1.5; } .widget--article .widget__image { margin-bottom: 16px; } @media (max-width: 767px) { .widget .widget__image img { width: 100%; } .widget .widget__title { font-size: 30px; } .widget .widget__entry { font-size: 17px; } .sidebar .js-clone { display: none; } .widgets--mobile { display: block; margin-left:0 !important; } } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Magnific popup fade effect \* ------------------------------------------------------------ */ /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; transition: all 0.4s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.4s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ /*..gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #000 !important; } gsc-tabsArea { display: none; } .gsc-control-cse, .gsc-webResult.gsc-result { background: none !important; } .gsc-webResult.gsc-result { margin-bottom: 0 !important; padding: 20px !important; border-bottom: solid 1px #eee !important;} .gsc-table-cell-thumbnail.gsc-thumbnail { padding-right: 10px !important; } .gsc-control-cse { padding: 30px 0 !important; border: none !important; } .gsc-control-cse .gsc-table-result { font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; } .gsc-results .gsc-cursor-box { margin-top: 10px; } .gsc-results .gsc-cursor-box .gsc-cursor-page, .gs-webResult div.gs-visibleUrl { color: #0069ba !important; font-size: 15px; } .gsc-refinementsArea { display: none; } .gsc-result-info-container { font-weight: bold !important; } input.gsc-input, .catalog_search input { background: #fff !important; border: 1px solid #b7b7b7 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0 !important; width: 100% !important; height: 43px !important; padding-left: 10px !important; }*/ .catalog_search input { width: 57% !important; } /*input.gsc-search-button, */.catalog_search .submit{ min-width: 147px !important; padding: 6px 15px !important; background: #000 !important; font-family: 'futura-pt-condensed', Futura, sans-serif !important; font-size: 24px !important; font-weight: 500 !important; color: #fff !important; text-decoration: none !important; text-transform: uppercase !important; text-align: center !important; letter-spacing: .01em !important; transition: all .3s !important; height: auto !important; border: none !important; } .double_callouts { clear: both; overflow: auto; } .double_callouts section { float: left; margin: 0 20px 20px 0; width: 340px; } .double_callouts section.last { margin: 0 0 20px 0; } .double_callouts section.single { float: none; margin: 0 0 20px 0; width: 700px; } .double_callouts .block_image_link { margin: 0 0 15px 0; } .double_callouts p { margin: 0 0 15px 0; } .double_callouts h3 { margin: .5em 0 8px 0; } .double_callouts section.single .block_image_link, .double_callouts section.single .block_image { float: left; margin: 0 20px 15px 0; } .double_callouts section.single article { float: left; width: 340px; } .double_callouts section.single h3 { margin-top: 0; } #ubben_lectures .double_callouts section { min-height:344px; } @media (max-width: 1020px) { .double_callouts section, .double_callouts section.single { width: 100%; float: none; } } /* Dartlet adding these back in but they caused problems with their buttons, especially on news details. Andrea commented it out 12/6/17 .button.center {float:none; display:inline-block; } .content .button { color: #333; } .button span { background: #E5E5E5; border: 2px solid #FFF; cursor: pointer; display: block; font-size: 16px; font-style: italic; height: 26px; line-height: 26px; padding: 2px 20px 30px 20px; } .button .back { padding: 2px 55px 0 65px; background: #E5E5E5 url(site/images/back-white.png) no-repeat 8px 5px; } .button:hover { text-decoration: none; } .button:hover span { background: #FFCF01; } .button:hover .back { background: #FFCF01 url(site/images/back-white.png) no-repeat 8px 5px; }*/ /* ------------------------------------------------------------ *\ V. Gateway pages added by 51±¬ΑΟ 10/6/17 \* ------------------------------------------------------------ */ .gateway .content .isotope-grid {margin-left:0; width: 99%;} .gateway .content .link_blocks figure section {overflow: auto; padding: 1em 0;} .gateway .content .link_blocks figure section.link_blocks_img {width: 25%;} .gateway .content .link_blocks figure section.link_blocks_links {width: 75%;} .gateway .content .link_blocks figure section img {width: 150px;} .gateway .content .link_blocks figure {border-bottom:1px dotted #ccc; margin: 1em auto;} .gateway .nav_tertiary {margin-bottom: 2em;} ul.multi-column { column-count: 2; column-gap: 20px; } .content ul.multi-column li {margin: 8px 0px 8px 8px;} /* Gateway update 4/12/18 */ .fs-gateway h2, .discover__depauw h2 {font-size: 4em; } .fs-gateway h2:after, .discover__depauw h2:after{background: none;} .fs-gateway .content__top h2, .discover__depauw .content__top h2{margin-bottom: 0;} .fs-gateway .brand-statement, .discover__depauw .brand-statement {float:left; margin-top:-140px; margin-left: 1em;} .fs-gateway .brand-statement blockquote, .discover__depauw .brand-statement blockquote { font-family: 'adobe-caslon-pro'; line-height: 1.28; font-size: 35px; text-transform: none; margin-bottom: 0.3em; } .fs-gateway .gateway-top4 li {list-style-type: none; width:23%; margin:5px;} .fs-gateway .gateway-top4 li a { width:100%; height:123px; background:#FFCF01; text-decoration: none; color:black; padding:5px; display: block; } .fs-gateway .gateway-top4 li a:hover { background:black; color:white; } .fs-gateway .gateway-top4 li span.title {text-align: center; display: block; margin-bottom: 0; text-transform: uppercase; font-family: 'futura-pt', Futura, sans-serif; font-size: 16px; line-height: 1; font-weight: 400; } .fs-gateway .gateway-top4 li span.image {display: block; height:60px; margin: 0.25em auto 1em auto;} .fs-gateway .gateway-top4 li a.gw-hr span.image { background: url(/images/gateways/icon-handshake.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-hr:hover span.image { background: url(/images/gateways/icon-handshake-w.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-dept span.image { background: url(/images/gateways/icon-university.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-dept:hover span.image { background: url(/images/gateways/icon-university-w.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-academics span.image { background: url(/images/gateways/icon-graduation-cap.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-academics:hover span.image { background: url(/images/gateways/icon-graduation-cap-w.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-dining span.image { background: url(/images/gateways/icon-utensils.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-dining:hover span.image { background: url(/images/gateways/icon-utensils-w.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-num4 span.image { background: url(/images/gateways/icon-book.png) no-repeat center;} .fs-gateway .gateway-top4 li a.gw-num4:hover span.image { background: url(/images/gateways/icon-book-w.png) no-repeat center;} .fs-gateway .cal__subnav {padding-left:7.5em; background: #333 url(../../images/gateways/icon-date.png) no-repeat 1.5em;} .fs-gateway .cal__subnav hr { border:0.5px solid white; width: 75%;} .fs-gateway .cal__subnav h4 {margin-bottom: 0.5em;margin-top: 0.5em;} .fs-gateway .cal__subnav h4 a { font-family: 'futura-pt', Futura, sans-serif; font-size: 16px; line-height: 1; font-weight: 400; color: white; text-decoration: none;} .fs-gateway .cal__subnav h4 a:hover {color:#FFCF01; text-decoration: underline;} .fs-gateway .nav_tertiary {margin-top: 1.5em;} .fs-gateway .section-entrys {color:#000;} .fs-gateway h2.news__title, .fs-gateway h2.fs-gateway__subtitle {text-align: center; margin:0 auto 0.5em auto; font-size: 3em;} .fs-gateway h2.fs-gateway__subtitle {text-align: left;} .main .fs-gateway .main__inner {padding-bottom: 2em;} .fs-gateway .content .isotope-grid {margin-left:0; width: 99%;} .fs-gateway .content .link_blocks div {overflow: auto; padding: 1em 0; margin-right: 10px;} .fs-gateway .content .link_blocks div.link_blocks_img {} .fs-gateway .content .link_blocks div.link_blocks_links {float:left; width:48%;} .fs-gateway .content .link_blocks div img {width: 150px;} .fs-gateway .content .link_blocks {border-bottom:1px dotted #ccc; margin: 1em auto;} .fs-gateway .dir_search fieldset {margin-top: 11px;} .fs-gateway a.dir_button {background: rgba(155, 155, 155, .3); border-bottom: 3px solid white; border-right: 3px solid white; text-decoration: none; color: black; padding: 0.5em; } .fs-gateway a.dir_button.active {border-bottom: 3px solid transparent; background: rgba(195, 195, 195, .3); overflow: auto; } .fs-gateway a.dir_button:hover{background: rgba(195, 195, 195, .3); text-decoration: underline;} .fs-gateway .link_blocks_links h3 {color:black; padding: 5px; text-align: center; background:#FFCF01;} .fs-gateway .link_blocks_links ul {list-style-type: none; margin-left:0; border-left:solid 3px #444; padding-left: 10px;} .fs-gateway .content .link_blocks { border:none; margin: 1em auto;} .fs-gateway .link_blocks_links ul li a {color:black; text-decoration: none;} .fs-gateway .link_blocks_links ul li a:hover {text-decoration:underline;} .dir_search .query:focus, .stories_search .query:focus {outline:auto;} /* Tablet Portrait */ @media (max-width: 1023px) { .fs-gateway .gateway-top4 li {width:45%; margin: 5px;} } /* Mobile */ @media (max-width: 767px) { .fs-gateway .content .link_blocks div.link_blocks_links {width: 100%; margin: auto; height: auto; float: none;} .fs-gateway .content .link_blocks figure section img { display: none;} .multi-column { -moz-column-count: 1; -moz-column-gap: 20px; -moz-column-fill: auto; -webkit-column-count: 1; -webkit-column-gap: 20px; -webkit-column-fill: auto; column-count: 1; column-gap: 20px; column-fill: auto; } } /* ------------------------------------------------------------ *\ Sidelet/Callout Styling by 51±¬ΑΟ 10/6/17 \* ------------------------------------------------------------ */ /* Styles for social blocks */ .sidelets-2017 h3.smaller a, .sidelets-2017 h2.smaller a { background: url(https://www.depauw.edu//dt/css/images/sprites.png) no-repeat -179px -22px; float: right; height: 18px; width: 18px; } .sidelets-2017 h3.smaller a:hover, .sidelets-2017 h2.smaller a:hover { background-position: -102px -18px; } .sidelets-2017 h3.smaller a span, .sidelets-2017 h3.smaller a span {position: relative; left: -1000px; } .social_blocks section { margin: 0 0 1px 0; padding: 20px 15px; } .social_blocks h4, .social_blocks h2 { color: #FFF; font-size: 1.5em; line-height: 17px; margin: 0 0 1.5em 0; } .social_blocks h4 span, .social_blocks h2 span { background: url(https://www.depauw.edu//dt/css/images/sprites.png) no-repeat; float: left; height: 17px; margin: 0 7px 0 0; width: 10px; } .social_blocks a { border-bottom: 1px solid #627AAD; color: #FFF; display: block; font-size: 14px; line-height: 18px; margin: 0 0 10px 0; padding: 0 0 10px 0; } .social_blocks a.last, .social_blocks a:last-child { border: none; margin: 0; padding: 0; } .social_blocks .facebook { background: #3B5998; } .social_blocks .facebook h4 span, .social_blocks .facebook h2 span { background-position: -260px 0; } .social_blocks .twitter { background: #4ED3FF; } .social_blocks .twitter h4 span, .social_blocks .twitter h2 span { background: url(https://www.depauw.edu/images/social-icons-17x17-000-x.png) no-repeat; margin: 0 7px 0 0; width: 17px; } .callout .social_blocks .twitter h4, .callout .social_blocks .twitter h2, .social_blocks .twitter, .social_blocks .twitter p {color:#000;} .social_blocks .twitter a { border-color: #71DCFF; color:#000;} .social_blocks .linkedin { background: #0274b3; margin-bottom:25px; } .social_blocks .linkedin h4 span, .social_blocks .linkedin h2 span { background: url(/dt/images/linkedin-icon.png) no-repeat; margin: 0 7px 0 0; width: 17px; } .social_blocks .linkedin a { border-color: #71DCFF; } .callout .social_blocks { margin: 0; float: none; } .callout .social_blocks h4, .callout .social_blocks h2 { color: #FFF; line-height: 17px; margin: 0 0 1.5em 0; } /*.sidelets-2017 ul.gray, .sidelets ul.gray { background: #E5E5E5; }*/ .sidelets-2017 h3 a { text-decoration: none;} .sidelets-2017 ul {margin-left: 0;} .sidelets-2017 .callout .social_blocks, .sidelets-2017 .top_resources, .sidelets-2017 .popular_links {margin: 1.5em auto auto auto;} .sidelets-2017 .widget--callout { background: none; margin:auto; padding: 0; /*margin-bottom: 1.5em;*/} .sidelets-2017 .widget--callout .contact_callout_wrapper, .sidelets-2017 .request_information, .sidelets-2017 .flexible_gray, .magazine.story-2col .widget--callout form { background: rgba(255, 207, 1, .3); /*padding: 35px;*/ padding: 2.3em; margin-top: 1.5em;} .contact_callout_wrapper h2, .widgets--mobile .contact_callout_wrapper h2 { font-size: 1.5em; line-height: 1em; margin-top: .5em; } .flexible_gray h2.smaller { font-size: 1.5em; line-height: 1em; margin-top: .5em; } .dir_search h2.smaller { font-size: 1.5em; line-height: 1em; margin-top: .5em; } /* Added for Covid hours display per Academic Affairs */ .dept-hours {background: rgba(255, 207, 1, .3); padding: 13px 37px; margin-top: 6px;} .dept-hours_wrapper {vertical-align: text-top; font-family: 'Open Sans', sans-serif; text-transform: uppercase;} .sidelets-2017 .dept-hours h3 {font-family: 'Open Sans', sans-serif; font-weight: bold; display: inline-block; margin-top: 0em; margin-bottom: 0em; font-size: 1em; line-height: normal; vertical-align: text-top;} .hours-time {padding-left: 4.25em; } .page-elements_content_block div h3:first-of-type {margin-top: -0.5em;} @media (max-width: 1023px) { .dept-hours {font-size: 0.75em;} } @media (max-width: 767px) { .dept-hours {font-size: 1em;} .hours-day, .hours-time {display: inline;} .hours-time {padding-left: 0em; } } /* End Covid hours display per Academic Affairs */ .sidelets-2017 .widget--callout .featured_news_wrapper, .sidelets-2017 .callout {overflow:auto;} .sidelets-2017 .widget--callout .featured_news_wrapper a{ text-decoration: none;} .sidelets-2017 hr {margin: 1em 0; border: #000 1px solid; height: 1px; } .sidelets-2017 hr.no_margin {margin: 0; } .sidelets-2017 h3.contact2011 { display: none;} .sidelets-2017 .widget--callout .featured_news_wrapper h3, .sidelets-2017 h3, .sidelets-2017 .link_list h4 {font-size: 1.5em; line-height:1em; margin-top: 0.5em;} .sidelets-2017 .widget--callout .featured_news_wrapper img, .sidelets-2017 .important_dates img, .sidelets-2017 .block_image_link img {display: block; width: 100%; height: auto;} .sidelets-2017 .important_dates li { border-top: 1px solid #D7D7D7; padding: 1.3em 2.3em; list-style-type: none;} .sidelets-2017 .important_dates li.first { border: none; } .sidelets-2017 .important_dates strong { color: #345290; display: block; } .sidelets-2017 .important_dates a { color: #262626; display: block; font-size: 1em; line-height: 1.3em; } .sidelets-2017 .important_dates em { color: #666; display: block; font-size: 1em; line-height: 1.3em; margin: 0 0 5px 0; } .sidelets-2017 .important_dates p { margin: 0; } .sidelets-2017 .important_dates_wrapper h3 { margin: 1em auto; } .sidelets-2017 .important_dates_wrapper h2.smaller { font-size:1.5em; margin: 1em auto; line-height:1em; } .sidelets-2017 .request_information { display: block; line-height: 1em; margin: 0 0 20px 0; padding: 18px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-transform: uppercase; font-size: 1.5em; text-decoration: none;} .sidelets-2017 .request_information span { background: url(https://www.depauw.edu//dt/css/images/sprites.png) no-repeat -283px 0; float: left; height: 14px; margin: -2px 10px 0 0; width: 22px; } .sidelets-2017 .block_image_link { margin: 1.5em 0 0 0; text-decoration: none; display: block; color: black; background-color: #FFCF01;} .sidelets-2017 .block_image_link p { text-align: center; padding: 15px 15px;} .sidelets-2017 a.block_image_link:hover {/*text-decoration: none; background: rgba(255, 207, 1, 1); */} .sidelets-2017 .block_image_link p small { display: block; font-size: 12px; font-weight: 400; margin: 0 0 7px 0; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; } .sidelets-2017 .block_image_link p em { display: block; font-size: 16px; font-style: italic; line-height: 16px; } .sidelets-2017 .block_image_link:hover { background-color: #555; color: #fff; } .sidelets-2017 .center p { text-align: center; } .sidelets-2017 .content .block_image_link { margin: 0 0 1.5em 0; } .sidelets-2017 a.button { text-decoration: none; text-transform: uppercase; display: inline-block; background: #000; color: #fff; margin-top: 10px; padding: 6px 10px; min-width: 147px; font-size: 22px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-align: center; letter-spacing: .01em; transition: all .3s;} .sidelets-2017 a.button:hover {background-color: #FFCF01; border-color: #FFCF01; color:black;} .sidelets-2017 .link_list h4 {margin-bottom: .5em;} .sidelets-2017 .link_list li{ margin-bottom: .5em;} .sidelets-2017 .link_list h2{ font-size: 1.5em; line-height:1em; margin-bottom: .5em; margin-top: .5em; } .sidelets-2017 .flexible_gray, .sidelets-2017 ul.gray, .sidelets ul.gray {/*background:#e9e9e9;*/ background: rgba(195, 195, 195, .3);} .sidelets-2017 select { background: #fff; border: 1px solid #b7b7b7; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width: 100%; height: 43px; background:url("https://www.depauw.edu/images/library-arrow-down.png") no-repeat 95% #fff; padding-left: 1em;} .sidelets-2017 .popular_links hr { margin: 0; border: 1px dashed #ccc; height: 1px; display: block; } .sidelets-2017 .flexible {margin-top: 1.5em;} .sidelets-2017 .flexible h4, .sidelets-2017 .flexible h2 {color:#000000; font-size: 1.5em; margin-bottom: 0.4em;} .sidelets-2017 .flexible h2.smaller { line-height: 1em; margin-top: 0.5em; } .sidelets-2017 .flexible p {margin: 1em auto 0.4em auto;} .sidelets-2017 .featured_news_callout {margin-top: 1em;} .sidelets-2017 .featured_news_wrapper, .sidelets-2017 .important_dates_wrapper, .sidelets-2017 .featured_news_callout, .sidelets-2017 .widget--callout, .sidelets-2017 .widget--callout .featured_news_wrapper {overflow: hidden;} .sidelets-2017 .featured_news_callout h2.smaller { font-size:1.5em; line-height:1em; margin-top:.5em; } .full-calendar-events .calendar__body--alt {color:#000000;} .full-calendar-events .calendar__event a {color: #0069ba; text-decoration: underline;} /* styles from the original sheet to accomodate legacy sidelets/callouts */ .popular_links { background: #F0F0F0; margin: 0 0 20px 0; padding: 20px 10px; } .popular_links li { margin: 0 0 20px 0; overflow: hidden; } .popular_links li span { background: url(https://www.depauw.edu//dt/css/images/sprites.png) no-repeat -140px -22px; color: #FFF; float: left; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 9px; height: 18px; line-height: 16px; margin: 0 10px 0 0; text-align: center; width: 18px; } .popular_links li a { float: left; font-size: 16px; line-height: 18px; width: 172px; } .top_resources { background: #345290; margin: 0 0 20px 0; padding: 20px; } .top_resources h3, .top_resources h2 { color:#fff; font-size: 1.5em; line-height: 1em; margin-top: .5em; } .columns_2 { overflow: hidden; margin: 0 0 35px 0; } .columns_2 section { width: 50%; float: left; } @media (max-width: 767px) { .columns_2 section { width: 100%; float: left; } } /* ------------------------------------------------------------ *\ IV. Gallery \* ------------------------------------------------------------ */ .content .dt-gallery { margin-bottom: 20px; } .content .dt-gallery .gallery_no_title { margin-bottom: 10px; } .content .dt-gallery .barrel { overflow: visible; } .content .dt-gallery .chamber { margin-right: 20px; position: relative; cursor: pointer; display: inline-block;} .content .dt-gallery .chamber figcaption { background-color: rgba(34,34,34,.5); bottom: 0; position: absolute; width:100%; } .content .dt-gallery .chamber figcaption p { color:#fff; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size:12px; line-height:18px; margin:0; padding: 10px 20px; text-shadow: 1px 1px 2px #000; filter: dropshadow(color=#000, offx=1, offy=1); } .content .dt-gallery nav.dots li { background:none; float: left; height: 11px; margin: 0 0 0 7px; padding:0; overflow: hidden; width: 11px; } .content .dt-gallery nav.dots a.gallery_next { border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -ms-border-radius: 0px 10px 10px 0px; -o-border-radius: 0px 10px 10px 0px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; margin: 0 0 0 1px; padding: 0 10px 0 7px; font-family: 'futura-pt', Futura, sans-serif; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; width:auto; } .content .dt-gallery nav.dots a.gallery_prev { border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; padding: 0 7px 0 10px; font-family: 'futura-pt', Futura, sans-serif; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; width: auto; } .content .dt-gallery nav.dots a.gallery_next:hover, .content .dt-gallery nav.dots a.gallery_prev:hover { background:#222; text-decoration:none; } nav.dots { float: right; overflow: hidden; } nav.dots a { background: url(/dt/css//dt/css/images/sprites.png) no-repeat -80px 0; display: block; height: 11px; width: 11px; float: left; margin: 0 0 0 7px; } nav.dots a.active { background-position: -69px 0; } nav.dots a:hover { background-position: -91px 0; } a span.alt-text {position:relative; left:-10000px; background-color: #fff; color:#000;} .link-down span.alt-text {display:block; position:relative; left:-10000px;} .link-down a { text-decoration: none;} .content .dt-gallery .owl-stage {min-width:4000px;} /* Next Steps Callout Styles added by Andrea December 2017 */ .next-steps {background-size: cover;} .next-steps .section__inner { padding:3em; } .next-steps .section__inner section { background: rgba(0,0,0,0.75); padding:1em 4em 2em 4em; margin: 4em auto; width: 80%;} .next-steps .section__inner section h2 {color: white; text-align: center; position: relative; padding-bottom: 1px; line-height: 2em; width: 60%; margin: auto; margin-bottom: 0;} .next-steps .section__inner section h2:after { content: ''; width: 100%; height: 5px; /*background: #616161;*/ background: #ffcf01; position: absolute; bottom: -5px; left: 0; } .next-steps .section__inner section ul { margin-left: 0; padding: 2em 0 4em 0;} .next-steps .section__inner section li {list-style-type: none; } .next-steps .section__inner section li a.btn--default {float:left; margin: .5em; width: 29%; position: relative; background: white; font-family: 'futura-pt', Futura, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; padding: 11px 0 11px 39px; text-align: center; color: black;} .next-steps .section__inner section li a:hover {color: #000; text-decoration: none; /*display: block;*/ position: relative; z-index: 1; background: #ffcf01; transition: all .35s ease-in-out;} .next-steps .section__inner section span.nav__icon {width: 39px; position: absolute; top: 0; left: 0; text-align: center; z-index: 3; padding: 9px 0; background: #ffcf01; font-size: 24px;} .next-steps .section__inner section span.nav__icon em { line-height: 25px; display: block;} #flex-full .next-steps .shell, .dt_default_subnav .next-steps .shell, .section-entrys .next-steps .shell, .magazine .next-steps .shell {width:100%;} #flex-full .next-steps .section__inner, .dt_default_subnav .next-steps .section__inner, .section-entrys .next-steps .section__inner, .magazine .next-steps .section__inner{position: relative; margin-left: inherit; z-index: 2; max-width: 100%;} #flex-full .next-steps.section__entry--black:before, .dt_default_subnav .next-steps.section__entry--black:before, .section-entrys .next-steps.section__entry--black:before, .magazine .next-steps.section__entry--black:before {background: none;} .section-entrys.bullets .next-steps a.btn:hover {background: #ffcf01;color: black;} .dt_default_subnav .next-steps .section__inner section li a.btn--default, .section-entrys .next-steps .section__inner section li a.btn--default {padding: 10px 0 10px 39px;} @media (max-width: 1020px) { .next-steps .section__inner section ul { margin-left: 0; padding: 2em 0 2em 0;} .next-steps .section__inner section li a.btn--default {float:none; margin: .5em; width: 90%; } } @media (max-width: 479px){ .next-steps .section__inner section ul { margin-left: 0; padding: 2em 0 2em 0;} .next-steps .section__inner section { padding:1em; margin: 1em auto; width: 100%;} .next-steps .section__inner section li a.btn--default { font-size: 14px; padding: 12px 0 13px 39px; } .section-entrys .next-steps .section__inner section li a.btn--default { padding: 12px 0 11px 39px; } } /* Styles for a narrower Next Steps block on the homepage - November 2019 */ .main_home .next-steps {background-size:auto; background: black;} .main_home .next-steps .section__inner {padding: 1.5em 0 3em 0em; } .main_home .next-steps .section__inner section { margin: 0 auto; padding:0; background: none;} .main_home .next-steps .section__inner section ul {padding: 0 0em 2em 0em;} .main_home .next-steps .section__inner section ul li a { width: 31.5%;} h3#51±¬ΑΟDistinctions__title {color:#ffcf01;text-align: center;font-size: 24px;} .section-stats h4 {color:#ffcf01;text-align: center; font-size: 24px; margin-top: -16px;} .main_home .intro {max-height: 810px;} .main_home .next-steps.section-entrys .section__entry .shell {min-width: 980px;} .main_home .next-steps.section-entrys .section__entry--small h3 {margin-bottom: 0.5em;} .main_home .next-steps.section-entrys .next-steps.section__entry--small {min-height: inherit; padding: 0;} @media (max-width: 1200px) {.main_home .next-steps .section__inner section ul li a {width:31%;} } @media (max-width: 1023px) { .main_home .next-steps .section__inner section ul li a {width:98%;} .main_home .next-steps .section__inner { padding: 1.5em 0 1.5em 0em;} .main_home .next-steps .section__inner section ul { padding: 0 0em 0em 0em;} .main_home .next-steps.section-entrys .section__entry .shell {min-width: inherit;} } /* End styles for a narrower Next Steps block */ /* Standard Template Styles added by Andrea December 2017 */ #standard-wrapper p.introduction { color: #666; font-size: 1.3em; font-style: italic; font-weight: 400; line-height: 32px; } /* reset header sizes to EM on 51±¬ΑΟ Standard templates */ .content #standard-wrapper h2, .content #dept-announce h2 {font-size: 2em;} .content #standard-wrapper h3, .content #dept-announce h3 {font-size: 1.75em;} .content #standard-wrapper h4, .content #dept-announce h4 {font-size: 1.5em;} .content #standard-wrapper h5, .content #dept-announce h5 {font-size: 1.2em;} .content #standard-wrapper h6, .content #dept-announce h6 {font-size: 1em;} #standard-wrapper p, #standard-wrapper li, #standard-wrapper blockquote, #dept-announce p, #dept-announce li, #dept-announce blockquote {/*line-height: 1.6em; font-size:1.2em;*/} #standard-wrapper li > ol li, #standard-wrapper li > ul li { font-size:1em !important;} #standard-wrapper p p, #standard-wrapper li p, #standard-wrapper blockquote p {line-height: 1.4em; font-size:1em;} #standard-wrapper figcaption p {line-height: 1em; font-size:1em;} #standard-wrapper td p { font-size: 1em; line-height: 1.2em; margin: 0 0 10px 0; } #standard-wrapper td img {max-width: inherit;} #standard-wrapper hr, .dogwood_posts hr { /*background: url(/images/dotted-line-h-dark.png) repeat-x; border: 0; height: 1px; */margin: 0 0 25px 0; border: #000 1px solid;} #standard-wrapper h2 a { color: #000; text-decoration: none; } #standard-wrapper h2 a:hover { text-decoration: underline; } #standard-wrapper .content_twitter_feed { margin: 25px 0; } #standard-wrapper .library_tweets { height: 200px; margin: 20px 0 0 0; overflow: hidden; width: 729px; } #standard-wrapper .library_tweets section { float: left; height: 200px; width: 729px; margin: 0 0 40px 0;} #standard-wrapper .library_tweets article { background: #FFF; border: 1px solid #EEE; float: left; margin: 0 20px 0 0; padding: 3px; width: 212px; } #standard-wrapper .library_tweets article.last { margin: 0; } #standard-wrapper .library_tweets p { background: #F8F8F8; color:#545454; font-size: 13px; height: 150px; line-height: 16px; margin: 0 0 3px 0; overflow: hidden; padding: 15px; } #standard-wrapper .library_tweets em { background: #4ED3FF; color: #000; display: block; font-size: 12px; font-style: italic; height: 25px; line-height: 25px; padding: 0 15px; } #standard-wrapper .content_twitter_feed h3 a {text-decoration: none; color: black;} #standard-wrapper .content_twitter_feed h3 a:hover {text-decoration:underline;} #standard-wrapper table tr:nth-child(even) td, #standard-wrapper table table tr:nth-child(even) td{background: #fff;} #standard-wrapper table tr:nth-child(odd) td, #standard-wrapper table table tr:nth-child(odd) td {background: #eee;} #standard-wrapper table { width: inherit;} .drop_down h4 {color:#fff;} @media (max-width: 1020px) { #standard-wrapper .library_tweets, #standard-wrapper .library_tweets section, #standard-wrapper .library_tweets article { width: 100%; } #standard-wrapper .content_twitter_feed {height:245px; overflow-x: hidden;} #standard-wrapper {margin-left:1em;} #standard-wrapper.admission-rfi {margin-left:0;} } /* Full-flex Template Styles added by Andrea Jan 2018 */ #flex-full {background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0;} /* Safety Log/ ------------------------------------------------------------*/ p.password-instructions { color: #666; font-size: 1.3em; font-weight: 400; line-height: 32px; text-align:center; } .safety-log #field_Latitude,#field_Longitude{color:#666;background-color:#CCC} .safety-log dform.module .date_float{width:223px;float:left;margin:0 15px 0 0} .safety-log form.module .date_float input{width:213px;background:#FFF url(../images/icon_calendar.jpg) no-repeat 192px 2px} .safety-log form.module .time_float{width:322px;float:left;margin:0 15px 0 0} .safety-log form.module .time_float input{width:212px;background:#FFF url(../images/icons/time.png) no-repeat 197px 3px} .safety-log .pagination{font-family:futura-pt;margin:40px 0} .safety-log .pagination ul{display:inline;margin:0 0 0 1px;padding:0} .safety-log .pagination ul li,.perpg ul li{background:none;display:inline;margin:0;padding:0} .safety-log .pagination ul li a,.pagination li.active{border:1px solid lightgray; font-size:14px;margin:2px;padding:4px 6px; background: #666; color:white; text-decoration: none;} .safety-log .pagination ul li a:hover{ background: black; color:white;} .safety-log .perpg{border:0 solid #0FF;float:right;font-family:futura-pt;font-size:12px;margin:0} .safety-log .perpg ul{margin-left:1px;display:inline;padding:0} .safety-log .perpg ul li a{border:1px solid lightgray;font-size:12px;margin:2px;padding:4px;background: #666; color:white; text-decoration: none;} .safety-log .perpg ul li.active {border:1px solid lightgray;font-size:12px;margin:2px;padding:4px;background-color:#ffcf01;color:black} .safety-log table#Activity_Log tbody td{font-size:14px;font-family:futura-pt;vertical-align:top;padding:5px} .safety-log table#Activity_Log .reported,table#Activity_Log .occurred{width:90px} .safety-log .pagination .active,.perpg .active a{border:1px solid #ffcf01;background-color:#ffcf01;color:black} .safety-log .pagination .next-off,#pagination .previous-off,.perpg .next-off,#pagination .previous-off{color:lightgray} .safety-log .pagination .active {padding:4px 6px;} .pagination ul li.previous-off,.pagination ul li.next-off {border: 1px solid lightgray; font-size: 14px; margin: 2px; padding: 4px 6px; background: #666; color:white; text-decoration: none;} @media (max-width: 1020px) { .safety-log .perpg {float:none;} } @media (max-width: 510px) { .safety-log .pagination ul li a, .safety-log .pagination ul li.active,.safety-log .pagination ul li.divider, .pagination ul li.previous-off, .pagination ul li.next-off{ display: inline-block;} .safety-log .pagination ul, .safety-log .pagination {width:280px !important; display: block;} #map_canvas {display: none;} } /* LDAP Form ------------------------------------------------------------*/ #LDAPAuthenticationForm { width: 270px; margin: 0 auto; padding: 60px 0 0 0; text-align: center; font-family: futura-pt,sans-serif; } #LDAPAuthenticationForm form { background-color: #ccc; background-color: rgba(0,0,0,0.1); margin: 20px auto 10px auto; padding: 10px 20px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #LDAPAuthenticationForm .oneField { margin: 0 0 15px 0; } #LDAPAuthenticationForm label { display: block; color: #000; text-align: left; text-transform: uppercase; font-weight: normal; } #LDAPAuthenticationForm #dpu_username, #LDAPAuthenticationForm #dpu_password { font-size:20px; margin-right:6px; padding:3px; width:97%; } #LDAPAuthenticationForm .submitButton { float: right; font-size: 110%; width: 10em; } #LDAPAuthenticationForm .notice { width: 75%; margin: 20px auto 10px auto; padding: 10px 20px 20px 20px; background-color: rgba(255,255,255,0.1); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: none; color: #fff; } #LDAPAuthenticationForm .notice a { color: #fff; } #LDAPAuthenticationForm .notice h4 { margin-bottom: 10px; } #LDAPAuthenticationForm .notice p { margin: 0; } /* Added for use with jquery contectualize library in adding mime type images to links ------------------------------------------------------------*/ .link_xls span, .link_xlsx span { background: url(/dt/css/images/sprites.png) no-repeat -328px -38px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_pdf span { background: url(/dt/css/images/sprites.png) no-repeat -348px -26px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_doc span, .link_docx span { background: url(/dt/css/images/sprites.png) no-repeat -328px -26px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_ppt span, .link_pptx span { background: url(/dt/css/images/sprites.png) no-repeat -368px -26px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } /* Added from Features Photo Gallery ------------------------------------------------------------*/ .features .info_window { background: #222; height: 350px; padding: 20px; position: absolute; width: 270px; z-index: 2; } .features .info_window h4 { color: #ADADAD; margin: -3px 0 10px 0; } .features .info_window h3 { color: #FFF; font-size: 18px; line-height: 22px; margin: 0 0 5px 0; } #standard-wrapper .features .info_window p, #dept-announce .features .info_window p { color: #ADADAD; font-size: 14px; line-height: 18px; margin: 0; } .features .info_window .button { margin: 15px 0 0 0; } .features .info_window .button span { padding: 2px 30px 0 30px; } .features .info_window section { height: 285px; overflow: hidden; position: absolute; width: 180px; } .features { margin-bottom: 20px; } .features .gallery_no_title { margin-bottom: 10px; } .features .barrel { height:350px; margin-left: 270px; overflow: visible; } .features .chamber { margin-right: 20px; position: relative; cursor: pointer; overflow:hidden; width: 480px; height: auto; } .features nav.dots a:hover { background-position: -69px 0; } .content .features nav.next_prev { margin-top: -4px; } .content .features nav.dots a.gallery_next { background-color:#666; text-decoration: none;} .content .features nav.dots a.gallery_prev { background-color:#666; text-decoration: none; } .content .features nav.dots a.gallery_next:hover, .content .features nav.dots a.gallery_prev:hover { background:#999; text-decoration:none; } #standard-wrapper .features .button, #dept-announce .features .button { background: #FFCF01; color:#000; } #standard-wrapper .features .button:hover, #dept-announce .features .button:hover { background: #E5E5E5; } .features.revolver .barrel { overflow: hidden; position: relative; } .features.revolver .cylinder { position: absolute; width: 100000px; } .features.revolver .chamber { float: left; } .features.revolver .trigger { line-height: 9px; overflow: hidden; text-align: center; height: 11px; width: 100%; } .features.revolver .trigger span { background: url(..//dt/css/images/sprites.png) no-repeat -80px 0; cursor: pointer; display: inline-block; height: 11px; margin: 0 4px; text-indent: -99999px; width: 11px; } .features.revolver .trigger span.selected { background-position: -69px 0; } .features.revolver .trigger span:hover { background-position: -91px 0; } .section__head .shell h1 { font-size: 50px; font-weight: 500; letter-spacing: 0.068em; margin: 0; } /* Tweaks for differences on the Department Announcement pages */ #dept-announce span.date { margin-top: 1em; display: block;} #dept-announce h4.date {margin-bottom: 1em; } #dept-announce .first_image {margin-top: 3.5em;} #dept-announce p.caption {font-size: 0.9em; font-style: italic; color:#666; max-width: 300px;} #dept-announce #announcement-list h3 {line-height: 1em;} #dept-announce #announcement-list span.date { margin-top: 0; display: block; font-size: 0.85em; font-style: italic; color:#666;} #dept-announce a.contextualized p { margin:0; padding: 0; line-height: 1em; font-size: 1em;} @media (max-width: 1180px) { .features .info_window {width:280px; height: 300px; margin: auto; position: inherit;} .features .info_window section {width:260px; margin-top:2em; } .features .info_window h4 {display: none;} .features.revolver .cylinder {height:600px; } .features .barrel {margin-left: 0; width: 280px; margin: auto; height: 200px;} .features .chamber {width:280px;} } @media print { .header, nav, .sidebar{ display: none !important; } .content {width:100% !important; flex: none !important;} } /* !News Archive Pages */ /*------------------------------------------------------------*/ form.search_sidelet fieldset, .news_subnav .rss--callout, .magazine.story-2col .rss--callout { background: rgba(195, 195, 195, .3); /*padding: 35px;*/ padding: 2.3em; margin-top: 1.5em;} .rss_news_feed span { background: url(/dt/css/images/sprites.png) no-repeat -159px -23px; float: left; height: 18px; margin: 0 10px 0 0; width: 18px; } .rss_news_feed { text-decoration: none; color: black; } .rss_news_feed:hover { text-decoration: underline; } .news_column_right { float: right; width: 220px; } .news_column_right .in_the_media { padding-top: 0; } .news_column_left { float: left; width: 460px; } .content .row_header { clear: both; color: #345290; font-family: 'futura-pt', Futura, sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; margin:30px 0 10px 0; overflow: hidden; padding:0; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; } .content .news_list .row { background: none; } .news_list .row {position:relative; padding-left: 1.5em;} .news_list .row:before {content: ''; position: absolute; top: 1.75em; left: 0; width: 5px; height: 6.5em; background: #000; } .content .news_list .row h3 a { color: #000; text-decoration: none; line-height: 1em;} .news_list .row h3 a:hover { text-decoration:underline;} /*.news_list .row p { margin: 0; font-size: 14px; line-height: 18px; } .news_list .row p .date { margin: 0 0 10px 0; display: block; } */ .news-nav-select-widget {margin-bottom:10px;} .news-nav-select-widget .drop_down select, #directories .drop_down select {-webkit-appearance:menulist; -moz-appearance: menulist; appearance:menulist;} .news_subnav input[type="submit"], .dir_search input[type="submit"], .stories_search input[type="submit"], .magazine.story-2col input[type="submit"] {border:none;} .news_subnav .search_sidelet .query, .dir_search .query, .stories_search input[type="submit"], .magazine.story-2col .search_sidelet .query {margin: 1em auto;} .news_subnav .search_sidelet h2.smaller { font-size: 1.5em; line-height: 1em; margin-top: .5em; } .sidelets-2017 .widget--callout.related--news {margin-top: 1.5em} .related--news h3.smaller, .related--news h2.smaller { margin-bottom: 0.8em;} .related--news h2.smaller{ font-size: 1.5em; line-height: 1em; margin-top: .5em; } /* Styles for Admission Staff */ .counselor_state {background: none; margin:auto; padding: 0; background: rgba(255, 207, 1, .3); padding: 2.3em; margin-top: 1.5em;} .counselor_state select {border:none; margin-top: 1em;} ul.astaff-list {list-style-type: none; margin-left: 0;} ul.astaff-list li { min-height: 300px; border-bottom: rgba(205, 205, 205, .5) solid 1px;} /* Styles for Directories */ #directories menu.tabs { border-bottom: 1px solid #f3f3f3; height: auto; margin: 10px 0 0 0; overflow: auto; } #directories menu.tabs a { background:#ececec; border:none; display: block; color: #666; float: left; font-family: 'futura-pt', Futura, sans-serif; font-size: 12px; font-weight: 400; height:auto; line-height: 16px; margin:0 2px 0 0; overflow: hidden; padding:10px 20px; text-decoration: none; text-transform: uppercase; -webkit-transform: uppercase; -moz-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase; } #directories menu.tabs a:hover { background: #f3f3f3; } #directories menu.tabs a.active, #directories menu.tabs a.active:hover { background: #f3f3f3; border-color: #f3f3f3; } #directories .people {background: #f3f3f3; overflow: auto;} #directories .row_header {border-top: none; margin: 0; padding: 1em; font-size: 1.2em; line-height: 1.2em; color:#000; font-weight: 700; height: auto; border-bottom: 1px solid #ccc;} #directories .row {padding: 1em; border-bottom: 1px solid #ccc;} #directories .r_10 {width:8.5%;} #directories .r_30 {width:28.5%;} #directories .letter_pagination { font-size:0.95em; } #directories .row:last-child {border-bottom: none;} #directories .email {font-size:0.8em;} h2.affiliated {clear:both; padding-top: 24px;} .sidebar .drop_down.emerg_serv h4 {color:white;} .search_sidelet fieldset {border:none;} .search_sidelet .styled-input--square {padding:1em;} .search_sidelet .styled-input--square label {padding-left:1em;} /* Added For new Page Elements Callouts ------------------------------------------------------------*/ /* Callout - Accordion ------------------------------------------------------------*/ .accordion, .section-entrys .accordion {overflow: auto; margin: 2em auto; } .accordion h2, .accordion h3, .accordion h4, .accordion .row p { color: black; } .accordion h3.default_header {background: none repeat scroll 0 0 #ffcf01; font-size: 1.75em; line-height: 1.5em; margin: 0; padding: 0.125em; text-transform: uppercase; text-align: center;} .accordion h3.header_text {background:none; text-align: left;} .accordion .row { /* background-image: url("https://www.depauw.edu/images/row_closed_hover_black.png"); background-repeat:no-repeat; background-position:98% center;*/ background-image: none; cursor: pointer; padding: 0; border-bottom: rgba(205, 205, 205, .5) solid 1px; padding: 2em; line-height: 1.6em; position: relative; } .accordion .row::after { content:"\25BC"; position: absolute; top: 50%; right:1em; margin: -0.7em 0 0 0%; font-size: 1.2em; color:#888;} .accordion .row:hover::after { content:"\25BD"; } .accordion .row.expanded::after {content:"\25B2";} .accordion .row.expanded:hover::after {content:"\25B3";} .accordion .row.accordion_footer::after { display:none;} .accordion p {margin:0; vertical-align:middle; padding:1em 1em 1em 0;} .accordion p:last-child { margin: 0 0 15px; } .accordion .row .content-hidden {display:none; } .accordion .row.accordion_footer { background-image: none; cursor: default; background-color:rgba(238,238,238,0.7); font-size: 0.75em;} .accordion .row.accordion_gray { background-color:rgba(238,238,238,0.7); } .content .accordion .row a.btn { color: white; line-height: 1.33;} .content .accordion .row a.btn:hover { color: black; } /* Callout - Content Block ------------------------------------------------------------*/ /* styles for if it's in a full page */ .section-entrys .page-elements_content_block div, #flex-full .page-elements_content_block div, .section-entrys .page-elements_content_block section {max-width: 1180px; padding: 2em 12em 2em 12em; margin: 0 auto;} /* styles for if it's in a subnav page */ .page-elements_content_block {color: black;} .page-elements_content_block div {margin:1em auto;} .page-elements_content_block div.nospace-top, #flex-full .page-elements_content_block div.nospace-top {padding-top:0 !important; margin-top: 0;} .page-elements_content_block div.nospace-bottom, #flex-full .page-elements_content_block div.nospace-bottom {padding-bottom:0 !important; margin-bottom: 0;} .page-elements_content_block div.addspace-top, #flex-full .page-elements_content_block div.addspace-top {padding-top:3em; margin-top: 0;} .page-elements_content_block div.addspace-bottom, #flex-full .page-elements_content_block div.addspace-bottom {padding-bottom: 3em; margin-bottom: 0;} .page-elements_content_block div.nospace-bottom, .page-elements_content_block p:last-of-type {padding-bottom:0 !important;} .page-elements_content_block li { list-style-position: inside; } .page-elements_content_block ul {margin-left: 0.2em;} .page-elements_content_block p:last-of-type {padding-bottom: 1.33em; margin-bottom: 0;} .section-entrys.bullets .page-elements_content_block a { color: #0069ba; text-decoration: underline;} .section-entrys.bullets .page-elements_content_block a:hover { text-decoration: none; } #flex-full .page-elements_content_block, .section-entrys .page-elements_content_block {background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0; margin: auto; } #flex-full .no__pattern, .section-entrys .no__pattern, #flex-full .no__pattern, .section-entrys .no__pattern {background: none;} @media (max-width: 1023px) { .section-entrys .page-elements_content_block section, #flex-full .page-elements_content_block section, .section-entrys .page-elements_content_block div, #flex-full .page-elements_content_block div {max-width: 1180px; padding: 2em 4em; } .page-elements_content_block li { list-style-position: inside; margin-block-end: 1em; } } /* Callout - Flexible 1-3 images ------------------------------------------------------------*/ .flex-image-blocks {margin:2em auto;} .flex-image-blocks.flex-img-2, .flex-image-blocks.flex-img-3 {width:100%;overflow:hidden;} .flex-image-blocks.flex-img-2 .flex-image-block {max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; display: inline-block;} .flex-image-blocks.flex-image-blocks.flex-img-1 .flex-image-block, .flex-image-blocks.flex-image-blocks.flex-img-1 .flex-image-block{ max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding:0;} .flex-image-blocks.flex-img-1 .flex-image-block p {margin: 1.5em auto 1.33em auto; padding-bottom: 1em;} .flex-image-blocks.flex-img-1 .flex-image-block p, .flex-image-blocks.flex-img-2 .flex-image-block p, .flex-image-blocks.flex-img-3 .flex-image-block p {font-size: 13px; } .flex-image-blocks.flex-img-2 .flex-image-blocks-wrapper, .flex-image-blocks.flex-img-3 .flex-image-blocks-wrapper {max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; /*margin: auto;*/margin:auto 1em; width: 100%;} /* to fix an issue in IE 11 */ .flex-image-blocks.flex-img-1 {display:block; } .flex-image-blocks.flex-img-1 .flex-image-left, .flex-image-blocks.flex-img-1 .flex-image-right {float:left; padding: 0 1em 0 0; margin: 0 1em 0 0; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .flex-image-blocks.flex-img-1 .flex-image-right {float:right; padding: 0 0 0 1em; margin: 0 0 0 1em; } .image_credit { text-transform: uppercase; text-align: right; font-family: 'futura-pt', Futura, sans-serif; display: block; color: #909090; float: right; clear: both; } .flex-image-blocks.flex-img-1 .image_credit, .flex-image-blocks.flex-img-2 .image_credit {font-size: 0.75em; line-height: 1em; margin: 3px 0 3px 0.75em;} .flex-image-blocks.flex-img-3 .image_credit {font-size: 0.5em; line-height: 1em; margin: 3px 0 3px 0.5em;} .flex-image-blocks.flex-image-center {text-align:center; } .magazine.story-2col .flex-image-blocks.flex-img-2 .flex-image-blocks-wrapper, .magazine.story-2col .flex-image-blocks.flex-img-3 .flex-image-blocks-wrapper {margin: 0;} .magazine.story-2col .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper {padding: 0;} .magazine.story-2col .flex-image-blocks.flex-img-1 .flex-image-left, .magazine.story-2col .flex-image-blocks.flex-img-1 .flex-image-right { margin: 0;} .content .news-item {list-style-type: none;} .magazine .news__item-content p {color:black; text-align: center; font-size: 1.25rem; line-height: 1.333; } /* styles for if it's in a full page */ .section-entrys .flex-image-blocks, #flex-full .flex-image-blocks, .magazine .flex-image-blocks {background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0; padding: 4em 2em; margin: auto; display:inline-block;} .section-entrys .flex-image-blocks.flex-img-3 .flex-image-block, #flex-full .flex-image-blocks.flex-img-3 .flex-image-block, .magazine .flex-image-blocks.flex-img-3 .flex-image-block {max-width: 33.3%; -webkit-flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; align-self: flex-start;} .flex-image-blocks.flex-img-3 .flex-image-blocks-wrapper, .flex-image-blocks.flex-img-2 .flex-image-blocks-wrapper { display: flex; align-items: center; justify-content: center; } .section-entrys .flex-image-blocks.flex-img-2 .flex-image-block, #flex-full .flex-image-blocks.flex-img-2 .flex-image-block, .magazine .flex-image-blocks.flex-img-2 .flex-image-block {max-width: 49.5%; -webkit-flex: 0 0 49.5%; -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; align-self: flex-start;} .section-entrys .flex-image-blocks.flex-img-1, #flex-full .flex-image-blocks.flex-img-1, .magazine .flex-image-blocks.flex-img-1 { display: block; margin: 0 auto; background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0; padding: 0;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-block, #flex-full .flex-image-blocks.flex-img-1 .flex-image-block, .magazine .flex-image-blocks.flex-img-1 .flex-image-block{max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; /*top: calc(100% + 2px);*/ padding: 2em 2em 2em 0; } .section-entrys .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper , #flex-full .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper, .magazine .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper { max-width: 1180px; padding: 0 12em 0 12em; margin:0 auto;} /*.section-entrys .flex-image-blocks.flex-img-1, #flex-full .flex-image-blocks.flex-img-1, .magazine .flex-image-blocks.flex-img-1 { max-width: 1180px; }*/ #flex-full .full-calendar-events .calendar { background: none;} #flex-full .full-calendar-events .calendar__event a {color:black; } .section-entrys .flex-image-blocks.flex-img-1 .flex-image-left, .section-entrys .flex-image-blocks.flex-img-1 .flex-image-right, #flex-full .flex-image-blocks.flex-img-1 .flex-image-left, #flex-full .flex-image-blocks.flex-img-1 .flex-image-right, .magazine .flex-image-blocks.flex-img-1 .flex-image-left, .magazine .flex-image-blocks.flex-img-1 .flex-image-right {float:left; padding: 0; margin: 2.5em 1em 0 12em; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; background: none;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-right, #flex-full .flex-image-blocks.flex-img-1 .flex-image-right, .magazine .flex-image-blocks.flex-img-1 .flex-image-right {float:right; padding: 0; margin: 2.5em 12em 0 1em } .section-entrys .flex-image-block p/*, .section-entrys .flex-image-block a, .magazine .flex-image-block a*/ {color:black; font-size: 13px;} /*.section-entrys .flex-image-block a:hover, .magazine .flex-image-block a:hover {color:black; text-decoration: underline;}*/ .flex-image-right .flex-image-block p:last-of-type, .flex-image-left .flex-image-block p:last-of-type {border-bottom: 1px solid rgba(0,0,0,0.33); } .flex-image-right .flex-image-block .news-item__imagelink p:last-of-type, .flex-image-left .flex-image-block .news-item__imagelink p:last-of-type {border-bottom:none;} .flex-image-right .flex-image-block .news-item__imagelink, .flex-image-left .flex-image-block .news-item__imagelink {border-bottom: 1px solid rgba(0,0,0,0.33); padding-bottom: 2em;} /* Fixes for image blocks with paragraphs */ .section-entrys .flex-image-block h3, .section-entrys .flex-image-block h2, .section-entrys .flex-image-block h4, .section-entrys .flex-image-block h5, .section-entrys .flex-image-block h6 {color:black;} .flex-image-block .image_paragraph a { color: #0069ba; text-decoration: underline;} .flex-image-block .image_paragraph a:hover { text-decoration: none;} .flex-image-blocks .image_paragraph { color:black; overflow: hidden; } .flex-image-blocks .image_paragraph ul { list-style-position: inside;} .flex-image-blocks .link_pdf span {display: none;} .flex-image-blocks .btn.link_pdf span {display: inherit;} @media (max-width: 1200px) { .section-entrys .flex-image-blocks.flex-img-1, #flex-full .flex-image-blocks.flex-img-1, .magazine .flex-image-blocks.flex-img-1 { padding: 0 8em;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper, #flex-full .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper { max-width: 1180px; padding: 2em 4em; margin:0 auto;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-block, #flex-full .flex-image-blocks.flex-img-1 .flex-image-block {padding: 0;} .magazine .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper { max-width: 1180px; padding: 0 4em 0 4em; margin:0 auto;} } @media (max-width: 1023px) { .section-entrys .flex-image-blocks.flex-img-1, #flex-full .flex-image-blocks.flex-img-1, .magazine .flex-image-blocks.flex-img-1 { padding: 2em 0 0 0;} } @media (max-width: 767px) { .section-entrys .flex-image-blocks, #flex-full .flex-image-blocks, .magazine .flex-image-blocks {padding:4em 0;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-block, .magazine .flex-image-blocks.flex-img-1 .flex-image-block {padding:0;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper, #flex-full .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper { padding: 2em 1em;} .flex-image-blocks.flex-img-1 .flex-image-left, .flex-image-blocks.flex-img-1 .flex-image-right {float:none; padding: 0; margin: 0; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .main__inner .flex-image-blocks.flex-img-1 .flex-image-right {float:none; } .main__inner .flex-image-blocks.flex-img-3 .flex-image-block, .main__inner .flex-image-blocks.flex-img-2 .flex-image-block {padding:0;} .flex-image-blocks.flex-img-2 .flex-image-blocks-wrapper, .flex-image-blocks.flex-img-3 .flex-image-blocks-wrapper {margin: auto; display: block;} .flex-image-right .flex-image-block .news-item__imagelink, .flex-image-left .flex-image-block .news-item__imagelink {margin-bottom: 2em;} .magazine .flex-image-block .news-item__image { margin-bottom: 18px;} .flex-image-blocks.flex-img-2 .flex-image-block, .flex-image-blocks.flex-img-3 .flex-image-block{padding-bottom: 2em;} .magazine .flex-image-blocks.flex-img-1 .flex-image-blocks-wrapper {padding:0;} } /* Clearing float issues for callouts that appear after a single flex-image-block. */ #flex-full .section-services:before, .section-entrys .section-services:before, #flex-full .section-video:before, .section-entrys .section-video:before, #flex-full .page-elements_content_block:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* STYLES for the 1-3 VERTICAL image callout. */ .section-entrys .flex-vertimage-blocks, #flex-full .flex-vertimage-blocks, .magazine .flex-vertimage-blocks {background: url(https://www.depauw.edu/dt/css//dt/css/images/pattern.jpg) repeat 0 0; padding: 4em 3em; display:inline-block; width: 100%; margin: auto;} .flex-vertimage-blocks .flex-vertimage-blocks-wrapper {display: flex; flex-wrap: wrap; justify-content:space-between;} .flex-vertimage-block img {display: block; margin: auto; } .section-entrys .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block {max-width: 32.3%; -webkit-flex: 0 0 32.3%; -ms-flex: 0 0 32.3%; flex: 0 0 32.3%; align-self: flex-start;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block, .main__inner .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block {max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 2em 2em 2em 0; } .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper , #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper, .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper { max-width: 1180px; padding: 0 12em 0 12em; margin:0 auto; clear: both;} .flex-vertimage-blocks.flex-img-2, .flex-vertimage-blocks.flex-img-3 {clear: both;} .section-entrys .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block .flex-vertimage-blocks.flex-img-1 .flex-image-left .main__inner .content .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .main__inner .content .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block {max-width: 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%;} .section-entrys .flex-vertimage-blocks.flex-img-1, #flex-full .flex-vertimage-blocks.flex-img-1, .magazine .flex-vertimage-blocks.flex-img-1 { display: block; margin: 0 auto; background: url(https://www.depauw.edu/dt/css//dt/css/images/pattern.jpg) repeat 0 0; padding: 0;} #flex-full .full-calendar-events .calendar { background: none;} #flex-full .full-calendar-events .calendar__event a {color:black; } .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-left, .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:left; padding: 0; margin: 2.5em 1em 0 12em; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; background: none;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-image-left, .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-image-right, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-image-left, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:left; padding: 0; margin: 2.5em 1em 0 12em; max-width: 18%; flex: 0 0 18%; background: none;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-image-right, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-image-right, .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:right; padding: 0; margin: 2.5em 12em 0 1em } .section-entrys .flex-vertimage-block p {color:black; font-size: 13px;} .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-right .flex-vertimage-block {padding: 2em 0 2em 2em;} .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-left .flex-vertimage-block {padding: 2em 2em 2em 0;} .magazine.story-2col .flex-vertimage-blocks.flex-img-1 .flex-image-right, .magazine.story-2col .flex-vertimage-blocks.flex-img-1 .flex-image-left {margin: 0;} .magazine.story-2col .flex-vertimage-blocks.flex-img-1 .flex-image-right .flex-vertimage-block {padding: 2em 0 2em 2em;} .magazine.story-2col .flex-vertimage-blocks.flex-img-1 .flex-image-left .flex-vertimage-block {padding: 2em 2em 2em 0;} .flex-image-right .flex-vertimage-block p:last-of-type, .flex-image-left .flex-vertimage-block p:last-of-type {border-bottom: 1px solid rgba(0,0,0,0.33); } .flex-image-right .flex-vertimage-block .news-item__imagelink p:last-of-type, .flex-image-left .flex-vertimage-block .news-item__imagelink p:last-of-type {border-bottom:none;} .flex-image-right .flex-vertimage-block .news-item__imagelink, .flex-image-left .flex-vertimage-block .news-item__imagelink {border-bottom: 1px solid rgba(0,0,0,0.33); padding-bottom: 2em;} /* Fixes for image blocks with paragraphs */ .section-entrys .flex-vertimage-block h3, .section-entrys .flex-vertimage-block h2, .section-entrys .flex-vertimage-block h4, .section-entrys .flex-vertimage-block h5, .section-entrys .flex-vertimage-block h6 {color:black; } .flex-vertimage-block .image_paragraph a { color: #0069ba; text-decoration: underline;} .flex-vertimage-block .image_paragraph a:hover { text-decoration: none;} .flex-vertimage-blocks .image_paragraph { color:black; overflow: hidden; padding-top: 1em;} .flex-vertimage-blocks .image_paragraph ul { list-style-position: inside;} .magazine .flex-vertimage-blocks h3, .magazine .flex-vertimage-blocks .news__item-content p {text-align: left;} .magazine .flex-vertimage-blocks.flex-image-center h3, .magazine .flex-vertimage-blocks.flex-image-center .news__item-content p, .flex-vertimage-blocks.flex-image-center p, #flex-full .flex-vertimage-blocks.flex-image-center p, .flex-vertimage-blocks.flex-image-center h3, .flex-vertimage-blocks.flex-image-center h2, .flex-vertimage-blocks.flex-image-center h4, .flex-vertimage-blocks.flex-image-center h5, .flex-vertimage-blocks.flex-image-center h6 {text-align: center;} .flex-vertimage-block .news-item__image {position: relative;} .flex-vertimage-block .news-item__image a:hover .news-item__overlay, .flex-vertimage-block .news-item__image .news-item__overlay { display: none;} .flex-vertimage-blocks.flex-img-1 .image_credit, .flex-vertimage-blocks.flex-img-2 .image_credit, .flex-vertimage-blocks.flex-img-3 .image_credit {text-align: center; padding-bottom: 1em; float:none;} .flex-vertimage-blocks.flex-img-1 a .image_credit, .flex-vertimage-blocks.flex-img-2 a .image_credit, .flex-vertimage-blocks.flex-img-1 a:hover .image_credit, .flex-vertimage-blocks.flex-img-2 a:hover .image_credit {text-decoration: none;} @media (max-width: 1200px) { .section-entrys .flex-vertimage-blocks, #flex-full .flex-vertimage-blocks, .magazine .flex-vertimage-blocks {padding:4em 0;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block {padding:0;} .section-entrys .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .section-entrys .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-left, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-left, .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-right, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-right, .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-left .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-left, .magazine .flex-vertimage-blocks.flex-img-1 .flex-image-right{float:none; padding: 2em; margin: auto; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper { padding: 2em 1em;} .flex-vertimage-blocks.flex-img-1 .flex-image-left, .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:none; padding: 0; margin: 0; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .main__inner .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:none; } .flex-vertimage-blocks.flex-img-2 .flex-vertimage-blocks-wrapper, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-blocks-wrapper, .flex-vertimage-blocks .flex-vertimage-blocks-wrapper {margin: auto; display: block;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block:last-of-type, .section-entrys .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block:last-of-type, .section-entrys .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block:last-of-type, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block:last-of-type, #flex-full .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block:last-of-type, #flex-full .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block:last-of-type, .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block:last-of-type, .magazine .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block:last-of-type, .magazine .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block:last-of-type, .main__inner .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block:last-of-type, .main__inner .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block:last-of-type, .main__inner .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block:last-of-type {padding-right:2em; padding-left:2em;} .flex-image-right .flex-vertimage-block .news-item__imagelink, .flex-image-left .flex-vertimage-block .news-item__imagelink {margin-bottom: 2em;} .magazine .flex-vertimage-block .news-item__image { margin-bottom: 18px;} .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block{padding-bottom: 2em;} .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper {padding:0;} } @media (max-width: 1023px) { .section-entrys .flex-vertimage-blocks.flex-img-1, #flex-full .flex-vertimage-blocks.flex-img-1, .magazine .flex-vertimage-blocks.flex-img-1 { padding: 2em 0 0 0;} } @media (max-width: 767px) { .section-entrys .flex-vertimage-blocks, #flex-full .flex-vertimage-blocks, .magazine .flex-vertimage-blocks {padding:4em 0;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-block {padding:0;} .section-entrys .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .section-entrys .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, #flex-full .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .magazine .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block, .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-left, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-left, .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-right, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper.flex-image-right {float:none; padding: auto auto 2em auto; margin: auto ; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .flex-vertimage-blocks.flex-img-2, .flex-vertimage-blocks.flex-img-3 {clear: both;} .section-entrys .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper, #flex-full .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper { padding: 2em 1em;} .flex-vertimage-blocks.flex-img-1 .flex-image-left, .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:none; padding: 0; margin: 0; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .main__inner .flex-vertimage-blocks.flex-img-1 .flex-image-right {float:none; } .flex-vertimage-blocks.flex-img-2 .flex-vertimage-blocks-wrapper, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-blocks-wrapper, .flex-vertimage-blocks .flex-vertimage-blocks-wrapper {margin: auto; display: block;} .flex-image-right .flex-vertimage-block .news-item__imagelink, .flex-image-left .flex-vertimage-block .news-item__imagelink {margin-bottom: 2em;} .magazine .flex-vertimage-block .news-item__image { margin-bottom: 18px;} .flex-vertimage-blocks.flex-img-2 .flex-vertimage-block, .flex-vertimage-blocks.flex-img-3 .flex-vertimage-block{padding-bottom: 2em;} .magazine .flex-vertimage-blocks.flex-img-1 .flex-vertimage-blocks-wrapper {padding:0;} } /* Fixing CSS issues Darlet left us - Responsive fixes for: CLA Faculty & Staff pages + Upcoming Events block on Arts landing ------------------------------------------------------------*/ @media (max-width: 1200px) { .content .r_10 {width:7%;} .section-tertiary .calendar .calendar__body ul { display: block;} .section-tertiary .calendar .calendar__body li {width:100%;} } .section-entrys.bullets a.btn.btn--yellow {color:#000;} .section-entrys.bullets a.btn.btn--yellow:hover {color:#fff;} /* Added to make certain nav items a different color*/ .nav-em { color:#ffcf01; } /* Seismograph page - August 24, 2016 ------------------------------------------------------------*/ #seismograph {margin-bottom:2em;} #usgs-worldwide-wrapper {overflow: hidden; border:1px solid #ccc; } #usgs-worldwide-wrapper #usgs-wrapper-inner {display: inline-block; } #usgs-worldwide-wrapper ul {margin-left:0; border:1px solid #ccc; border-bottom:none; margin-bottom:0;border-left:none;height:282px; /*overflow:scroll; */overflow-y: scroll;} .content #usgs-worldwide-wrapper ul li {display:block; background:none; padding:0.5em;} #usgs-worldwide-wrapper h3 {padding:0.5em;} #usgs-worldwide-wrapper #usgs-legend { margin-bottom: 1em; margin-top: 0em; font-weight:bold; background:#eee; padding:0.5em; } #usgs-worldwide-wrapper ul li {font-size:0.9em; list-style-type:none; clear:both; padding:0;font-weight:bold; border-bottom:1px solid #ccc; border-left:none; font-family: futura-pt; background:white;} #usgs-worldwide-wrapper ul li:last-child {margin-bottom:0;border-bottom:none;} #usgs-worldwide-wrapper ul li div {display: inline-block; vertical-align:text-top;} #usgs-worldwide-wrapper ul li .usgs-mag {width:3em;} #usgs-worldwide-wrapper ul li .usgs-loc {width:15em;} #usgs-worldwide-wrapper ul li .usgs-loc span{color: #666; font-size: 0.9em;padding-bottom:0.5em; display:block;font-weight:normal; } #usgs-worldwide-wrapper ul li .usgs-depth {width:3em; text-align:right;} #usgs-worldwide-wrapper ul li#usgs-legend .usgs-loc {width:13.5em;} #usgs-worldwide-wrapper ul li#usgs-legend .usgs-depth {width:4.5em;} #usgs-worldwide-wrapper .usgs-right {float: right; width:355px;} #seismograph p {background: rgba(195, 195, 195, .3); padding: 1em; border: 1px solid #ccc; } #usgs-worldwide-wrapper ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } #usgs-worldwide-wrapper ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } /* ------------------------------------------------------------ *\ Home News & Events Section - Commented out November 2019 \* ------------------------------------------------------------ */ /*.main_home .section-news { padding: 55px 0 55px; background: #FFCF01; } .main_home .section-news .stats__title {text-align:center; padding-bottom:1em; font-size: 2.75em;} .main_home .section-news .btn.btn--default {margin-top:0.5em;} .main_home .section-news .btn.btn--default:hover {background:#666; color:#fff;} .main_home .section-news .more_btn {float:right;} .main_home .featured_event .calendar__event a{text-decoration: none; color:black;} .main_home .calendar__event img {width:150px; height:auto; float:right;} .main_home .calendar__event span.btn.btn--default {min-width:100px; font-size: 16px; background: #FFCF01; color:black; margin-top: 0.75em;} .main_home .calendar__event span.btn.btn--default:hover { background: black; color:white;} @media (max-width: 1200px) { .main_home .calendar .calendar__body ul {overflow:hidden; display: block;} .main_home .calendar .calendar__body li {width:50%; float:left;} .main_home .calendar__event img, .main_home .calendar__event a span {float:none; display: block;} } @media (max-width: 767px) { .main_home .calendar .calendar__body li {width:100%; float:none;} }*/ .main_home .next-steps {border-bottom: 6px solid #ffcf01;} .main_home .section-news { padding: 55px 0 55px; } .main_home .testimonial-alt a.testimonial__main {display: block; font-size: 16px; font-weight: normal; font-style: normal;} /* End November 2019 updates */ /* ------------------------------------------------------------ *\ By The Numbers Callout \* ------------------------------------------------------------ */ #flex-full .btn-callout.btn-callout-background, .section-entrys .btn-callout.btn-callout-background {margin-top:0em;} #flex-full .btn-callout, .section-entrys .btn-callout {margin-top:4em;} #flex-full .btn-callout .section__inner, .section-entrys .btn-callout .section__inner {-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: static; min-height: 100px; color:#000; max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto;} #flex-full .btn-callout .feature .feature__content, .section-entrys .btn-callout .feature .feature__content {min-height: 6em;} .btn-callout .section__inner {-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: static; min-height: 100px; color:#000;} .btn-callout .feature .feature__content {min-height: 6em;} .btn-callout .feature .feature__content a { color:#0069ba; text-decoration: underline;} .btn-callout .feature .feature__content a:hover { text-decoration:none;} .btn-callout .widget--callout { background: rgba(255, 207, 1, 1); } .btn-callout .feature .feature__aside span {color:#fff;} .btn-callout .btn-callout-title {color:#000; text-align: center; font-size: 50px; font-weight: 500; letter-spacing: 0.068em; margin: 0 0 1em 0; position: relative; padding-bottom: 0.5em;} .btn-callout .btn-callout-tagline {color:#000; text-align: center; margin:0 2em; margin-bottom: 55px !important; font-size: 28px; position: relative;} .btn-callout .btn-callout-link {display:block; width: 100%;} .btn-callout ul.features {overflow:hidden; margin-left: 0;} .btn-callout .features .feature {margin:4em auto; padding: 42px 0 0 230px;} .btn-callout .features .feature--right {padding: 42px 234px 0 0;} .btn-callout .feature__content h5 { /*margin-top: -16px; text-align: center; */text-transform: none; color:#ccc; font-family: 'Open Sans', sans-serif; font-size: 0.9em;} /* --------------------BTN Dark Background------------------------- */ .btn-callout-background { background-size: cover; background-position: center center; position: relative; color: #fff; padding: 102px 0 144px; border-bottom: 5px #ffcf01 solid; border-top: 5px #ffcf01 solid;} .btn-callout-background:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.85); } #flex-full .btn-callout.btn-callout-background .section__inner, .section-entrys .btn-callout.btn-callout-background .section__inner, .btn-callout.btn-callout-background .section__inner {color:#fff;} .btn-callout.btn-callout-background .btn-callout-title {color:#fff; } .btn-callout.btn-callout-background .btn-callout-tagline {color:#fff; } /* Small Desktop */ /* --------------------Number Details------------------------- */ .content #btn-details .row {background:none; padding: 0;} #btn-details h2 {font-size: 2.15em;} #btn-details hr {margin: 1em 0; border: #000 1px solid; height: 1px; } #btn-details .btn-details-descr {color: #666; font-size: 1.3em; font-style: italic; font-weight: 400; line-height: 32px; margin: 1em 0 0 0;} .content #btn-details p {line-height: 1.6em; font-size: 1.2em;} /* --------------------When Single---------------------------- */ #flex-full .btn-callout.testimonial-alt, .section-entrys .btn-callout.testimonial-alt {margin-top:0em;} .btn-callout.testimonial-alt .features .feature {margin:auto; min-height:0; padding: 0 0 0 300px;} .btn-callout.testimonial-alt { padding: 33px 0 33px; font-family: 'Times', serif; line-height: 1.12; background: #ffcf01; color: #000; } .btn-callout.testimonial-alt .feature .feature__aside{ position: absolute; width: 240px; height: 240px; top: 50%; right: 0; margin-top: -100px; border: 6px solid #ffcf01; border-radius: 50%; overflow: hidden; z-index: 15; } .btn-callout.testimonial-alt ul.features {overflow:visible;} .btn-callout.testimonial-alt .feature__content {position: relative;} .btn-callout.testimonial-alt .feature__content p {margin-bottom: 0.75em; padding-left: 0; font-size: 18px;} .btn-callout.testimonial-alt p:before { display:none;} .btn-callout.testimonial-alt .btn-callout-link {font-size: 18px;} .btn-callout.testimonial-alt .feature__content h5 {color:#222;} .testimonial-alt a.testimonial__main{display: none;} /* November 2019*/ @media (max-width: 767px) { .btn-callout .features .feature {padding: 20px 0 0 0;} .btn-callout .features .feature--right h2 {margin-left:0;} .btn-callout.testimonial-alt .feature .feature__aside{ position: static; margin: 0 auto 20px; border-color:#fff;} .btn-callout.testimonial-alt .feature .feature__aside span {font-size: 4em; top: 30%;} .btn-callout.testimonial-alt .features .feature {padding: 0;} .btn-callout.testimonial-alt .feature__content { text-align: center; max-width: 100%;} .btn-callout.testimonial-alt .features .feature h2 {margin-left: 0; margin-bottom: 1em;} } /* Dogwood Styles ------------------------------------------------------------*/ .dogwood_posts { overflow: hidden; margin: 15px 0; } .dogwood_posts hr { clear:both;} .dogwood_image { float: right; margin: 0 0 25px 25px; } .dogwood_image img { width: 300px; } .dogwood_post_small_image { float: right; margin: 0 0 15px 15px; } .dogwood_post_small_image img { width: 200px; } .dogwood_posts h3 { margin: 0 0 3px 0; } .dogwood_post p { margin: 0 0 10px 0; line-height: 1.6em; font-size: 1.2em;} .dogwood_posts p { font-size: 1em;} .dogwood_post p span.date { font-style: italic;} .dogwood_posts .dogwood_post_links { margin: 0 0 25px 0; } .sidelets-2017 .dogwood_sidebar h2.smaller{ font-size: 1.5em; line-height: 1em; margin-top: .5em; margin-bottom: 0.5em; } .sidelets-2017 .dogwood_sidebar .flexible_gray input {margin:1em auto auto auto; } .sidelets-2017 .dogwood_sidebar .flexible_gray input[type="text"] {width:100%; height:2em;} .sidelets-2017 .dogwood_sidebar .flexible_gray input[type="submit"] { text-decoration: none; text-transform: uppercase; display: inline-block; background: #000; color: #fff; margin-top: 10px; padding: 6px 10px; min-width: 147px; font-size: 22px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-align: center; font-style: normal; letter-spacing: .01em; transition: all .3s; border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;} .sidelets-2017 .dogwood_sidebar .flexible_gray input[type="submit"]:hover {background-color: #FFCF01; border-color: #FFCF01; color:black;} .dogwood_comments ul { margin: 0; padding: 0; } .dogwood_comments ul li { background:#eee; margin:0 0 1px 0; padding:20px 20px 10px 20px; } .dogwood_comments ul li p { } .dogwood_comments .dogwood_comment_author { color:#222; font-style:italic; } @media (max-width: 767px) { .dogwood_post_small_image img { width: 100%; height: auto;} .dogwood_post_small_image, .dogwood_image { width: 100%; height: auto; float:none; margin: 0 0 1em 0; overflow: visible;} } /* Added for Nature Park three column ------------------------------------------------------------*/ .columns_3 { overflow: hidden; } .columns_3 section { float: left; margin: 0 20px 0 0; width: 220px; } .columns_3 section.last { margin: 0; } .columns_3 hr { margin-bottom: 15px; } .columns_3 hr.no_margin { margin: 0; } .columns_3 ul li { background-position: 5px 4px; font-size: 16px; line-height: 24px; } .columns_3 ul li a { color: #333; } /* Faculty Experts Guide ------------------------------------------------------------*/ #expert-guide h1 {margin-bottom:.5em;} #expert-guide .section_search {margin:2em auto;background: #ccc; padding: 20px;} #expert-guide .section_search input {width:73%; margin: 5px 0px 5px 0;} #expert-guide .section_search button {margin-top:-5px;} #expert-guide #expert-topics { padding: 20px; background: #f6f6f6;} #expert-list h2 {background:#333; color:white; margin: 1em auto; padding: 0.25em;} #expert-guide .thumbnail {width:120px; height:83px; float:right;} #expert-guide h3 a {color: #335290; text-decoration: none;} #expert-guide h3 a:hover { text-decoration: underline;} #expert-guide ul.expertlist li.specialties p, div.guide-details p {font-style:italic; } #expert-guide hr, #expert-guide-details hr { margin: 1em auto; border: 0.5px dashed #ccc; height: 0.5px; display: block;} #expert-guide-details h4 {margin-top: 0.665em;} #expert-guide-details .introduction {color: #666; font-size: 1.3em; font-style: italic; font-weight: 400; line-height: 32px; } #expert-list { min-height:400px;} /* Homepage header updates 0.5 ------------------------------------------------------------*/ a.tagline-link {color:white; text-decoration: none; border:none;} a.tagline-link:hover {color:#ffcf01; border: none;} .intro .intro__content__overlay { z-index: 4; overflow: hidden; position: absolute;float: left; top: 50%; left: 50%; transform: translate(-50%, -50%);} .intro .intro__content__overlay .intro__title {color:#ffcf01; font-size: 10em; text-align: center; line-height: 1; border:none;} .intro .intro__content__overlay .intro__title a { display: block; color:#ffcf01; text-align: center; line-height: 1; border:none;} .intro .intro__content__overlay .intro__title a:hover {color:white; } .intro .intro__content__overlay .intro__title:before, .intro .intro__content__overlay .intro__title:after { display:none;} /*Styles for ChunkFive display font*/ .intro .intro__content__overlay .intro__title.ChunkFive { font-size: 6em; line-height: 1; font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); } .intro .intro__content__overlay .intro__title.ChunkFive a { line-height: 1;} /*Styles to REPLACE ChunkFive display font*/ .intro .intro__content__overlay .intro__title.FuturaExtraBold { font-size: 6em; line-height: 1; font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); } .intro .intro__content__overlay .intro__title.FuturaExtraBold a { line-height: 1;} @media (max-width: 1200px) { .intro .intro__content__overlay .intro__title {font-size: 6em; } .intro .intro__content__overlay {top:55%;} } @media (max-width: 1023px) { .intro .intro__content__overlay .intro__title.ChunkFive { font-size: 3.5em;} } @media (max-width: 767px) { .intro .intro__content__overlay .intro__title {font-size: 4em; } .intro .intro__content__overlay .intro__title.ChunkFive { font-size: 3em;} } /* Slick ------------------------------------------------------------*/ .slick-home-buttons {position: absolute; transform: translate(-87%, -250%); left: calc(90% - 28px);} .slick-home-prev, .slick-home-next, .slick-home-pause, .slick-home-play { background: rgba(255,207,1,0.75); border: 1px solid #ffcf01; color:black; width:2em; height:2em; font: normal normal bold 18px/1 FontAwesome; z-index: 4; overflow: hidden; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .transform-90 { display: block; transform: rotate(90deg);} .slick-home-prev{ right: 122px; } .slick-home-next { right:80px;} .slick-home .intro {position:inherit;} @media (max-width: 1200px) { .slick-home-buttons {width:130px;} } @media (max-width: 1023px) { .slick-home-buttons {width:130px;} .slick-home {} .intro {padding-top:0; min-height:763px;} .slick-slide {padding-top:217px; min-height:763px;} } @media (max-width: 767px) { .slick-home-buttons {left: calc(50% - 60px); transform:none;} .slick-home-prev, .slick-home-next, .slick-home-pause, .slick-home-play {margin-top: 1em;} .stats { padding: 120px 0 40px 0; } .intro {padding-top:0; min-height:363px;} .slick-slide {padding-top:217px; min-height:363px;} } / END SLICK SLIDER CAROUSEL BUTTONS / /* Discover brand statement addition ------------------------------------------------------------*/ /*.discover__depauw h2 {font-size: 4em; } .discover__depauw h2:after{background: none;} .discover__depauw .content__top h2{margin-bottom: 0;}*/ .discover__depauw .brand-statement {float:left; margin-top:-125px; margin-left: 1em;} .discover__depauw .brand-statement blockquote { font-family: 'adobe-caslon-pro'; line-height: 1.28; font-size: 30px; text-transform: none; margin-bottom: 0.3em; } .discover__depauw .brand-statement blockquote a {color:#ffcf01; text-decoration: none; text-shadow: 0px 0px 3px black, 1.5px 1px 1px black; } /* Merit Styles - Faculty Staff Gateway ------------------------------------------------------------*/ .rss__merit {margin-top:2em;} .rss__merit h4 {font-size:2em;} .rss__merit .blog-posts {list-style-type: none;} .rss__merit .blog-post a {text-decoration: none; font-weight: bold;font-size:1.1em;} .rss__merit .blog-post a:hover {text-decoration: underline; } .rss__merit .merit_achievement img {width:100px; float:left; padding-right: 1em;} /* Magazine Styles ------------------------------------------------------------*/ .magazine.wrapper { font-family: adobe-caslon-pro;} .magazine .section-magazine { color:rgba(0,0,0,1); } .magazine .section__head {background:#ffcf01; color:black; border-bottom: 1px solid black; background-image: url(https://www.depauw.edu/images/title-headers/boulder-header.jpg); background-size: auto 110% ;} .magazine .section__head h1 { font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: normal; font-size: 4em;} .magazine .section__head ul a {color:rgba(55,55,55,1.00);} .magazine .section__head ul li + li:before {background-color: black;} .magazine .section__head p {font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 1.5em; font-weight: 500; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0;} .magazine .magazine__body {margin:2em auto 0 auto;} .magazine .article__footer { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: 2em auto; text-align: center; } .magazine .byline {margin: auto auto 3em auto; color: #333;} .magazine .byline .by__author {font-size: 2em; margin-bottom: 0;} .magazine .byline .by__photographer, .magazine .post__date {font-size: 1.5em; margin-top: .75em;} .magazine .blurb {margin: auto auto 3em auto; font-size: 1.75em; color: #444; font-style: italic; line-height: 1.75;} .magazine .post__date {color:black;} .magazine .article__twocol {margin:2em auto;} .magazine .article__twocol .intro__content { padding-top: 2em; margin: auto; width: 50%; max-width: 40rem; text-align: center;} .magazine .article__twocol .intro__content h2 { font-size: 5em; font-weight: 200; line-height: 1; letter-spacing: 0.9; text-transform:none; margin: auto auto 0.5em auto; } /*.magazine .article__twocol .article__right { position: relative; max-width: 220px; float:right; right: calc(25% - 260px); text-align: center; } .magazine .article__twocol .article__right { position: absolute; max-width: 180px; float:right; right: calc(25% - 200px); text-align: center; line-height: 1; z-index: 10;}*/ .magazine .article__twocol .article__middle .article__title h2 {color:black; text-align: center;} .magazine .toc { color:black; background:rgba(204,204,204,0.9); padding: 1em; text-align: center;} .magazine .toc a {color:black; text-decoration: none;} .magazine .toc a:focus {text-decoration: underline;} .magazine .toc h3 { margin-bottom: 0;} .magazine .toc ul { padding-left: 0px; list-style-position: inside; text-align: left; list-style-type: none; display: flex; flex-wrap: wrap; justify-content:center; margin-left: 1.5em;} .magazine .toc li img {display:block; margin:1em auto 0.5em auto;} .magazine .toc li {text-align: center; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 1.25em; flex: 0 0 19.5%; padding: 1em;} .magazine .toc li.current__article {opacity: 0.35;} .magazine .mag-fullimage .toc {margin-top: auto;} .magazine .flex-image-blocks .flex-image-block {z-index: 20;} .magazine .mag__header__inner{z-index: 11; position: relative;} .magazine .article__twocol {z-index: 20; position: relative;} .magazine .boulder_info{ background:#ffcf01; padding: 0.25em; border:solid 1px #ccc;} .magazine .boulder_info h4 { font-style: italic;} .magazine #mag__navheader .magazine__nav {overflow: auto; background: #222;} .magazine #mag__navheader .magazine__nav ul {margin: auto; max-width: 50%; text-align: center;} .magazine #mag__navheader .magazine__nav li { text-align: center;} .magazine #mag__navheader .magazine__nav li a.btn.btn--default { display: inline; float:left; width: 33%; border-left: 1px solid #ffcf01; background: #222; color: #ffcf01; margin:0; text-align: center; } .magazine #mag__navheader .magazine__nav li a {margin: 0; } .magazine #mag__navheader .magazine__nav li:nth-child(3) a.btn.btn--default {border-right: 1px solid #ffcf01;} .magazine #mag__navheader .magazine__nav li a.btn.btn--default:hover {background:#ffcf01; color:black;} .magazine .sidebar {margin-top:0.5em;} .magazine .sidebar .magazine__nav ul li {margin-bottom:0.33em;} .magazine .sidebar .magazine__nav ul li a { font-family: 'Open Sans', sans-serif; line-height: 1.33; text-transform: none; padding: 13px 37px; text-align: left;} .magazine .article__categories a.btn {background:rgba(200,200,200,1.00);color:#222; min-width: inherit;padding: 2px 5px 2px; font-size: 1em;} .magazine .article__categories a.btn:hover, .magazine.magazine__landing .category__block a.btn:hover {background:#ffcf01;} .magazine.magazine__landing .category__block a.btn {background:rgba(200,200,200,1.00);color:#222; min-width: inherit;padding: 2px 5px 2px; font-size: 0.9em;} @media (max-width: 1200px) { .magazine .toc {margin-top: 0em;} .magazine .toc ul { margin-left: 0; } .magazine .article__twocol .article__right { position: relative; max-width: 100%; float:none; margin-right: auto;} .magazine .article__twocol .article__right.js-clone {display:none;} .magazine #mag__navheader .magazine__nav ul {max-width: 60%; } } @media (max-width: 1023px) { .magazine .article__twocol .intro__content { padding:1em; padding-top: 2em; margin: auto; width: 100%; max-width: 100%; text-align: center;} .magazine .flex-image-blocks .flex-image-block {margin-bottom: 2em;} .magazine #mag__navheader .magazine__nav li a.btn.btn--default {font-size: 1.1em; } .magazine .widgets.widgets--mobile {display:block;} .magazine .photo-left, .magazine .photo-left {display:block; margin:1em auto;} .magazine .block_left, .magazine .photo-left, .magazine .block_right, .magazine .photo-right {display: block; margin: auto; padding-top: 2em; padding-bottom: 2em; text-align: center;} .magazine .toc li {flex: 0 0 32.5%; } } @media (max-width: 767px) { .magazine #mag__navheader .magazine__nav ul {max-width: 100%; } .magazine #mag__navheader .magazine__nav ul li {max-width: 100%; } .magazine .toc li {flex: 0 0 49.5%; } } @media (max-width: 400px) { .magazine .toc ul {display: block;} .magazine .article__twocol .intro__content h2 { font-size: 4em; } } .magazine .mod__title {padding-bottom: 1em; } .magazine .mod__title a {color:black; text-decoration: none; font-family: 'futura-pt', Futura, sans-serif; font-weight: 900; text-transform: uppercase; font-size:1em; } .magazine .mod__title.mod_interior {top: 350px;} .magazine .mod__title {position: fixed; top: 380px; left: 0; z-index: 25; background: #ffcf01; display: block; /*width: 140px;*/ width: 180px; padding: 5px 0px 2px 30px; color:black;} .magazine .mod__actions {position: fixed; top: 460px; left: 0; z-index: 25; display: block; width: 50px; color:black;} .magazine .st-custom {} .magazine .st-custom-button[data-network] { display: inline-block; cursor: pointer; } .magazine li.st-custom-button {list-style-type: none; display: block; background:rgba(0,0,0,0.4); color:white; width:35px; height:35px; text-align: center; font-size: 1.5em; padding: 7px 0 0 5px; margin:0 5px 5px 10px; /* padding: 5px; text-align: center; margin-right: 5px; */ } .magazine li.st-custom-button:hover, .magazine li.st-custom-button.st-top a:hover {color:#ffcf01;background:rgba(0,0,0,1);} .magazine li.st-custom-button em {padding-right:5px;} .magazine li.st-custom-button a { color:white; font-family: 'futura-pt', Futura, sans-serif; display: block; width: 100%; padding:0;text-transform: uppercase; text-align: left; text-decoration: none;} .magazine li.st-custom-button.st-top {background:none; color:black; width:35px; height:auto; text-align: center; font-size: 1.5em; margin:0 5px 5px 10px; padding: 0;} .magazine li.st-custom-button.st-top em {position:relative;bottom:12px;} .magazine li.st-custom-button.st-top a { display: block; background:rgba(0,0,0,0.4); color:white; width:35px; height:35px; text-align: center; font-size: 1.5em; padding: 7px 0 0 5px; } .magazine li.st-custom-button.st-top strong { color: white; margin-top: 1em; font-family: 'futura-pt', Futura, sans-serif; font-weight: bold; text-transform: uppercase; font-size:0.5em; display: block; text-shadow: black 0px 0px 2px;} .magazine li.st-custom-button.st-top .fa-home {font-size:0.75em;} .magazine.mag-fullimage .mod__actions {top: 350px;} /* Borrowed Styles ------------------------------------------------------------*/ .prevNext { overflow: hidden; position: relative; z-index: 40; clear: both; margin-bottom: 1em } .prevNext__col { float: left; width: 50% } .prevNext__col:first-child:nth-last-child(1) { width: 100%; text-align: right } .prevNext__col:first-child:nth-last-child(1):not(.prevNext__nextStory) { text-align: left } .prevNext__link { padding: 4%; display: block; height: 24.5vw } .prevNext__col.prevNext__prevStory { border-right: 1px solid #fff !important } .prevNext__col { background: #222; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,0.2) } .prevNext__col a { color: #fff; text-decoration: none; } .prevNext__col:first-child { border-left: none; border-right: none } .prevNext__col.prevNext__nextStory { border-right: none } .prevNext__col:hover { cursor: pointer } .prevNext__col:hover .prevNext__image { background-size: 110%; filter: blur(0) grayscale(0); -webkit-filter: blur(0) grayscale(0); width: 110%; height: 110%; top: -5%; left: -5%; opacity: 1 } .prevNext__col:hover .prevNext__Desc, .prevNext__col:hover .prevNext__Title {text-shadow: 1px 1px 1px black;} .prevNext__link { color: #fff; position: relative; -moz-transition: background-size 1s ease; -o-transition: background-size 1s ease; -webkit-transition: background-size 1s ease; transition: background-size 1s ease; z-index: 1; border: none } .prevNext__image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: blur(0px) grayscale(100%); -webkit-filter: blur(0px) grayscale(100%); background-size: 100%; background-position: center; opacity: .6; transition: all .5s ease } .prevNext__Title { font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: .04em } h2.prevNext__Title { margin-bottom: 0.75em;} .prevNext__Desc { font-size: 1.75em; opacity: 0; line-height: .9 } @media all and (min-width: 1000px) { .prevNext__Desc { opacity: 1 } } .prevNext__prevStory { text-align: right } .prevNext__prevStory .prevNext__link:after { background: rgba(0,60,100,0.6) } .prevNext__moreStories.prevNext__col:hover a { opacity: 1 } /* Magazine Landing ------------------------------------------------------------*/ .magazine.magazine__landing .intro:before {display:none;} .magazine.magazine__landing .section-archive {color:black;} .magazine.magazine__landing .section__body {padding-top:4em; padding-bottom:4em; color:black;} .magazine.magazine__landing .intro a { text-decoration: none; color:white;} .magazine.magazine__landing .intro .intro__content__overlay .intro__summary p {line-height: 1; font-size: 1.25em;} .magazine.magazine__landing ul.news-items {margin-bottom: 1em; margin-left: 0; margin-right: 0;} .magazine.magazine__landing .news-items .news-item { /*max-width: 31%; -webkit-flex: 31%; -ms-flex: 31%; flex: 0 0 31%;*/ max-width: 47.5%; -webkit-flex: 47.5%; -ms-flex: 47.5%; flex: 0 0 47.5%; padding: 0 15px; } /*.magazine.magazine__landing .news-items .news-item:nth-child(1), .magazine.magazine__landing .news-items .news-item:nth-child(2) { max-width: 47.5%; -webkit-flex: 47.5%; -ms-flex: 47.5%; flex: 0 0 47.5%;}*/ .magazine.magazine__landing .news-item .news-item__image a small { text-decoration: none; display:inline-block;background: rgba(0,0,0,0.8); color:rgb(255,207,1); padding:2px; width:80px; text-transform: uppercase; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; text-align: center; font-size: 1em; position: absolute; top: 100%; left: 100%; -webkit-transform: translate( -100%, -100% ); -ms-transform: translate( -100%, -100% ); transform: translate( -100%, -100% ); z-index: 5; } .magazine.magazine__landing .title_image {border-bottom: 10px solid #ffcf01;} .magazine.magazine__landing .news-items .news-item {background:rgba(229,229,229,0.75); padding:0; margin-bottom:1em; margin-right:1em; border:1px solid rgba(229,229,229,1.00);} .magazine.magazine__landing .news-items .news-item .news__item-content { padding: 1em; } .magazine.magazine__landing .news__item-content h3 { margin-bottom: 0.5em; font-size: 1.5em; line-height: 1; text-transform:none; min-height: 51px; } .magazine.magazine__landing .news-items .news-item .news__item-content .blurb {font-size: 1em; font-style: normal; min-height: 80px;} .magazine.magazine__landing .news__item-content p {font-size: 1em; text-align: left !important;} .magazine__landing .main__inner .shell {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .magazine.magazine__landing .sidebar .mag__sidelet {margin-top: 2em;} .magazine.magazine__landing .sidebar .mag__sidelet ul { list-style-type: none;} .magazine.magazine__landing .sidebar .mag__sidelet li, .magazine.magazine__landing .sidebar .mag__video li {display:flex; flex-wrap: wrap; margin-bottom: 1em;} .magazine.magazine__landing .sidebar .mag__sidelet li figure, .magazine.magazine__landing .sidebar .mag__video figure { flex: 0 0 40%; margin: auto;border:1px solid rgba(229,229,229,1.00);} .magazine.magazine__landing .sidebar .mag__sidelet li div, .magazine.magazine__landing .sidebar .mag__video li div { flex: 0 0 55%;margin: auto;} .magazine.magazine__landing .sidebar .mag__sidelet li div h5 a, .magazine.magazine__landing .sidebar .mag__video div h5 a, .magazine.magazine__landing .widgets--mobile .mag__sidelet li div h5 a, .magazine.magazine__landing .widgets--mobile .mag__video li div h5 a { text-decoration: none; color:black; text-transform: none; } .magazine.magazine__landing .sidebar .mag__sidelet h4, .magazine.magazine__landing .widgets--mobile .mag__sidelet h4, .magazine.magazine__landing .sidebar .mag__video h4 { font-size: 1.5em; padding-top: 0.25em; padding-bottom: 0.25em; border-bottom: dotted 1px black; border-top: dotted 1px black;} .magazine.magazine__landing .sidebar .mag__video {margin-top:2em;} .magazine .sidebar {-webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%;} .magazine .content {-webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%;} .magazine .content h2:after {display: none;} /* Default Magazine Styles ------------------------------------------------------------*/ .magazine h3, .magazine h4, .magazine h5, .magazine h6{color:black;} .magazine .page-elements_content_block, .magazine .article__footer, .magazine blockquote.in__content { margin: auto; width: 50%; max-width: 40rem; } .magazine .article__footer { margin-bottom: 2em; } .magazine .page-elements_content_block, .magazine .page-elements_content_block p, .magazine blockquote, .essay_image p { font-size: 1.25rem; line-height: 1.333; } .magazine .page-elements_content_block blockquote, .magazine blockquote {margin:3em; font-style: italic;} .magazine.mag-fullimage .magazine__body, .magazine.mag-fullvideo .magazine__body{margin-top: 0; padding-top: 4em;} .magazine.mag-fullimage .intro, .magazine.mag-fullvideo .intro{position: relative; top: -83px; margin-bottom: -83px;} .magazine.mag-fullimage .article__footer, .magazine.mag-fullvideo .article__footer {padding-bottom: 4em; } .magazine.mag-fullvideo .intro {top: -93px; margin-bottom: -93px;} /* Magazine full image header ------------------------------------------------------------*/ .magazine .intro { position: relative; z-index: 14; min-height: 800px; height: 60vh; padding-top: 137px; background-size: cover; background-repeat: no-repeat; text-align: center; } /*.magazine .intro:before { content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: 3; width: 100%; height: 100px; background-image: linear-gradient( rgba( 0, 0, 0, .8 ) 50%, rgba( 0, 0, 0, .7 ) 60%, rgba( 0, 0, 0, .6 ) 65%, rgba( 0, 0, 0, .55 ) 70%, rgba( 0, 0, 0, .4 ) 75%, rgba( 0, 0, 0, .3 ) 80%, rgba( 0, 0, 0, .25 ) 85%, rgba( 0, 0, 0, .2 ) 90%, rgba( 0, 0, 0, .1 ) 95%, rgba( 0, 0, 0, 0 ) ); }*/ .magazine .intro:before {display: none;} /*Styles for default title font*/ .magazine .intro__content__overlay a:hover, .magazine .intro__content__overlay a {text-decoration: none;} .magazine .intro__content__overlay {width:100%; max-width: 1180px; padding:20px; margin: auto; } .magazine .intro .intro__content__overlay .intro__title {font-size: 7em; line-height: 1; letter-spacing: normal; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); font-weight: normal;} .magazine .intro .intro__content__overlay .intro__title.no_upper {text-transform: none; line-height: 1.3;} /*Styles for ChunkFive display font*/ .magazine .intro .intro__content__overlay .intro__title.ChunkFive { font-size: 5em; line-height: 1.3; font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; } .intro .intro__content__overlay .intro__title.ChunkFive a { line-height: 1;} /*Styles to replace ChunkFive display font*/ .magazine .intro .intro__content__overlay .intro__title.FuturaExtraBold { font-size: 5em; line-height: 1.3; font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; } .intro .intro__content__overlay .intro__title.FuturaExtraBold a { line-height: 1;} /*Styles for Adobe Caslon font */ .magazine .intro .intro__content__overlay .intro__title.Caslon { font-size: 4em; line-height: 1.2; font-family: adobe-caslon-pro; font-weight: 500; } .magazine .intro .intro__content__overlay .intro__title.Caslon a { line-height: 1;} .magazine .intro .intro__content__overlay .intro__title.Caslon.no_upper { font-size: 5em;} .magazine .intro__content__overlay .byline {width:70%; font-size: 1.25rem; text-transform: uppercase; margin: 1em auto; color:#ffcf01; } .magazine .intro__content__overlay .byline div {width:100%; text-align: center; padding: 5px; } .magazine .intro__content__overlay .byline.bg__color {background-color:rgb(0,0,0,0.7); padding: 1.25rem;} .magazine .intro .intro__content__overlay .intro__summary {text-align: center; width: 70%; margin:1.33em auto auto auto; font-size: 1.4rem; line-height: 1; } .magazine .intro .intro__content__overlay .intro__summary p {margin-bottom:inherit;} .magazine .intro .intro__content__overlay .intro__summary.bg__color { background-color:rgb(0,0,0,0.7); padding: 1.4rem; } .magazine .intro__content__overlay .byline .by__photographer, .magazine .intro__content__overlay .byline .by__author {font-size: inherit; text-transform: inherit; margin-top: inherit; margin: 0;} @media (max-width: 1200px) { .magazine .intro .intro__content__overlay .intro__title {font-size: 4em; display: block; } .magazine .intro .intro__content__overlay {top:55%;} .magazine .blurb p {line-height: 1.3;} .magazine.magazine__landing .mag__sidelet li figure img { border:1px solid rgba(229,229,229,1.00);} } @media (max-width: 1023px) { .magazine__landing .main__inner .shell {display: block;} .magazine.magazine__landing .news-items .news-item{ padding: 0;} .magazine .intro { min-height: 400px; height: 30vh;} .magazine .intro .intro__content__overlay .intro__title.ChunkFive { font-size: 3.5em;} .magazine .intro .intro__content__overlay .intro__title.FuturaExtraBold { font-size: 3.5em;} .magazine .intro .intro__content__overlay .intro__summary p {font-size: 0.75em; line-height: 1.2;} .magazine .mod__title {display: none;} .magazine.magazine__landing .news-items {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .magazine.magazine__landing .news-items .news-item { max-width: 45%; flex: 0 0 45%; padding: 0; min-width: 45%; min-height: 300px !important;} .magazine.magazine__landing .news-items .news-item + .news-item { margin: 8px 0;} .magazine.mag-fullimage .intro .intro__content__overlay {margin-top: 150px; margin-bottom: -10em;} .magazine.mag-fullimage .intro__content__overlay .shell, .magazine.mag-fullimage .intro .intro__content__overlay {position:relative; overflow: visible;} .magazine.mag-fullimage .byline__container {margin-top: 120px; margin-bottom: 60px; color:black; display: block; } .section-magazine {margin-top: auto !important;} .magazine.magazine__landing .widgets--mobile .mag__sidelet, .magazine.magazine__landing .widgets--mobile .mag__video {margin-top: 2em;} .magazine.magazine__landing .widgets--mobile .mag__sidelet ul, .magazine.magazine__landing .widgets--mobile .mag__video ul { list-style-type: none; display:flex; flex-wrap: wrap;} .magazine.magazine__landing .widgets--mobile .mag__sidelet li, .magazine.magazine__landing .widgets--mobile .mag__video li {display:block; margin: 0 1em 1em 0; flex: 0 0 47.5%; text-align: center;} .magazine.magazine__landing .widgets--mobile .mag__sidelet li:nth-child(2), .magazine.magazine__landing .widgets--mobile .mag__video li:nth-child(2) {margin: 0 0 1em 0;} .magazine.magazine__landing .widgets--mobile .mag__sidelet h5, .magazine.magazine__landing .widgets--mobile .mag__video h5 {margin-top: 0.5em;} .magazine.magazine__landing .content .widgets--mobile ul {margin-left: 0;} .magazine .sidebar .sidelets-2017.js-clone {display: none;} } @media (max-width: 767px) { .magazine .intro .intro__content__overlay .intro__title {font-size: 3em; } .magazine .intro .intro__content__overlay .intro__title.ChunkFive, .magazine .intro .intro__content__overlay .intro__title.FuturaExtraBold { font-size: 2em;} .magazine .intro .intro__content__overlay {width:100%;} .magazine.mag-fullimage .intro .intro__content__overlay {margin-top: 200px; margin-bottom: -10em;} .magazine .intro .intro__content__overlay .intro__summary {width:100%;} .magazine .blurb {max-width: 100%;} .magazine .blurb p {font-size: 0.75em; line-height: 1.2;} .magazine .mod__actions {position: static; padding:20px; margin: 0; width: 100%; clear: both; overflow: auto; background: #ffcf01;} .magazine .mod__actions__container {width:320px; margin: auto;} .magazine ul.st-custom { height:35px; float: left; width:220px; margin-bottom: 0;} .magazine ul.st-custom.st-first {width:100px;} .magazine li.st-custom-button a, .magazine li.st-custom-button, .magazine li.st-custom-button.st-top {width:35px; height:35px; display: inline-block; margin-bottom: 0; } .magazine li.st-custom-button.st-top { margin: 0 2px 0px 2px;} .magazine li.st-custom-button, .magazine li.st-custom-button.st-top a { background: rgba(0,0,0,1);margin: 0 2px 2px 2px; } .magazine li.st-custom-button.st-top strong {color:black; text-shadow: white 0px 0px 2px;} .magazine.magazine__landing .news-items .news-item { max-width: 100%; flex: 0 0 100%; padding: 0; min-width: 100%; min-height: 250px !important;} } @media (max-width: 450px) { .magazine.mag-fullimage .byline__container {margin-bottom: 40px;} .magazine #mag__navheader .magazine__nav .btn.btn--default { padding: 7px 15px 5px;} .magazine #mag__navheader .magazine__nav li a.btn.btn--default {width:100%; border:none;} .magazine #mag__navheader .magazine__nav li:nth-child(3) a.btn.btn--default {border:none;} .magazine .section__head h1 {font-size:3em;} .magazine.magazine__landing .widgets--mobile .mag__sidelet li, .magazine.magazine__landing .widgets--mobile .mag__video li {flex: 0 0 100%;} .magazine.magazine__landing .widgets--mobile .mag__sidelet li:nth-child(2), .magazine.magazine__landing .widgets--mobile .mag__video li:nth-child(2) {margin:0;} .magazine .intro .intro__content__overlay .intro__summary {font-size: 1.2rem;} .magazine .intro .intro__content__overlay .intro__title.ChunkFive, .magazine .intro .intro__content__overlay .intro__title.FuturaExtraBold {font-size: 1.5em;} .magazine.magazine__landing .intro .intro__content__overlay .intro__summary p {font-size: 1em;} .magazine .intro__content__overlay .byline {font-size: 1em;} } /* Blended News/Magazine pages */ .stories {color:black;} .stories header.header {background: #222; color:white; padding-bottom: 0;} .stories header nav.nav {display: none;} .stories header .logo, .wrapper--interior.stories .logo {margin: 10px 0 10px; transform: scale(0.85); } .wrapper--interior.stories .logo {background-image: url(https://www.depauw.edu/images/dpu_stacked_left_rev.png); width: 220px; height: 62px;} .stories header.section__head {background: #ffcf01; color:black; padding: 1.65em 0;} .stories header.section__head ul { padding: 1em 0 0 0;} .stories h1, .stories h2, .stories h3, .stories .stories_browse h1, .stories .stories_browse h2, .stories .stories_browse h3 {line-height: 0.75; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 800;} .stories .section__head h1 { font-size: 3.25em; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 800; line-height: 0.75;} .stories .section__head h1 a {color:black; text-decoration: none;} .stories .intro:before {display: none;} .stories .stories__featured ul li figure {position: relative;} .stories a small { text-decoration: none; display: inline-block; background: rgba(0,0,0,0.8); color: rgb(255,207,1); padding: 2px; width: 80px; text-transform: uppercase; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; text-align: center; font-size: 1em; position: absolute; top: 100%; left: 100%; -webkit-transform: translate( -100%, -100% ); -ms-transform: translate( -100%, -100% ); transform: translate( -100%, -100% ); z-index: 5;} .stories a .editor_pick {text-decoration: none; display: inline-block; color: rgb(255,207,1); text-align: center; font-size: 2em; position: absolute; top: 0%; left: 0%; -webkit-transform: translate( -0%, -0% ); -ms-transform: translate( -0%, -0% ); transform: translate( -0%, -0% ); z-index: 5;} .stories_third h4, .stories_third h5, .mag__video h4 {padding: 0.5em;} .stories_third h4, .mag__video h4 {font-size:1.5em; text-align: center; margin-bottom: 0;} .stories__featured h2, .stories_browse h2 {margin: 2em auto; text-align: center;} .stories_browse h2 {margin: 2em auto 1em auto;} .stories h2.with_hr::before, .stories h2.with_hr::after, .stories h4.with_hr::before, .stories h4.with_hr::after { display: inline-block; content: ""; border-top: 2px solid black; width: 6em; margin: 0 1em; transform: translateY(-0.3em);} .stories h4.with_hr::before, .stories h4.with_hr::after {border-top: 1px solid black;} #instagram h4.with_hr, .section-submission h4.with_hr {font-size:1.5em; text-align: center; margin-bottom: 1.5em;} .stories_third h4.with_hr {margin-bottom: 1em;} .stories__featured ul, .category_list, .section-video .video__play ul{display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; padding: 0; margin: 2em auto 0em auto;} .stories__featured ul li { flex: 0 0 30%; align-self: auto; background: rgba(229,229,229,0.75); border: 1px solid rgba(229,229,229,1.00); margin-bottom: 2em;} .stories__featured ul li div.blurb_wrapper {padding:1em;} .stories__featured h3 {margin-bottom: 0.5em; font-size: 1.25em; line-height: 1; text-transform: none; font-weight: 700;} .stories__featured h3 a, .stories_third a {text-decoration: none; color:black;} .stories__featured h3 a:hover, .stories_third a:hover h5 {text-decoration: underline;} .stories .blurb {color:black; font-style: normal; font-size: 1em; margin: 1em auto auto auto; line-height: 1.25; font-family: futura-pt, sans-serif; font-style: normal;} .stories .blurb p {text-align: justify; margin-bottom: 0;} .stories_third div ul {display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; padding: 0; margin: 0em auto 1em auto;} .stories_third .latest_news ul {margin: 0em auto 1em auto;} .stories_third div ul li {background: rgba(229,229,229,0.75); border: 1px solid rgba(229,229,229,1.00); flex: 0 0 24%; align-self: auto; margin-bottom: 1em;} .stories_third h5 {text-transform: none; font-size: 1.25em;} .stories_third .latest_news ul li {flex: 0 0 19%; font-size: 0.8em;} .stories_search {text-align: center; margin-bottom: 3em; background: rgba(195, 195, 195, .3); padding: 1em;} /*.stories .stories_search h3 {display: inline-block; position: relative; top: 6px;}*/ .stories_search .query {width: 45%;} .category_list {justify-content: space-evenly;} .category_list h2 {margin-bottom: 1em; font-weight: 600;} .category_list h3 {margin-bottom: 0.5em; font-weight: 800;} .category_list li {flex: 0 0 24%; align-self: auto; margin-bottom: 1em;} .category_list li p {margin-bottom: 0;} .category_list li ul, .stories_third ul { list-style-type: none;} .category_list li ul,.category_list li ul li:last-of-type {margin-bottom: 0;} .category_list li h4 {margin-bottom: 0.25em; text-transform: none; font-size: 1.25em; font-weight: normal;} .category_list li a { text-decoration: none;} .category_list li a:hover, .category_list li li a { color:black;} .category_list li a:hover { text-decoration: underline; } .category_list .fa-forward {font-size: 0.55em;} .story h1, .story h2, .story h3 { font-family: 'futura-pt-condensed', Futura, sans-serif; font-style: normal; font-weight: 500; line-height: 1.33;} .mag__video figure a {position: relative;} .stories__landing .mag__video .video .video__play i {font-size: 6em;} .mag__video .video .video__play i {} .section-video .video__play ul li {flex: 0 0 48%; align-self: auto; margin-bottom: 0.5em;} .section-submission {background: #ffcf01; padding: 2em;} .section-submission ul {display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; padding: 0; margin: auto; font-size: 1.25em;} .section-submission ul li {flex: 0 0 32%; align-self: auto; margin-bottom: 0.5em; border: #000 solid 2px; padding: 2em; text-align: center; } .section-submission h5 {text-transform: uppercase; font-size: 1.25em; } .section-submission h5 a {color:black;} .section-submission p {line-height: 1.25; font-family: futura-pt, sans-serif;} .section-submission p a {color:black;} .story .news__item-content h3 { line-height:inherit;} .story-2col .page-elements_content_block li {list-style-position: outside;} .magazine.story-2col .article__twocol {max-width: 1180px; padding-left: 20px; padding-right: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 2em auto 2em auto;} .magazine.story-2col .article__twocol .article__middle, .magazine.story-2col .article__twocol .article__right { flex: 0 0 65%; align-self: auto; margin-bottom: 1em; } .magazine.story-2col .article__twocol .article__right {flex: 0 0 32%;} .magazine.story-2col .page-elements_content_block {width:100%; max-width:none;} .magazine.story-2col .flex-image-blocks {padding: 0;} .magazine.story-2col .blurb p {text-align: center; } .magazine.story-2col .news_pagination a { border:solid 1px #0069ba; background: #0069ba; font-size: 1.25em; color:white; font-weight: bold; text-decoration: none; padding: 0.5em 1em; text-align: center; } .magazine.story-2col .news_pagination {margin-bottom: 2em; text-align: center;} .magazine.story-2col .news_pagination a:hover {border:solid 1px #0069ba; background: white; color:#0069ba; } .magazine.story-2col .news_list a:hover{color:black;} .magazine.story-2col .news_list p {font-size: 1.25rem; line-height: 1.333;} .magazine.story-2col .news_list p:first-of-type {margin-bottom: 0;font-weight: bold;} .magazine.story-2col .news_list .row:before {display: none;} .stories__featured li:hover h3 a {text-decoration: underline;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .wrapper--interior.stories .logo {background-image: url(https://www.depauw.edu/images/dpu_stacked_left_rev.png);} } @media (max-width: 1023px) { .magazine.story-2col .article__twocol {display: block; width: 100%; } .stories__featured ul li, .category_list li, .section-video .video__play ul li { flex: 0 0 49%; } .stories_third div ul, .stories__featured ul { justify-content: space-evenly;} .stories_third div ul li {flex: 0 0 49%;} .stories_third .latest_news ul li {flex: 0 0 32%; } .stories h2.with_hr::before, .stories h2.with_hr::after, .stories h4.with_hr::before, .stories h4.with_hr::after {display: none;} .stories_third h4, .mag__video h4 {font-size: 2em;} .magazine .category_list, .magazine .article__twocol, .magazine.story-2col .article__twocol, .magazine.story-2col .category_list {padding: 0 4em 0 4em; justify-content: space-between;} .magazine .page-elements_content_block {width: 100%; max-width:none; } } @media (max-width: 767px) { .stories__featured ul, .category_list, .section-video .video__play ul, .section-submission ul, .magazine.story-2col .article__twocol {display: block;} .stories_third div ul li, .stories_third .latest_news ul li {flex: 0 0 49%;} .stories header.section__head .shell{margin-top: 1.5em;} .category_list p {margin-bottom: 0.33em;} .category_list li {margin:1em auto 1em auto;} .category_list li li {margin:inherit;} .stories_browse {margin:auto auto 2em auto;} .magazine.story-2col .category_list, .magazine .category_list {padding:0;} .stories_search .query {width: 100%;margin-top: 2em;} .stories_search .btn, .stories_search input[type="submit"] {width: 100%;margin-top: 0.5em;} } @media (max-width: 400px) { .stories__featured ul, .category_list, .section-video .video__play ul, .stories_third div ul, .stories_third .latest_news ul {display: block;} .section-submission ul li {padding: 1em;} } /* Magazine callouts ------------------------------------------------------------*/ .page-elements_pull__quote {margin:0 auto; background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0; padding: 4em 0; clear: both;} .page-elements_pull__quote blockquote {color:black; font-style: italic; line-height: 1.75; font-weight: bold; font-size: 2em;} .page-elements_pull__quote.in__content blockquote { margin: auto; width: 50%; max-width: 40rem; } .page-elements_pull__quote.full__width {margin:0;} .page-elements_pull__quote.no_pattern {margin:0 auto; background: none; padding: 4em 0;} .page-elements_pull__quote.full__width.no_pattern blockquote {margin:0;} .page-elements_pull__quote.nospace-bottom, .page-elements_pull__quote.add_pattern.nospace-bottom { padding-bottom: 0;} .page-elements_pull__quote.nospace-top, .page-elements_pull__quote.add_pattern.nospace-top {padding-top: 0;} .page-elements_pull__quote.addspace-bottom, .page-elements_pull__quote.add_pattern.addspace-bottom {padding-bottom: 6em;} .page-elements_pull__quote.addspace-top, .page-elements_pull__quote.add_pattern.addspace-top {padding-top: 6em;} .page-elements_pull__quote .bg__color {padding: 1em;} .page-elements_pull__quote .san-serif {font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed;} .page-elements_pull__quote .serif {font-family: adobe-caslon-pro, serif; font-weight: 700; } .page-elements_pull__quote .display { font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px;} .page-elements_pull__quote .with__quote span::after, .page-elements_pull__quote .with__quote span::before {font-size: 2.5em; line-height: 0.1em; vertical-align: -0.4em; font-weight: 500;} .page-elements_pull__quote .with__quote span.quote::before {content: "β€œ"; margin-right: 0.25em; } .page-elements_pull__quote .with__quote span.quote::after {content: "”"; margin-left: 0.25em;} .page-elements_pull__quote.full__width blockquote{color: #000; font-style: italic; line-height: 1.75; font-weight: bold; margin: 0 auto;} .magazine.full__width blockquote.bg__color {padding: 2em;} .page-elements_pull__quote.full__width span.quote, .page-elements_pull__quote.full__width .quote__source{display:block; margin: auto; width: 75%; max-width: 55rem;} .page-elements_pull__quote .quote__source{ font-size: 0.65em; font-weight: normal; font-style: normal;} .page-elements_pull__quote .quote__source .source { text-transform: uppercase;} .page-elements_pull__quote .quote__source .source_title {font-size: 0.75em;} .magazine blockquote.col__right { width: 20%; float: right; font-size: 1.5em; line-height: 1.5; margin-right: calc(20% - 200px);color: #000;} @media (max-width: 1023px) { .page-elements_pull__quote.full__width blockquote { padding: 1em;} .page-elements_pull__quote.in__content quote {width: 95%; max-width: 60rem; line-height: 1.5; } } @media (max-width: 767px) { .page-elements_pull__quote,.page-elements_pull__quote.no_pattern { margin: 0em auto; padding: 2em 0; line-height: 1.5;} .page-elements_pull__quote.in__content {margin: 0; padding: 2em 0;} .page-elements_pull__quote blockquote {font-size: 1em; } .page-elements_pull__quote.in__content blockquote {width: 95%; max-width: 60rem;} .page-elements_pull__quote.full__width span.quote, .page-elements_pull__quote.full__width .quote__source { width: 100%; max-width: 900px; } .page-elements_pull__quote.nospace-bottom, .page-elements_pull__quote.add_pattern.nospace-bottom { padding-bottom: 0;} .page-elements_pull__quote.nospace-top, .page-elements_pull__quote.add_pattern.nospace-top {padding-top: 0;} .page-elements_pull__quote.addspace-bottom, .page-elements_pull__quote.add_pattern.addspace-bottom {padding-bottom: 3em;} .page-elements_pull__quote.addspace-top, .page-elements_pull__quote.add_pattern.addspace-top {padding-top: 3em;} } .magazine .flex-image-blocks.flex-img-1 .flex-image-left, .magazine .flex-image-blocks.flex-img-1 .flex-image-right {margin: 2.5em 1em 0 8em; } .magazine .flex-image-blocks.flex-img-1 .flex-image-right {margin: 2.5em 6em 0 2.5em; } .magazine .section__entry--small p, .magazine .section__entry p {font-family: 'Open Sans', sans-serif;} .magazine .section__entry {margin-bottom: 4em;} .magazine .services { border-top: 6px solid #ffcf01; margin-bottom: 4em;} .magazine .services:after {display: none;} .font__green { color: #5E7535; color: #fff; } .font__blue { color: #2b4477; color: #fff; } .font__red { color: #8c1c00; color: #fff; } .font__orange { color: #ec7921; color: #fff; } .font__gray { color: #555; color: #fff; } .font__purple { color: #39274f; color: #fff; } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .magazine .in_content .video { margin: auto; width: 50%; max-width: 40rem;} .magazine .section-video { margin-bottom: 2em;} .magazine.magazine__landing .video .video__play i { font-size: 80px;} .magazine .video-container {margin-top:-100px;} .magazine .video-container .video-asset { /* -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);*/ transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; display: block; } .magazine .mag__video__callout .video-container {margin-top:0;} .magazine .mag__video__callout .video-container .video-asset { /* -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);*/ position: relative; transform:none; top:auto; left:auto; min-width: 100%; min-height: 100%; width: auto; height: auto; display: block; } .magazine .fs-background-container { width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; overflow: hidden; } .magazine .fs-background-container iframe { width: 100%; height: 100%; display: block; -webkit-user-drag: none; } .magazine .fs-background-container:after { background-color: rgba(12,12,14,0.25); background: -webkit-linear-gradient(top, rgba(12,12,14,0.25), #0C0C0E); background: linear-gradient(to bottom, rgba(12,12,14,0.25), #0C0C0E); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400c0c0e', endColorstr='#ff0c0c0e', GradientType=0); height: 100%; width: 100%; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; } .magazine .section-video {position: relative;} .magazine .section-video video {width: 100%; height: auto; z-index: -1;} .magazine .section-video.in_content video {z-index: -1; margin: auto; width: 50%; max-width: 40rem; display: block;} .magazine .section-video .overlay {position: absolute; left: 0; bottom: 0px; right: 0; z-index: 2; overflow: hidden; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; color: #fff; letter-spacing: .093em; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); padding:5em; max-width: 75%;} .magazine.magazine__landing .sidebar .video .js-video-play {position: relative; } .magazine.magazine__landing .sidebar .video .js-video-play span {width:100%; display: block; top: 50%; left: 0%; position: absolute;} .magazine.magazine__landing .sidebar .video .video__play i {width:auto; font-size: 20px; } .magazine .page-elements_content_block:after { /*visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;*/ } @media (max-width: 1023px) { .magazine .article__top h2 { font-size: 3em; } .magazine .byline .by__author {font-size: 2em; } .magazine .byline .by__photographer, .magazine .post__date {font-size: 1.5em;} .magazine .article__footer { width: 90%; max-width:none; } .magazine .page-elements_content_block blockquote {margin:1.5em;} .magazine .in_content .video, .section-video.in_content video { margin: auto; width: 100%; max-width: 100%;} .magazine .section-video .overlay {position:static; color:black; text-shadow:none; padding: 1em; max-width: 100%; background: #ccc; margin-top: -1em; } .magazine.magazine__landing .widgets--mobile .video .video__play, .magazine.magazine__landing .widgets--mobile .video .video__play a {position: relative; } .magazine.magazine__landing .widgets--mobile .video .video__play span {width:100%; display: block; top: 50%; left: 0%; position: absolute;} .magazine.magazine__landing .widgets--mobile .video .video__play i {width:auto; font-size: 80px; } } @media (max-width: 1200px) { .magazine blockquote.col__right, .magazine blockquote.col__left { margin: 1.5em auto !important; width: 50%; max-width: 40rem; float:none;} .magazine .flex-image-blocks.flex-img-1 .flex-image-left, .magazine .flex-image-blocks.flex-img-1 .flex-image-right {float:none; margin: 0 auto;} } @media (max-width: 1023px) { .magazine blockquote.col__right, .magazine blockquote.col__left {width:100%; max-width: 100%;} } /* ------------------------------------------------------------ *\ Photo Essay callout - Andrea Nov 2018 \* ------------------------------------------------------------ */ .essay_image { margin: 4em auto; text-align: center; max-width: 1920px;} .essay_image .image__content {color:black; margin: 4em auto 0 auto;} .essay_image .image_credit {padding: 1em 2em 0 0;} /* ------------------------------------------------------------ *\ Colored Sections \* ------------------------------------------------------------ */ .cs__callout { font-size: 1.15rem; line-height: 1.25; display: -ms-flexbox; display: flex; display: -webkit-flex; margin: 2em 0;} .cs__content .cs__inner {padding: 4em; margin: 0 auto; max-width: 1180px;} .cs__othercontent { position: relative;} .cs__callout .cs__inner {font-size: 1.3em;} .cs__callout .cs__inner h1 {font-size: 2.5em;} .cs__callout .cs__inner h2 {font-size: 2em;} .cs__callout .cs__inner h3 {font-size: 1.75em;} .cs__callout .cs__inner h4 {font-size: 1.5em;} .cs__callout .cs__inner h5 {font-size: 1.25em;} .cs__callout .cs__inner h6 {font-size: 1em;} .cs__inner img {width: 100%;} .cs__threequarter .cs__othercontent {max-width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;} .cs__threequarter .cs__content {max-width: 75%; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%;} .cs__twothird .cs__content {max-width: 64%; -webkit-flex: 0 0 64%; -ms-flex: 0 0 64%; flex: 0 0 64%;} .cs__twothird .cs__othercontent {max-width: 36%; -webkit-flex: 0 0 36%; -ms-flex: 0 0 36%; flex: 0 0 36%;} .cs__callout:after {content: ' '; line-height: 0; display: table; clear: both; } .cs__half .cs__othercontent, .cs__half .cs__content {max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .cs__overlay {position: absolute; left: 0; bottom: 0px; right: 0; z-index: 2; overflow: hidden; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; color: #fff; letter-spacing: .093em; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); padding:3em; } @media (max-width: 1200px) { .cs__callout { font-size: 1rem; line-height: 1.15;} } @media (max-width: 1023px) { .cs__callout { display: block; flex: none; font-size: 1rem; line-height: 1.15;} .cs__threequarter .cs__othercontent, .cs__threequarter .cs__content, .cs__twothird .cs__content, .cs__twothird .cs__othercontent, .cs__half .cs__othercontent, .cs__half .cs__content {width: 100%; max-width: 100%; clear: both; } } /* Instagram callout ------------------------------------------------------------*/ #instagram {color:black; position: relative; max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: 2em auto 0 auto; } #instagram ul { flex: 0 0 100%; display: flex; list-style-type: none; align-content:center; justify-content:center; max-width: 100%; flex-flow: row wrap;} #instagram li { flex: 0 0 150px; height:auto; margin-left: 1em; margin-right: 1em; margin-bottom: 4em; } #instagram img {/* height:100%; width: 100%;*/} #instagram figcaption { margin-top: 1em; font-family: 'Open Sans', sans-serif; font-size: 0.75em; height:40px; overflow: hidden; } #instagram li::after {content: "..."} #instagram h2 {text-align:center;} #instagram h2 a {color:black;} /* Faculty Staff Directory Migrated from Cabinet page ------------------------------------------------------------*/ .content .flex-dir h2 {margin:1em auto 0.5em auto;} .content .flex-dir .form__head h2 {margin:0 auto 0.5em auto;} .content .flex-dir .admissions_checklist .row { background:none; cursor: pointer; padding: 0; clear:none; float:inherit; width: inherit; } .content .flex-dir .admissions_checklist .row::after { content: "Full Bio ↓"; cursor: pointer; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; width: 100%; z-index: 2; } .content .flex-dir .admissions_checklist .row.expanded { background:none; } .content .flex-dir .admissions_checklist .row.expanded::after { content: "Close ↑"; } .content .flex-dir .admissions_checklist p:last-child { margin: 0 0 15px; } .content .flex-dir .admissions_checklist h3 { font-size: 1.25rem; line-height: normal; font-weight: bold; color: #333; margin:0 0 0.85rem; } .content .flex-dir .faculty_listing_title { color: #333; display: block; font-size: 0.85rem; font-weight: lighter; letter-spacing: 0.05em; text-transform: uppercase; } .content .flex-dir .faculty_listing_meta { overflow: hidden; margin:0.85rem auto; padding: 1em 0; } .content .flex-dir .faculty_listing_content { overflow: hidden; width: inherit; } .content .flex-dir .faculty_listing_contact {border: 1px solid #1F2025; border-width: 1px 0;} .content .flex-dir .faculty_listing_extra { border-top: 1px solid #efc621; } .content .flex-dir .faculty_listing_detail { font-size: .80rem; font-weight: lighter; display: inline-block; margin: 0 25px 0 0; line-height:1.25; } .content .flex-dir .faculty_listing_title { display: inline; margin: 0 0 0 20px; } .content .flex-dir .faculty_listing_detail[class*="icon_faculty_"] { padding: 0 0 0 20px; } .content .flex-dir .icon_faculty, .content .flex-dir .icon_faculty_phone, .content .flex-dir .icon_faculty_email, .content .flex-dir .icon_faculty_pin, .content .flex-dir .icon_faculty_twitter, .content .flex-dir .icon_faculty_download, .content .flex-dir .icon_faculty_link, .content .flex-dir .icon_faculty_video { position: relative; } .content .flex-dir .icon_faculty::before, .content .flex-dir .icon_faculty_phone::before, .content .flex-dir .icon_faculty_email::before, .content .flex-dir .icon_faculty_pin::before, .content .flex-dir .icon_faculty_twitter::before, .content .flex-dir .icon_faculty_download::before, .content .flex-dir .icon_faculty_link::before, .content .flex-dir .icon_faculty_video::before { background: rgba(0, 0, 0, 0) url(/dt/css/images/music-icons.png) no-repeat scroll 0 0; content: ""; height: 12px; margin: 0 0 0 -20px; position: absolute; width: 12px; } .svg .content .flex-dir .icon_faculty::before, .svg .content .flex-dir .icon_faculty_phone::before, .svg .content .flex-dir .icon_faculty_email::before, .svg .content .flex-dir .icon_faculty_pin::before, .svg .content .flex-dir .icon_faculty_twitter::before, .svg .content .flex-dir .icon_faculty_download::before, .svg .content .flex-dir .icon_faculty_link::before, .svg .content .flex-dir .icon_faculty_video::before { background-image: url(/dt/css/images/music-icons.png); } .content .flex-dir .icon_faculty_phone::before { background-position: -36px -90px; margin-top: 5px; } .content .flex-dir .icon_faculty_email::before { background-position: -48px -90px; margin-top: 6px; } .content .flex-dir .icon_faculty_pin::before { background-position: -60px -90px; margin-top: 4px; } .content .flex-dir .icon_faculty_twitter::before { background-position: -72px -90px; margin-top: 5px; } .content .flex-dir .icon_faculty_download::before { background-position: -84px -90px; margin-top: 5px; } .content .flex-dir .icon_faculty_link::before { background-position: -96px -90px; margin-top: 5px; } .content .flex-dir .icon_faculty_video::before { background-position: -108px -90px; margin-top: 5px; } .content .flex-dir .faculty_listing { /*padding: 40px 30px 30px;*/ padding: 1em; } .content .flex-dir .faculty_listing:nth-child(2n) { background: #f9f9f9 none repeat scroll 0 0; } .content .flex-dir .icon_faculty_pin {margin-right:0;} .content .flex-dir .checklist-info {overflow: hidden;} .content .flex-dir .link_pdf span {display:none;} .double_callouts section.clear:after {display: inline-block;} /* DeBio/Main SEO Blurb on Homepage - Updated November 2019 ------------------------------------------------------------*/ .debio-wrap { background: #ffcf01; color: black; padding-bottom: 2em; padding-top: 2em; width: 100%; } .debio-wrap .shell {line-height: 1.33;} #debio-tagline { text-align: center; font-size: 1.5em; /* margin-bottom: 2em; padding: 2em 0 0 0;*/ line-height: 1.33; } #debio-tagline p {margin-bottom: 0;} /* Mini Request For Information Form callout for Acad department brochureware ------------------------------------------------------------*/ .mini-rfi {margin-top:2.3em; padding:1em; background: rgba(195, 195, 195, .3);} .mini-rfi input, .mini-rfi select { background: #fff; border: 1px solid #b7b7b7; appearance: none; border-radius: 0; width: 100%; height: 43px; padding-left: 10px; color:black;} .mini-rfi select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist;} .mini-rfi button { min-width: 147px; padding: 7px 15px 5px; background: #000; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 24px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s;} /* 33/66 split Callout */ .section-services.section-33split { background-color: #ffcf01; margin-bottom: 3rem;} .section-services.section-33split .services { /*background: linear-gradient(to top, rgba(0,0,0,0.0), rgba(0,0,0,0.2)); rgba(0,0,0,0.6));*/ } .section-33split .service-66 { flex: 0 0 56%;} .section-33split .service-33 { flex: 0 0 42%;} .section-33split .service__background {width:120%;} .section-33split .service__content, .section-33split .service:nth-child(even) .service__content { padding: 103px 90px 108px calc((100vw - 1140px - 20px + 2px) / 2); color:black;} .section-33split h2.service__title { bottom:auto; top:-0.03rem; font-size: 10rem; line-height: 6.5rem; position: absolute; z-index: 3; color:white; margin-left: -10px; text-shadow: 3px 3px 0 black; min-width: 100%; width:60rem;} .section-33split .service:nth-child(even) .service__background-inner {background-position: 80% 0%;} .section-33split h4.service__title { bottom:auto; top: 8rem; font-size: 2rem; line-height: 1.75rem; position: absolute; z-index: 5; color:black; } .section-33split .service__blurb { bottom:auto; top: 12rem; font-size: 1rem; line-height: 1.5rem; position: absolute; z-index: 5; color:black; padding-right: 1em; } .section-33split .service:nth-child(even) .service__background-inner {opacity: 1; /*background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));*/} .section-services.section-33split .services::after { /*border-width: 75px 40px 0 40px; left: 49%; bottom: -75px;*/ border-width: 55px 25px 0 25px; bottom: -55px; left: 49.5%;} .flex-image-block h3 {text-align: center;} @media (max-width: 1023px) { .section-33split .service__content, .section-33split .service:nth-child(even) .service__content { padding: 20px; text-align: center;} .section-33split h2.service__title {font-size: 4rem; line-height:3.5rem; margin:auto; position: inherit; top:auto; max-width: 100%;} .section-33split h4.service__title{position: inherit; top:auto; font-size: 1.5rem; margin:0.5em auto 1em 0;} .section-33split .service__blurb { position: inherit; top:auto; font-size: 0.8rem; line-height: 1.1rem; margin:auto;} } @media (max-width: 667px) { .main .main__actions--fixed .btn--large {min-width: 85px; font-size: 16px; padding: 10px 15px 6px;} } @media (max-width: 340px) { .main .main__actions--fixed .btn--large {min-width: 50px;font-size: 14px; padding:5px 15px;} } /* Custom Heading/subtitle Callout */ .page-elements_heading { background: url(/dt/css/images/pattern.jpg) repeat 0 0; margin: auto; color: black; text-align: center;} .page-elements_heading.no-bg { background: white; background-image: none;} .page-elements_heading div { max-width: 1180px; padding: 0em 12em 0em 12em; margin: 0 auto;} .page-elements_heading div p:last-of-type {margin-bottom: 0; padding-bottom: 1em;} /* resets ALL headings to have equal spacing */ .page-elements_heading h2, .page-elements_heading h3, .page-elements_heading h4, .page-elements_heading h5, .page-elements_heading h2:last-child, .page-elements_heading h3:last-child, .page-elements_heading h4:last-child, .page-elements_heading h5:last-child {padding-bottom: 0.665em; margin-bottom: auto; padding-top: 0.665em; margin-top: auto;} .page-elements_heading .title-nospace-bottom h2:first-of-type, .page-elements_heading .title-nospace-bottom h3:first-of-type, .page-elements_heading .title-nospace-bottom h4:first-of-type, .page-elements_heading .title-nospace-bottom h5:first-of-type {margin-bottom: 0; padding-bottom: 0; } .page-elements_heading div.title-nospace-top h2:first-of-type, .page-elements_heading div.title-nospace-top h3:first-of-type, .page-elements_heading div.title-nospace-top h4:first-of-type, .page-elements_heading div.title-nospace-top h5:first-of-type {padding-top: 0; margin-top: 0;} .page-elements_heading .title-addspace-bottom h2:first-of-type, .page-elements_heading .title-addspace-bottom h3:first-of-type, .page-elements_heading .title-addspace-bottom h4:first-of-type, .page-elements_heading .title-addspace-bottom h5:first-of-type {margin-bottom: 0; padding-bottom: 45px; } .page-elements_heading div p:first-of-type {padding-top: 1em; margin-top: 0;} .page-elements_heading div.nospace-top p:first-of-type {padding-top:0; margin-top: 0;} .page-elements_heading div.nospace-bottom p:last-of-type {padding-bottom: 0; margin-bottom: 0;} .page-elements_heading div.addspace-top p:first-of-type {padding-top:3em; margin-top: 0;} .page-elements_heading div.addspace-bottom p:last-of-type {padding-bottom: 3em; margin-bottom: 0;} .page-elements_heading div.align-left h2, .page-elements_heading div.align-left h3, .page-elements_heading div.align-left h4, .page-elements_heading div.align-left h5, .page-elements_heading div.align-left h6, .page-elements_heading div.align-left p {text-align: left;} /* Chad added to make sure links in no-bg (white) weren't also white per Steven L*/ .section-entrys.bullets .page-elements_heading.no-bg a { color: #0069ba; } .section-entrys.bullets .page-elements_heading.no-bg a:hover { color: #ffcf01; } .section-entrys.bullets .page-elements_heading.no-bg a.btn:hover { background: #555; color: #fff; } @media (max-width: 1200px) { .page-elements_heading div { padding: 0em 2em; margin: 0 auto;} #flex-full .page-elements_heading div { padding: 0em 12em; margin: 0 auto;} } @media (max-width: 1023px) {#flex-full .page-elements_heading div {max-width: 1180px; padding: 0em 4em; } } /* Admission landing tweaks - Jan 2019 ------------------------------------------------------------*/ .admission-landing .intro-tertiary .intro__content h2 p { margin-bottom: 0;} .header-admission { position: relative; z-index: 14; min-height: 552px; /*height: 100vh;*/ padding-top: 137px; background-size: cover; background-repeat: no-repeat;} .header-admission a {display: block;} .header-admission .intro__content__overlay { padding: 2em 1em; background-color: rgba(255,207,1,0.8); top: 50%; left: 15%; transform: translate(-15%, -50%); position: absolute; /* circle stuff */ display: block; z-index: 4; height: 400px; width: 400px; line-height: 60px; border-radius: 50%; text-align: center; margin-left: 1em; margin-right: 3em; shape-outside: circle(); background-clip: border-box; background-origin: border-box; background-position: center; background-size: contain; } .header-admission .intro__actions {position: absolute; left: 0; bottom: 0px; right: 0; z-index: 4; padding: 15px 0 42px; text-align: center;} .header-admission .intro__content__overlay .shell { padding: 5em 2em 3em 2em;} .header-admission .intro__content__overlay .intro__title {color:black; font-size: 3em; position: relative; display: inline-block; } .header-admission a .intro__content__overlay h1.intro__title { text-align: center; margin:0; padding: 0; line-height: normal; font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; text-shadow: 2px 1px 0px rgba(255, 255, 255, 1); text-transform: none;} .header-admission .intro__content__overlay h1.intro__title span {display:block; margin-top: 2em; text-transform: uppercase; font-size: 1.25em; text-shadow: none; } .header-admission .intro__content__overlay h1.intro__title span:hover {color:white;} .header-admission .intro__content__overlay p {margin-bottom: 0;} .admission-landing .section__head h3 {margin-top: 1em;} .mini-rfi { margin-top:0; padding:0; /*background: rgba(195, 195, 195, .3);*/ background: none;} .mini-rfi #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1 {width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .mini-rfi input, .mini-rfi select { background: #fff; /* border: 1px solid #b7b7b7;*/ border:none; appearance: none; border-radius: 0; /*width: 100%;*/ height: 43px; padding-left: 10px;} .mini-rfi div.form_question {flex: 0 0 50%;} .mini-rfi select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist;} .mini-rfi button { padding: 7px 15px 5px; background: #ffcf01; border:none; color: #000; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 24px; font-weight: 500; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s;} .mini-rfi #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1 select, .mini-rfi #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1 input {border-top-left-radius:0;} .mini-rfi button:hover {background: #666; color: #fff;} .section-entrys .mini-rfi, .section-entrys .mini-rfi p {font-family: 'Open Sans', sans-serif;} .header-admission .intro__content__overlay h1.intro__title span { padding: 7px 15px 5px; background: #000; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 0.65em; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s; display: block; cursor: pointer; text-shadow: none; width: 60%; margin: 1em auto;} .header-admission .intro__content__overlay h1.intro__title span:hover { background: #666; color: #fff;} .admission-landing .section__head .shell h1 { font-size: 50px; font-weight: 500; letter-spacing: 0.068em; margin: 0; } .admission-landing .page-elements_content_block .header {color:black; border-top: none; font-size: 2.5em; line-height: 1.5; margin-bottom: 0.3em; font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; } .admission-landing .page-elements_content_block .header span {font-style: italic; color: #000; text-shadow: 2px 1px 0px rgba(255, 255, 255, 1);} .admission-landing .main__inner { padding: 65px 0 41px 0; background: #ffcf01; } .admission-landing .list-links a {color: #fff; background: black;text-transform: uppercase; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed;font-weight: 500; text-transform: uppercase; font-size: 1.5em; } .admission-landing .list-links a:hover, .section-entrys .adm-distinctions li:first-of-type a:hover {background: #666; color:white;} .section-entrys .adm-distinctions {padding: 65px 20px; max-width: 1180px; margin: auto; color:black; display: flex; flex-wrap: wrap; justify-content:center; list-style-type: none; } .section-entrys .adm-wrap { background-image: url("https://www.depauw.edu/images/home-photos/adm-distinctions-bg01.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .section-entrys .adm-distinctions li { background:rgba(255,255,255,0.9); /*background: rgba(255,207,1,0.9);*/ color:black; flex: 0 0 45%; text-align:justify; padding: 1em; margin: 1em; /*border-bottom:#333 solid 1px; border-right:#333 solid 1px;*/ font-size: 1.2em; line-height: 1.45; letter-spacing: 0.005em;} .section-entrys .adm-distinctions li h3 { text-align: center; font-size: 1.75em; line-height: 1.25; margin-bottom: 1em;} .section-entrys .adm-distinctions li:first-of-type p {text-align: center; font-weight: bold;} .section-entrys .adm-distinctions li:first-of-type a {padding: 7px 15px 5px; background: #ffcf01; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 1.5em; font-weight: 500; color: black; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s; display: block; cursor: pointer; text-shadow: none; width: 200px; margin: 0.5em auto;} .section-entrys .adm-cta { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} .section-entrys .adm-cta .shell { text-align: center; padding: 65px 20px; } .section-entrys .adm-cta h3 {font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px; text-transform: none; margin-bottom: 1em;} .section-entrys .adm-cta h3.intro__title {text-transform: uppercase; font-size: 3em;} .section-entrys .adm-cta h3 a {color: #ffcf01; } .section-entrys .adm-distinctions li a {color: /*#0069ba*/ rgba(0, 0, 0, 1); text-decoration: underline; font-weight: bold; text-shadow: 1px 1px 0px rgba(255,207,1,1);} .section-entrys .adm-cta p:last-of-type {margin-bottom: 0; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed;font-weight: 500; text-transform: uppercase; font-size: 2.5em;} @media (max-width: 1023px) { .admission-landing .page-elements_content_block .header {font-size: 2em; text-align: center; padding: 0 0 40px;} .section-entrys .adm-distinctions {display: block;} .header-admission.intro__content__overlay {font-size: 0.65em; padding: 2em 1em; background-color: rgba(255,207,1,0.8); left: 50%; top: 65%; transform: translate(-50%, -65%); width: 500px; min-width: 300px; max-width: 60%;} .header-admission.intro__content__overlay h1.intro__title {display:block;} .header-admission .intro__background {background-position: center;} .section-entrys .adm-distinctions li { font-size: 1.0em; line-height: 1.45;} .section-entrys .adm-distinctions li h3 { font-size: 1.5em; line-height: 1.25; margin-bottom: 1em;} } @media (max-width: 767px) { .header-admission .intro__content__overlay {height: 250px; width: 250px;} .header-admission .intro__content__overlay .shell {padding: 2em 1em 2em 1em;} .header-admission .intro__content__overlay h1.intro__title {font-size: 1.5em;} .header-admission .intro__content__overlay h1.intro__title span {padding: 7px 5px 5px; margin: 0.5em auto;} .mini-rfi #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1 {display: block;} } /* Misc Content Block Callout classes - March 2019 ------------------------------------------------------------*/ .page-elements_content_block .intro__title { margin:0; padding: 0; line-height: 1.5; font-family: 'adobe-caslon-pro'; font-weight: 600;letter-spacing: 2px; text-transform: none;} .page-elements_content_block .intro__title strong {text-shadow: 1px 1px 0px rgba(255,207,1,1.00); font-weight: 600;} /* Two Thirds Split Callout classes - March 2019 ------------------------------------------------------------*/ .twothirds_split {border-bottom:6px solid black; padding: 0; margin: 0;} .twothirds_split .wrap {max-width: 1180px; padding: 4em 20px; margin: auto; display: flex; flex-wrap: wrap; list-style-position: inside;} .twothirds_split .wrap h2.intro__title {text-align: center; flex: 1 100%; margin-bottom: 2em; } .twothirds_split .wrap h3 {text-align: center; margin-bottom: 1.5em;} .twothirds_split .wrap .sixty_six ul.two_col {display: flex; flex-wrap: wrap; list-style-position: inside; font-size: 1.25em;} .twothirds_split .wrap .sixty_six {flex: 2 64%; } .twothirds_split .wrap .thirty_three {flex: 2 33%; } .twothirds_split .wrap ul.two_col li {flex: 2 50%; } .twothirds_split .wrap div:first-of-type {margin-right: 2em;} .bg__black { background-color: #000; color: #fff; } .bg__gold { background-color: #FECF01; color: #000; } .bg__white { background-color: #FFF; color: #000; } .bg__grey { background-color: #222; color: #fff; } @media (max-width: 1023px) { .twothirds_split .wrap, .twothirds_split .wrap .sixty_six ul.two_col {display:block;} .twothirds_split .wrap div:first-of-type {margin-right: inherit;} .twothirds_split .wrap div:nth-of-type(2) {margin-top: 4em;} } /* Mini Request For Information Form callout for Acad department brochureware ------------------------------------------------------------*/ .mini-rfi, .long-rfi {margin-top:2.3em; padding:1em; background: rgba(195, 195, 195, .3);} .mini-rfi input, .long-rfi input, .mini-rfi select, .long-rfi select { background: #fff; border: 1px solid #b7b7b7; appearance: none; border-radius: 0; width: 100%; height: 43px; padding-left: 10px; color:black;} .mini-rfi select, .long-rfi select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist;} .mini-rfi button, .long-rfi button { min-width: 147px; padding: 7px 15px 5px; background: #000; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 24px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s;} /* Mini Request For Information Form FULL WIDTH callout for Acad department brochureware ------------------------------------------------------------*/ .section-entrys .mini-rfi {background: rgba(0, 0, 0, 1); margin-top: 0;} .section-entrys .mini-rfi .rfi-wrapper { max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto; } .section-entrys .mini-rfi .rfi-wrapper h2 {text-align: center;} .section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c #form_page_1 {display: flex; justify-content: space-between; flex-flow: row wrap;} .section-entrys #form_627845bf-168b-487d-91c3-96491c82d0d3_container {width: 100%;} .section-entrys #form_627845bf-168b-487d-91c3-96491c82d0d3_container .form_text, .section-entrys #form_627845bf-168b-487d-91c3-96491c82d0d3_container .form_select, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c .form_select, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c .form_text, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c {flex: 2 50%; padding: 1em 1em 0 1em;} .section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 .action, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c .action {text-align: center;} .section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 button, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c button {border:none; background: #ffcf01; color:black;} .section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 button:hover, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c button:hover { background: #666; color: #fff;} @media (max-width: 1023px) { .section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c #form_page_1 { display: block;} } /* Long Request For Information Form for Get Info page - April 2019 ------------------------------------------------------------*/ .admission-rfi {background: #ffcf01; padding-bottom: 4em; padding-top: 4em; padding-left: 0; } .long-rfi { margin: 0em auto 0 auto; padding: 2em; background: url(/dt/css//dt/css/images/pattern.jpg) repeat 0 0;} .long-rfi .form_pages { display: flex; justify-content: start; flex-flow: row wrap;} .long-rfi #form_page_1 {width:680px; margin: auto;} .long-rfi #form_page_2, .long-rfi #form_page_3 { flex: 2 45%; display: flex; justify-content: space-between; flex-flow: row wrap; padding: 1em; margin-bottom: 2em; position: relative;} .long-rfi #form_page_2 {margin-right: 1em; padding-right: 1em; border-right: 1px solid #ddd; } .long-rfi #form_page_2 .form_label, .long-rfi #form_page_3 .form_label, .long-rfi #form_page_4 .form_label {font-size: 0.8em;} #form_question_c15ff9d3-aff3-42dd-9225-03d237101f25 {margin-bottom: 1.5em;} .long-rfi .form_action {text-align: center;} .long-rfi .form_select, .long-rfi .form_text, .long-rfi .form_birthdate, .long-rfi .form_address {flex: 2 50%; padding: 1em 1em 0 1em;} .long-rfi .form_question.form_h1, .long-rfi .form_question.form_birthdate, .long-rfi #form_question_0c9548aa-cf7f-446f-8262-30dd9f0e2e8f, .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c, .long-rfi #form_question_111f0dd0-ae66-4c4c-98e0-acc04c1a3d2a {flex: 1 100%;} .long-rfi .form_question.form_birthdate .form_responses {display: flex; justify-content: start; flex-flow: row wrap;} .long-rfi .form_question.form_birthdate .form_responses select {flex: 3 28%; } .long-rfi #form_page_1 .form_label, .long-rfi .form_h1,.long-rfi .form_address .form_label legend, #form_question_59387279-e381-45aa-adbe-ca6cf3f63896 .form_label legend { text-align: center; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-transform: uppercase; font-size: 1.75em; } .long-rfi #form_question_59387279-e381-45aa-adbe-ca6cf3f63896 {margin-top: 1em; } .long-rfi #form_question_59387279-e381-45aa-adbe-ca6cf3f63896 .form_label legend {font-size: 1.5em; text-transform: none; margin:auto; width:680px; font-weight: normal;} .long-rfi #form_page_1 #form_question_ffad918c-7b78-4751-846d-6e636abed6f8 .form_label {font-size: 1.5em; text-transform: none; font-weight: normal;} .long-rfi #form_question_59387279-e381-45aa-adbe-ca6cf3f63896 .form_response {border:solid 1px rgba(128,128,128,0.25); background: rgba(128,128,128,0.25); border-radius: 5px; padding: 0.25em 0.5em; width:100px; margin: 0.5em auto; text-align: center;} .long-rfi #form_question_59387279-e381-45aa-adbe-ca6cf3f63896 .form_response input, .long-rfi.music-rfi [type="radio"] {display: inline-block; /*width:auto; */ appearance:radio; width:auto; height: inherit;} .long-rfi.music-rfi [type="checkbox"] {display: inline-block; /*width:auto; */ appearance:checkbox; width:auto; height: inherit;} .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c .form_responses .form_label {text-align: left;} .long-rfi button:hover {background: #ffcf01; color: #000;} /* Fields */ .long-rfi input[type=date], .long-rfi input[type=datetime], .long-rfi input[type=datetime-local], .long-rfi input[type=email], .long-rfi input[type=month], .long-rfi input[type=number], .long-rfi input[type=password], .long-rfi input[type=range], .long-rfi input[type=search], .long-rfi input[type=tel], .long-rfi input[type=text], .long-rfi input[type=time], .long-rfi input[type=url], .long-rfi input[type=week], .long-rfi select, .long-rfi textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; } .long-rfi ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; } .long-rfi :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .long-rfi ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .long-rfi :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .long-rfi ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .long-rfi #form_page_4{width:100%; display: block; position: relative;} .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c {width:100%; display: block; position: relative;} .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c .form_responses div {/*flex: 2 50%; padding: 0;*/ position: absolute; left:100%;width:100%; top:93px;} .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c .form_responses div.address-row {top:13px;} .long-rfi #form_question_628cc6f1-bf03-4c56-a089-d44e012255ae {padding: 0em 1em 0 1em;} .formbuilder.long-rfi textarea {height:43px;} .long-rfi input#form_59387279-e381-45aa-adbe-ca6cf3f63896_1 {background:none;} /* Button */ .long-rfi input[type=submit], .long-rfi button[type=submit], .long-rfi .wpforms-page-button { text-transform: uppercase; padding: 10px 60px; color: #222; background: #444; font-weight: normal; } @media (max-width: 1023px) { .long-rfi #form_page_2, .long-rfi #form_page_3, .long-rfi #form_page_4, .long-rfi .form_pages, .long-rfi .form_pages, .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c .form_responses { display: block;} .long-rfi #form_page_2 {margin-right: 0; padding-right: 0; border-right: none;} .long-rfi #form_page_1 {width:100%; margin: auto;} .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c .form_responses span, .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c .form_responses span.address-row, .long-rfi #form_question_628cc6f1-bf03-4c56-a089-d44e012255ae, .long-rfi #form_question_5ec259e0-e75f-4fda-8d67-f3ccaf44fb2c {width:100%; position: static; top:auto; left: auto; padding: 1em 1em 0 1em;} } /* Stuff for the page that displays after RFI submission */ #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table, #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table .layout.one-col.fixed-width { width: 100% !important;} #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table .layout__inner.column, #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table .layout.email-footer {text-align:center;} #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table .layout.email-footer {margin: auto; float:none;} #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table tr:nth-child(odd) td, #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table tr:nth-child(odd) td, #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table tr:nth-child(odd) td {background: none !important;} #form_9f520ae3-aee6-4f22-8aa7-9ac5632bd9ea table td .section .layout .layout__inner .column {text-align:center;} /* Long MUSIC Request For Information Form for Get Info page - September 2019 ------------------------------------------------------------*/ .long-rfi.music-rfi [type="checkbox"], .long-rfi.music-rfi [type="radio"] {width:auto;} .long-rfi.music-rfi #form_e95e325b-3317-4e98-ab05-cb154be2541d .form_responses {display: flex; justify-content: start; flex-flow: row wrap;} .long-rfi.music-rfi #form_e95e325b-3317-4e98-ab05-cb154be2541d .form_response, .long-rfi.music-rfi .form_response {flex: 3 28%; border: solid 1px rgba(128,128,128,0.25); background: rgba(128,128,128,0.25); border-radius: 5px; padding: 0.25em 0.5em; margin: 0.5em;} .long-rfi.music-rfi #form_question_e95e325b-3317-4e98-ab05-cb154be2541d legend {font-size: 1.75em;} .long-rfi.music-rfi .form_pages {display: block;} .long-rfi.music-rfi div.form_question {padding: 1em 1em 0 1em;} .long-rfi.music-rfi #form_question_3686f433-b5d1-4681-8cfc-e9898e69a282 .form_response {flex: 2 48%;} .long-rfi.music-rfi #form_question_5d5b8c24-ab0d-4cad-8a2f-7ae037616003, .long-rfi.music-rfi .form_select#form_question_360ecb8c-8cde-4781-9cdf-a22e8dfd371b {flex:1 100%;} /*.long-rfi.music-rfi #form_question_628cc6f1-bf03-4c56-a089-d44e012255ae { top: 240px;} */ @media (max-width: 767px) { .long-rfi.music-rfi #form_e95e325b-3317-4e98-ab05-cb154be2541d .form_responses {display: block;} } /* BIRT Form Styles */ .content .birt h3 { font-size: 1.75em; } #birt-form .accordion {position: relative; margin:0;} #birt-form .accordion .row { background-image: none; cursor: pointer; padding: 0; border: none; line-height: 1.6em; position: relative; padding: 0 0 1em 42px; margin-bottom: 0; color:#6c757d; } #birt-form .accordion .row::after, #birt-form .accordion .row:hover::after,#birt-form .accordion .row.expanded::after, #birt-form .accordion .row.expanded:hover::after, #birt-form .accordion .row.accordion_footer::after { display: none;} #birt-form .fa, #birt-form .far, #birt-form .fas {font-family: FontAwesome;} #birt-form .fas.fa-question-circle {position: absolute; left: 0px; top: 2px; color:#6c757d;} #birt-form .fas.fa-caret-down {position: absolute; left: 20px; top: 0; font-size: 20px; color:#6c757d;} #birt-form .fb_help_text {color:#6c757d; font-size: 14px;} #birt-form .formbuilder select, #birt-form .formbuilder .fb_text { background: #fff; border: 1px solid #b7b7b7; border-radius: 0; height: 43px; padding-left: 10px; width: 98%; margin: 5px 1px 3px 0px;} #birt-form .formbuilder .fb_text, #birt-form .formbuilder textarea, #birt-form .formbuilder .fb_date_picker {border-radius: 5px; width: 98%;} #birt-form label {font-weight: bold;} #birt-form label.form_builder_for_checkbox {font-weight: normal;} #birt-form .formbuilder .fb_upload {color:#6c757d; padding:0.5em; margin: 0;} #birt-form .formbuilder .fb_upload_wrapper { position: relative; overflow: hidden; display: inline-block; } #birt-form .formbuilder .fb_upload_wrapper .btn { border:none; } #birt-form .formbuilder .fb_upload_wrapper:hover .btn { background: #666; color: #fff; } #birt-form .formbuilder .fb_upload_wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } #birt-form .formbuilder .fb_date_picker { width: 242px;} #birt-form .formbuilder .fb_date_picker_wrapper {position: relative;} #birt-form .formbuilder .fb_date_picker_wrapper .fas.fa-caret-down { left: 210px; top: 38px;} .content #birt-log h3 {margin-bottom: 1em;} .content #birt-log .birt-row {display: flex; flex-wrap: wrap; padding: 0 0 1em 0; margin-bottom: 3em; border-bottom: solid 1px #BBB;} .content #birt-log .birt-row:nth-child(even) {background: #eee;} .content #birt-log .birt-row div {min-height: 100px; padding: 0; } .content #birt-log .birt-row div:nth-of-type(1) {width:17%;} .content #birt-log .birt-row div:nth-of-type(3) {width:15%;} .content #birt-log .birt-row div:nth-of-type(2), .content #birt-log .birt-row div:nth-of-type(4){width:34%;} .content #birt-log .birt-row div:nth-of-type(5), .content #birt-log .birt-row div:nth-of-type(6), .content #birt-log .birt-row div:nth-of-type(7){width:33.3%;} .content #birt-log .birt-row div:nth-of-type(8) {width:100%;} .content #birt-log .birt-row strong:first-of-type {display: block; color:black; background:#ffcf01; margin:0 0 1em 0; padding: 0.5em; font-size: 0.75em; font-weight: bold; border: none;} .content #birt-log .birt-row div span {padding: 0.5em; display: block;} @media (max-width: 1023px) { .content #birt-log .birt-row div:nth-of-type(1), .content #birt-log .birt-row div:nth-of-type(2), .content #birt-log .birt-row div:nth-of-type(3), .content #birt-log .birt-row div:nth-of-type(4) {width:50%;} .content #birt-log .birt-row div:nth-of-type(5), .content #birt-log .birt-row div:nth-of-type(6), .content #birt-log .birt-row div:nth-of-type(7), .content #birt-log .birt-row div:nth-of-type(8) {width:100%;} } /* DeBrief Style overrides */ .content .debrief table td{padding:inherit;} .content .debrief table tr:nth-child(odd) {background: inherit;} .content .debrief table { margin: inherit; border: none !important;} /* Styles for the Colored Block callout (so far only works in-content) */ .page-elements_colored_block { width: 100%; text-align: center; background: #ffcf01; color: black; border-top: none; padding: 1em; font-size: 1em; line-height: 1.25; margin-bottom: 0.3em; letter-spacing: 2px; float:none; margin: 1em auto; } .page-elements_colored_block.ChunkFive, .page-elements_colored_block.ChunkFive h2, .page-elements_colored_block.ChunkFive h3, .page-elements_colored_block.ChunkFive h4, .page-elements_colored_block.ChunkFive h5, .page-elements_colored_block.ChunkFive h6 { font-family: futura-pt, sans-serif; font-weight: 800; } .page-elements_colored_block.FuturaExtraBold, .page-elements_colored_block.FuturaExtraBold h2, .page-elements_colored_block.FuturaExtraBold h3, .page-elements_colored_block.FuturaExtraBold h4, .page-elements_colored_block.FuturaExtraBold h5, .page-elements_colored_block.FuturaExtraBold h6 { font-family: futura-pt, sans-serif; font-weight: 800; letter-spacing: 2px;} .page-elements_colored_block.Futura, .page-elements_colored_block.Futura h2, .page-elements_colored_block.Futura h3, .page-elements_colored_block.Futura h4, .page-elements_colored_block.Futura h5, .page-elements_colored_block.Futura h6 { font-family: 'futura-pt-condensed', Futura, sans-serif; } .page-elements_colored_block.Caslon, .page-elements_colored_block.Caslon h2, .page-elements_colored_block.Caslon h3, .page-elements_colored_block.Caslon h4, .page-elements_colored_block.Caslon h5, .page-elements_colored_block.Caslon h6 { font-family: 'adobe-caslon-pro';} .page-elements_colored_block.right { float: right; margin: 0 0 1em 1em; width:31%; } .page-elements_colored_block.left { float: left; margin: 0 1em 1em 0em; width:31%; } .page-elements_colored_block.right.twenty-five, .page-elements_colored_block.right.twenty-five { width:25%; } .page-elements_colored_block.right.thirty, .page-elements_colored_block.left.thirty { width:30%; } .page-elements_colored_block.right.thirty-five, .page-elements_colored_block.left.thirty-five { width:35%; } .page-elements_colored_block.right.forty, .page-elements_colored_block.left.forty { width:40%; } .page-elements_colored_block.right.forty-five, .page-elements_colored_block.left.forty-five { width:45%; } .page-elements_colored_block.right.half, .page-elements_colored_block.left.half { width:50%; } .page-elements_colored_block p:last-of-type {margin-bottom: 0;} @media (max-width: 1023px) { .page-elements_colored_block.right, .page-elements_colored_block.left, .page-elements_colored_block.right.twenty-five, .page-elements_colored_block.right.twenty-five, .page-elements_colored_block.right.thirty, .page-elements_colored_block.left.thirty , .page-elements_colored_block.right.thirty-five, .page-elements_colored_block.left.thirty-five, .page-elements_colored_block.right.forty, .page-elements_colored_block.left.forty, .page-elements_colored_block.right.forty-five, .page-elements_colored_block.left.forty-five, .page-elements_colored_block.right.half, .page-elements_colored_block.left.half { float: none; margin: 0; width:100%; } .page-elements_content_block table{float: none; margin: 0; width:100% !important;} } /* General layout styles as needed [Initially for Presidential Search committee] */ .two_col {display: flex; justify-content: space-between; } .two_col .col_inner {flex: 0 0 50%;} @media (max-width: 767px) { .two_col {display: block;} } /* Layout Tweaks - Added November 2019 ------------------------------------------------------------*/ .three-column {display: flex;} .three-column div.column {flex:1; margin-right: 1em;} .three-column div.column:nth-of-type(3) {margin-right: 0;} @media (max-width: 1023px) { .three-column {display: block;} .three-column div.column {margin-right: 0em;} .three-column div.column:nth-of-type(1), .three-column div.column:nth-of-type(2) {margin-bottom: 2em;} .news__actions {float: none;} } /* Presidential Search */ .content #standard-wrapper .search_committee h2 {font-size: 2.5em; margin-bottom: 1em;} .content #standard-wrapper .search_committee h3 {font-size: 2em;} .content #standard-wrapper .search_committee .two_col {margin: 2em auto; border-bottom: 1px solid black;} #standard-wrapper table.search_table tr:nth-child(odd) td {background: none;} #standard-wrapper table.search_table tr td {vertical-align: top; padding: 1em 0;} #standard-wrapper table.search_table tr td:first-of-type {width:35%;} /* #flex-full header size reduction - 1/15 ------------------------------------------------------------*/ #flex-full .intro { min-height: inherit; height: 75vh;} @media (max-width: 1023px) { #flex-full .intro {padding-top:0; min-height:763px; height: inherit;} } @media (max-width: 767px) { .main.main_home #flex-full { margin-top: 100px;} #flex-full .intro {padding-top:0; margin-top: 39px; min-height:363px;} #flex-full .intro:before { height: 130px;} } /* Tweaks for School of Music landing - 1/17 ------------------------------------------------------------*/ .vertical-date-view {list-style-type: none;} .vertical-date-view li {display: inline-block; float: left; margin-right: 1em; background-color: #ffcf01;} .vertical-date-view li a { text-decoration: none; color:black; min-height: 64px; } .vertical-date-view .calendar__date { margin: 0; padding: 0; min-height: 64px;padding:10px;} .vertical-date-view .calendar__date .calendar__day, .vertical-date-view .calendar__date .calendar__month { width: 100%; text-align: center; margin-left: 0;} .vertical-date-view li:hover {background-color: white;} .emphasized-style li a {font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; font-size: 1.5em; text-transform: uppercase;} .emphasized-style-gold li a {color: gold;} /* Tweaks for Covid-19 - 3/16/20 ------------------------------------------------------------*/ .page-elements_content_block .alert_info { width: 100%; padding: 1em; background: #e4cfc9; color: #A73025; font-size: 1.5em; margin-bottom: 2em;} .page-elements_content_block .alert_info a { color:#005C9E; text-decoration: underline;} #clery-note {background: white; padding:0.5em 0; margin: 0 auto; color:black;} #clery-note h3 {font-size: 1.5em; text-align: center;} @media (max-width: 767px) { .page-elements_content_block .alert_info {font-size: 1.25em;} #clery-note {position: relative; top: 40px; z-index: 25;} .main.main_home {margin-top: 0px;} #clery-note h3 {font-size: 1em;} } @media (max-width: 500px) { #clery-note h3 {font-size: 0.75em;} } .table-col2 {width: 49%; background: rgba(195, 195, 195, .3); padding: 2.3em; border-top:10px solid #FFCF01; margin-top: 2em; margin-right: 0.75em; float:left; min-height: 500px; } .table-colwide {width: 100%; background: rgba(195, 195, 195, .3); padding: 2.3em; border-top:10px solid #FFCF01; margin-top: 2em; } .content .table-colwide table {margin-bottom: 0;} .content .table-colwide table th { font-size: 0.75em;} @media (max-width:1024px){ .table-col2 {width:100%; float:none;} } /*Covid chart Start*/ .table-colwrap {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .table-2col {width: 49%; background: rgba(195, 195, 195, .3); padding: 2.3em; border-top:10px solid #FFCF01; margin-right: 0.75em; min-height: 330px; -webkit-flex: 0 0 47.9%; -ms-flex: 0 0 47.9%; flex: 0 0 47.9%; position: relative;} .table-3col {width: 32%; background: rgba(195, 195, 195, .3); padding: 2.3em; border-top:10px solid #FFCF01; margin-right: 0.75em; min-height: 330px; -webkit-flex: 0 0 31.9%; -ms-flex: 0 0 31.9%; flex: 0 0 31.9%; position: relative;} .table-colwide {width: 100%; background: rgba(195, 195, 195, .3); padding: 2.3em; border-top:10px solid #FFCF01; margin-top: 2em; } .content .table-colwide table, .content .table-2col table, .content .table-3col table {margin-bottom: 0;} .content .table-colwide table th { font-size: 0.75em;} @media (max-width:1024px){ .table-colwrap {display: block;} .table-2col, .table-3col {width:100%; float:none; min-height: inherit;} } /*Covid chart End*/ /* Majors and Minors tab list ------------------------------------------------------------*/ #mm-list {padding: 1em 0;} #mm-list nav {margin: 1em 0 0 0;} #mm-list a.dir_button {font-size: 1.5em; background: rgba(155, 155, 155, .3); border-right: 3px solid white; text-decoration: none; color: black; min-width: 181px; font-size: 22px; text-align: center; padding: 0.5em; display: inline-block; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-weight: 500; text-transform: uppercase;} #mm-list a.dir_button.active {border:solid transparent 2px; background: rgba(195, 195, 195, .3);; } #mm-list a.dir_button:hover{background: rgba(195, 195, 195, .3); text-decoration: underline;} #mm-list .mm-content {margin: 0 0 2em 0; background: rgba(195, 195, 195, .3); padding: 2em; border:2px solid transparent;} #mm-list ul {list-style-type: none; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-between; max-height: 900px; max-width: 800px;} #mm-list ul li { padding-bottom: 0.5em; flex: 0 0 49%; max-width: 250px;} #mm-list ul li a { display: block; text-decoration: none; color:black;} #mm-list ul li a:hover { text-decoration: underline; } #mm-list p {text-align: center; margin: 2em auto;} @media (max-width: 767px) { #mm-list ul {max-height: 1200px; max-width: 800px;} #mm-list ul li { max-width: 200px; padding-bottom: 0.75em; min-height: 3em; max-width: 200px; } #mm-list a.dir_button {min-width: 100px;} } @media (max-width: 400px) { #mm-list .mm-content { padding: 0.5em; } #mm-list ul li { font-size: 0.75em;} } .section-entrys .mag_pathways {margin-top: 0; margin-bottom: 0;} /* Jan 15, 2021 - THERE ARE Tweaks to accomodate Deedie's 50/50 for Academics/Gold Within INSIDE the following callout file: home-boulder.php ------------------------------------------------------------*/ /* Accessibility Tweaks ------------------------------------------------------------*/ #service__title__heading.alt-text, .magazine .st-custom-button span {position:absolute; display:block; left:-10000px;} .section-services { background-color: #000; color:#fff;} a:focus, .search__field_new:focus, .search__btn_new:focus, .fs-gateway button.dir_button a:focus, .dir_search input[type="radio"]:focus, .dir_search input[type="submit"]:focus, .slick-home-prev:focus, .slick-home-next:focus {outline: auto;} .tabs .tabs__nav .owl-stage-outer a:focus, .owl-stage-outer a:focus {border:solid 3px #000; background: #000;} .nav-secondary a:focus, a.tagline-link:focus {outline-color: #ffcf01;} .tabs__nav-slider a:focus, .magazine .toc a:focus {outline:none;} a.tagline-link:focus, .nav a:focus {color: #ffcf01; outline: none;} a.btn.btn--yellow:focus, .section__entry--black a.btn.btn--default:focus, .section-entrys .section__entry--small a.btn:focus, a.btn.btn--large:focus, .dir_search input[type="submit"]:focus, a.more_numbers:focus, .news-item .news-item__btn:focus, .btn.btn--default:focus, .section-entrys.bullets a.btn.btn--yellow:focus, .sidelets-2017 a.button:focus {border:none; background: #555; color: #fff;} a:focus:visited, .fs-gateway a.dir_button.active:focus, .fs-gateway a.dir_button:focus {border:3px solid transparent; } a.testimonial__main {color:#004070} /* November 2019 */ .section-entrys.bullets a:focus .testimonial__image{border:6px solid #fff;} .intro .intro__content__overlay .intro__title a:focus {outline:none; color:white;} .nav-secondary li:not(.nav--expanded) form {display:none;} .footer .contacts a.footer__phone {text-decoration:underline; } .offscreen { position:absolute; left:-999px; width:1px; height:1px; top:auto; } .tab .shell {display:none; } .tab.active .shell {display:block;} .alt-text {position:absolute; display:block; left:-10000px;} .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } /* Begin Photo Gallery Styles ------------------------------------------------------------*/ .photo_gallery_page a { display: block; float: left; height: 340px; width: 340px; margin: 0 20px 20px 0; } .photo_gallery_page a.last { margin: 0 0 20px 0; } .photo_gallery_page figure, .photo_gallery_page figcaption { display: block; } .photo_gallery_page .chamber { float: left; position: relative; cursor: pointer; display: block; height: 340px; width: 340px; margin: 2px 2px; } .photo_gallery_page .chamber figcaption { background-color: rgba(34,34,34,.5); bottom: 0; position: absolute; width:100%; } .photo_gallery_page .chamber figcaption p { color:#fff; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size:12px; line-height:18px; margin:0; padding: 10px 20px; text-shadow: 1px 1px 2px #000; filter: dropshadow(color=#000, offx=1, offy=1); } .photo_gallery_photo .pagination { color: #eee; font-family: futura-pt; font-size: 13px; height: 30px; width: 100%;} .photo_gallery_photo .pagination a { color: #333; } .photo_gallery_photo .pagination .right { margin-top: 5px; } .photo_gallery_photo .vr { background: #C2C2C2; display: inline-block; height: 15px; margin: 0 10px -3px; width: 1px; } .photo_gallery_photo figure, figcaption, h1 {overflow: visible;} .photo_gallery_photo figure img {width:940px;} .photo_gallery_photo a.gallery_next { border-radius: 0px 10px 10px 0px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; margin: 0 0 0 1px; padding: 0 10px 0 7px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width:auto; } .photo_gallery_photo a.gallery_prev { border-radius: 10px 0px 0px 10px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; padding: 0 7px 0 10px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width: auto; } .photo_gallery_photo a.gallery_next:hover, .photo_gallery_photo a.gallery_prev:hover { background:#222; text-decoration:none; } /* addition for 4 link callout and TEL links usability */ a[href^="tel:"] { cursor: pointer; } @media (max-width: 1023px) { body {min-width: 100%;} .photo_gallery_photo figure img, .wrap {width:100%;} }