/* 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 --------------- */ @font-face { font-family: 'ChunkFive'; src: url('fonts/Chunkfive-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Chunkfive-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/Chunkfive-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Chunkfive-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ } .ico-quote { background-image: url(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(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: 220px; } .calendar .end { margin:0; } .calendar .secondary .block_image_link { margin-bottom:5px; } .calendar .secondary img { width: 214px; } .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(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(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(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(../images/row_closed_hover.png) no-repeat 580px 20px; } */ /*.calendar .events .event span.open { background: url(../images/row_open.png) no-repeat 580px 20px; } */ /*.calendar .events .event span.open:hover { background: url(../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(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(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(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(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(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 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(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("images/row-closed.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} .calendar .events .event .show_more:hover {background: url("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(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 { 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: 320px; /*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: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, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .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) { .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) { .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) { .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; } /* ------------------------------------------------------------ *\ 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: 37px; margin-bottom: 23px; background: url(../css/images/logo-simple.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; /*font-family: 'Roboto', sans-serif;*/ font-size: 12px; color: #5d5d5d; } .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: #5d5d5d; } .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; top:45px; left: calc(95% - 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; } } /* ------------------------------------------------------------ *\ 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; } } /* ------------------------------------------------------------ *\ 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: 57px; vertical-align: top; background-image: url(images/logo-invert.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(images/logo-invert2x.png); } } .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(../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 DePauw 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; } .block_right, .photo-right { float: none; margin: auto; } .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;} .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 \* ------------------------------------------------------------ */ .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 { 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 { 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 { 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; } .calendar .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; } .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, .drop_down .select .event_category_chooser { 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 .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 \* ------------------------------------------------------------ */ .footer_image { min-height: 552px; background-repeat: no-repeat; background-size: cover; } .section-entrys {position: relative;} .section-entrys .intro__inner {position: absolute; top:220px;width:100%; } .section-entrys .intro__inner .intro__content h2 {text-align: center;} /* ------------------------------------------------------------ *\ 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 \* ------------------------------------------------------------ */ .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;} .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 { 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 { 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 { 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: 51px; margin: 33px 0 0; background: url(../css/images/logo.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; } } /* 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(images/logo2x.png); } } /* ------------------------------------------------------------ *\ 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(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(4) {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; } .nav-utilities.active .nav-search {display:block; width:100%; padding: 10px;padding-left: 0;} .nav-utilities li:nth-child(4) {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: 900; 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{ 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: 900; 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(../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; } /* 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 \* ------------------------------------------------------------ */ .section-entrys { font-size: 15px; line-height: 1.47; color: #fff; } .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 { position: relative; margin-left: auto; z-index: 2; max-width: 45.18%; } .section-entrys .section__inner--black, #flex-full .section__inner--black { color: #000; } .section-entrys .section__entry, #flex-full .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 { 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 { color: #000; } .section-entrys .section__entry--reversed .section__inner, #flex-full .section__entry--reversed .section__inner { margin-left: 0; } .section-entrys .section__inner--black { color: #000; } #flex-full .section__entry--black { color: #fff; } .section-entrys .section__entry--reversed:before, #flex-full .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 { 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 { 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 { 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 { 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 { color: #fff; } .section-entrys .section__entry--small h3, #flex-full .section__entry--small h3 { font-size: 34px; margin-bottom: 1px; line-height: 1; } .section-entrys .section__entry--small, #flex-full .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 { margin-bottom: 22px; } .section-entrys .section__entry--small .btn, #flex-full .section__entry--small btn { margin-top: 10px; padding: 6px 10px; min-width: 181px; font-size: 22px; } .section-entrys.bullets a { color: #fff; text-decoration: none; } .section-entrys.bullets a:hover { color: #ffcf01; } .section-entrys.bullets a.btn:hover { background: #555; color: #fff; } .bullets ul { margin-left: 20px; } /* Mobile */ @media (max-width: 767px) { .section-entrys .section__inner, #flex-full .section__inner { max-width: 100%; } .section-entrys .section__entry, #flex-full .section__entry { padding: 46px 0 60px; } .section-entrys .section__entry:before, #flex-full .section__entry:before { background: rgba(0, 0, 0, 0.8); } .section-entrys .section__entry--reversed:before, #flex-full .section__entry--reversed:before { width: 100%; background: rgba(255, 207, 1, .8); } .section-entrys .section__entry--white:before, #flex-full .section__entry--white:before { width: 100%; background: rgba(255,255,255,.8); } .section-entrys .section__entry--black:before, #flex-full .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 { width: 100%; background: rgba(0,0,0,.8); } .section-entrys .section__entry--white-reversed:before, #flex-full .section__entry--white-reversed:before { width: 100%; background: rgba(255,255,255,.8); } } /* ------------------------------------------------------------ *\ Section News \* ------------------------------------------------------------ */ .section-news { padding: 55px 0 23px; background: #efefef; } .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; } /* ------------------------------------------------------------ *\ Serivces \* ------------------------------------------------------------ */ .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__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(../css/images/quotes.png) no-repeat 0 0; } /*.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; } .date_block { text-transform: uppercase; font-weight: bold; } @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 { 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: #777; 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; } @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 DePauw 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-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 {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 DePauw 10/6/17 \* ------------------------------------------------------------ */ /* Styles for social blocks */ .sidelets-2017 h3.smaller a { background: url(https://www.depauw.edu/images/sprites.png) no-repeat -179px -22px; float: right; height: 18px; width: 18px; } .sidelets-2017 h3.smaller a:hover { background-position: -102px -18px; } .sidelets-2017 h3.smaller a span {position: relative; left: -1000px; } .social_blocks section { margin: 0 0 1px 0; padding: 20px 15px; } .social_blocks h4 { color: #FFF; font-size: 1.5em; line-height: 17px; margin: 0 0 1.5em 0; } .social_blocks h4 span { background: url(https://www.depauw.edu/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 { background-position: -260px 0; } .social_blocks .twitter { background: #4ED3FF; } .social_blocks .twitter h4 span { background-position: -270px 0; } .social_blocks .twitter a { border-color: #71DCFF; } .social_blocks .linkedin { background: #0274b3; margin-bottom:25px; } .social_blocks .linkedin h4 span { background: url(../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 { 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{ background: rgba(255, 207, 1, .3); /*padding: 35px;*/ padding: 2.3em; margin-top: 1.5em;} .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 .request_information { display: block; line-height: 14px; 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/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 .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 {font-size: 1.5em; margin-bottom: 0.4em;} .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;} .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/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{ color:white; } .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; } .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(../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: 900; 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 {width:100%;} #flex-full .next-steps .section__inner, .dt_default_subnav .next-steps .section__inner, .section-entrys .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 {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; } } /* 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 DePauw 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:#808080; 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: #FFF; 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;} } /* Full-flex Template Styles added by Andrea Jan 2018 */ #flex-full {background: url(../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(images/sprites.png) no-repeat -328px -38px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_pdf span { background: url(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(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(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: #333; height: 350px; padding: 20px; position: absolute; width: 270px; z-index: 2; } .features .info_window h4 { color: #999; 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: #999; 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(../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 { background: rgba(195, 195, 195, .3); /*padding: 35px;*/ padding: 2.3em; margin-top: 1.5em;} .rss_news_feed span { background: url(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"] {border:none;} .news_subnav .search_sidelet .query, .dir_search .query {margin: 1em auto;} .sidelets-2017 .widget--callout.related--news {margin-top: 1.5em} .related--news h3.smaller{ margin-bottom: 0.8em;} /* 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;} .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.default_header h3 {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); } /* Callout - Content Block ------------------------------------------------------------*/ /* styles for if it's in a subnav page */ .page-elements_content_block {margin:1em auto; color: black;} .page-elements_content_block li { list-style-position: inside; } .page-elements_content_block ul {margin-left: 0.2em;} /* styles for if it's in a full page */ .section-entrys .page-elements_content_block section, #flex-full .page-elements_content_block section {max-width: 1180px; padding: 2em 12em 4em 12em; margin: 0 auto; /*background: url(../css/images/pattern.jpg) repeat 0 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(../css/images/pattern.jpg) repeat 0 0; margin: auto; /*background: #efefef;*/} @media (max-width: 1023px) { .section-entrys .page-elements_content_block section, #flex-full .page-elements_content_block section {max-width: 1180px; padding: 4em; } } /* 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; border-bottom: 1px solid black; font-weight: bold;} .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;} /* 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;} .content .news-item {list-style-type: none;} /* styles for if it's in a full page */ .section-entrys .flex-image-blocks, #flex-full .flex-image-blocks {background: url(../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 {max-width: 33.3%; -webkit-flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%;} .section-entrys .flex-image-blocks.flex-img-2 .flex-image-block, #flex-full .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%;} .section-entrys .flex-image-blocks.flex-img-1, #flex-full .flex-image-blocks.flex-img-1 { display: block; margin: 0 auto; background: url(../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 {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 { 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 { max-width: 1180px; } .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 {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 {float:right; padding: 0; margin: 2.5em 12em 0 1em } .section-entrys .flex-image-block p, .section-entrys .flex-image-block a {color:black;} .section-entrys .flex-image-block a:hover {color:black; text-decoration: underline;} @media (max-width: 1200px) { .section-entrys .flex-image-blocks.flex-img-1, #flex-full .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: 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 { padding: 2em 0 0 0;} } @media (max-width: 767px) { .section-entrys .flex-image-blocks, #flex-full .flex-image-blocks {padding:4em 0;} .section-entrys .flex-image-blocks.flex-img-1 .flex-image-block {padding:0;} .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;} } /* 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; } /* 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 \* ------------------------------------------------------------ */ .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;} /* ------------------------------------------------------------ *\ 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;} @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 .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: 'ChunkFive'; letter-spacing: 2px; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); } .intro .intro__content__overlay .intro__title.ChunkFive 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 *****/ /* Accessibility Tweaks ------------------------------------------------------------*/ #service__title__heading.alt-text {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 {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; } .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;}