/* @override http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?o9htd4 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oc6awf http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ocbxv6 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ochhya http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?od5ofq http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?odgdmj http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ogaf6r http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ogsq67 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ogukmi http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ogv1tz http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ogv2o9 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ogv3i1 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oh3vea http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ohh7s6 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojkthc http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojl3im http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojl500 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojl7dl http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojmlh6 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojmliv http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojmt9e http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojmvbc http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojn29s http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojocst http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojoxyt http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojxthj http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojzoo9 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojzrs9 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojztcm http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojztf2 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojzv2q http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojzv95 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ojzwuw http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ok1b17 http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ok1kcw http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?okcmxu http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ol4pjh http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ol4q53 http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ol4rz9 http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?olbptj http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?olbpx4 http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?olsv2t http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?onjed1 http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?onjgiu http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oxo7ge http://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oxoadv http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oz0a5t http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oz28at http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oz2acv http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oz3u05 http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oz5lsi http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?oz5okp http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/responsive.custom.css?ozf94r http://dev.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?ozh3r4 http://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?p19e9l http://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?p34kju http://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?p34s1x http://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?p3bv0v http://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?p3dqh4 https://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?p3e001 https://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?p3e0n8 https://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?p3e1uk http://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?* https://humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?* https://www.humanities.arizona.edu/sites/humanities.arizona.edu/themes/humanities/css/global.styles.css?* https://dev.humanities.arizona.edu/sites/dev.humanities.arizona.edu/themes/humanities/css/global.styles.css?* */ /* * @file * global.styles * * Styles you add here will load for all device sizes, they are "global", as * opposed to "responsive" styles, which only load for a given breakpoint (media * query) that you set in theme settings. See the README for more details. * * * How to use this file: * -------------------- * * There are many empty selectors and some basic styles to act as a guide. * Nothing is set in stone and you can change anything - even delete all of it * and start with your own clean slate. * * See global.base also which includes normalize.css and some additional * helper classes and base styles. */ /* ============================================================================= * Base * ========================================================================== */ /* * To preserve theme settings never apply font properties to the HTML element. * This is critically important if you are using the Responsive JavaScript * feature as this relies on f any kind use the BODY * element as these can be overridden using font theme settings. */ /*Fake documentation for testing workflow, redux*/ /* Milo Web Font */ @import url("https://s3-us-west-2.amazonaws.com/coh-cream/milos-cream.css"); @import url("https://cdn.uadigital.arizona.edu/lib/ua-brand-icons/latest/ua-brand-icons.css"); @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"); @import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css"); /**/ #sidr-0 a { font-family: miloweb!important; } a#sidr-0-button { text-decoration: initial!important; padding-top: 36px; width: 140px!important; } body { font-family: miloweb; font-size: 100%; font-variant: lining-nums; } /*******SIDR SEARCH BAR*******/ .sidr-class-contextual-links-wrapper{ display:none; } .sidr-class-element-invisible{ display:none; } #sidr-id-edit-actions{ padding-bottom:5px; } #sidr-id-edit-submit { background: #0c234b; border: 0; color: #fff; text-transform: uppercase; font-family: MiloBold; font-weight: normal; padding: 7px 15px; } #sidr-id-edit-search-block-form--2 { background: #fff; font-family: MiloWeb; font-size: 1.2em; margin-top: 10px; } #sidr-id-search-block-form{ padding-top:5px; } /******SEARCH BAR******/ /* @group Search Form */ #search-block-form { float: right; margin-top: -65px; } #block-search-form .form-text { font-size: 1.3em; font-family: MiloWeb; padding: 7px; width: 200px; background: #eef1f1; border: 1px solid #ccc; } #block-search-form .form-submit { padding: 7.5px 15px; position: relative; top: -1px; } .form-submit { color: #FFF; font-family: MiloBold; font-weight: normal; text-transform: uppercase; font-size: 1.1em; background-color: #003e7e; border: 0px none; padding: 7px 15px; margin-right: 3px; margin-bottom: 3px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .form-submit:hover { opacity: .8; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } /*@end*/ /*.front .block-inner { margin-left: 0px; margin-right: 0; }*/ .front #page-title { display: none; } #site-name, .secondary-menu, .primary-menu { display: none; } /* ---- Hero and Front Text Region ---- */ .hero-section { position: relative; } .hero-section .hero-bkgd { position: relative; z-index: 0; } /* hero video */ .hero-section #hero-video.iframe-container { padding-bottom: 42.1875%; /* 1920 x 810 */ /* still image while video loads */ background: #f5f5f5 url('./images/COHwebHeaderRemi2.jpg') no-repeat left top; background-size: cover; } /* hero image */ .hero-section #hero-image { max-height: 550px; overflow: hidden; } .hero-section #hero-image img { min-width: 100%; min-height: 100%; } .hero-section #hero-image #hero-text { position: absolute; top: 0; width: 400px; height: 100%; padding: 50px; margin-left: 2.5%; display: flex; flex-direction: column; justify-content: center; } .hero-section #hero-image #hero-text h2 { /*color: #0c234b;*/ color: #fff; font-size: 3.5em; line-height: .9; margin-bottom: 0; margin-top: 0; /*background: rgba(255, 255, 255, 0.85);*/ padding: 15px; } @media only screen and (max-width:768px) { .hero-section #hero-image img { margin: 0!important; } .hero-section #hero-image #hero-text { width: auto; box-sizing: border-box; padding: 30px; margin: 0; } } @media only screen and (max-width:520px) { .hero-section #hero-image #hero-text { width: 100%; } .hero-section #hero-image #hero-text h2 { font-size: 2em; } /* hide video on small screens */ .hero-section #hero-video.iframe-container iframe { display: none; } .hero-section #hero-video.iframe-container { padding-bottom: 100%; /* 1920 x 810 */ /* still image while video loads */ background: #f5f5f5 url('./images/tinyCohHeaderMobile2.jpg') no-repeat left top; /* mobile still image */ background-size: cover; } } .hero-caption { display: inline-block; position: absolute; right: 0; top: -42px; background: #f4ede5; padding: 10px 20px; color: #49595E; width: 320px; text-align: left; } .front-text-container { width: 1280px; margin: auto; background: url('./images/burst_linear.png') no-repeat center; background-size: 100%; position: relative; z-index: 99; } .front-text { padding: 70px 30px; box-sizing: border-box; position: relative; text-align: center; background: rgba(255, 255, 255, 0.7); } .front-text p { width: 80%; margin-left: auto; margin-right: auto; } .front-text .highlight p { font-size: 1.5em; } .front-text p:nth-child(n + 2) { margin-bottom: 7px; } .front-text .videoButton a { font-size: 1.3em; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; color: #ab0520; text-transform: none; font-weight: normal; } .front-text .videoButton a:after { content: "\e637"; font-family: ua-brand-symbols; background: #ab0520; color: #fff; padding: 4px; border-radius: 100px; font-size: 15px; margin-left: 7px; display: block; width: 18px; margin: 5px auto; } .videoButton a:hover, .videoButton a:hover:after { text-decoration: none; opacity: .8; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .front-text .messagepop { width: 100%; } /* --- Homepage Info Slider --- */ .info-slider .slick-track { display: flex; align-items: center; } .info-slider { background: #f4ede5; margin-bottom: 70px; margin-top: 30px; } .info-slider .view-content { width: 1280px; margin: auto; /* display: flex; min-height: 230px; align-items: center;*/ padding: 50px 30px; } .info-slider .view-content .views-row { display: flex; align-items: center; } .info-slider .view-content .views-row .views-field-title { flex: 0 0 50%; margin-bottom: 5px; font-family: MiloBold; font-size: 1.4em; color: #0c234b; padding-right: 30px; box-sizing: border-box; } .info-slider .view-content .views-row .views-field-title h2 { margin: 0; } .info-slider .view-content .views-row .views-field-body { flex: 0 0 50%; } .info-slider .view-content .views-row .views-field-body li:last-child, .info-slider .view-content .views-row .views-field-body p:last-child { padding-bottom: 0; margin-bottom: 0; } .info-slider .view-content .views-row .views-field-body ul { padding-left: 0; } .info-slider a.button { text-transform: uppercase; font-size: .85em; font-family: MiloBold; padding: 10px 20px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; color: #0c234b; border-color: #0c234b; } .info-slider a.button:hover { text-decoration: none; opacity: .8; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; background: #0c234b; color: #fff; } /* ---- Units and Centers ---- */ .units-centers-block { width: 1280px; margin: auto; margin-bottom: 70px!important; padding: 0 30px; box-sizing: border-box; } .units-centers-block .units, .units-centers-block .centers { display: flex; justify-content: space-between; position: relative; z-index: 0!important; } .units-centers-block .units .title, .units-centers-block .centers .title { flex: 0 0 130px; } .units-centers-block h3 { display: inline-block; padding-bottom: 7px; line-height: 1.1; } .units-centers-block .units h3 { border-bottom: 4px solid #ab0520; } .units-centers-block .centers h3 { border-bottom: 4px solid #0c234b; } .units-centers-block .units .list, .units-centers-block .centers .list { flex: 0 0 calc(90% - 130px); } .units-centers-block .list { display: flex; padding: 30px 40px; box-sizing: border-box; justify-content: space-between; } .units-centers-block .list p { margin: 0; position: relative; } .units-centers-block .list div { flex: 0 0 46%; } .units-centers-block .units .list { background: #ab0520; } .units-centers-block .centers { margin-top: 10px; } .units-centers-block .centers .list { background: #0c234b; } .units-centers-block .list a { color: #fff; display: block; padding: 9px 0; line-height: 1.1; font-size: .95em; opacity: .9; } @media (min-width: 768px) and (max-width: 1280px) { .units-centers-block .list a.explore:before { content: "Explore "; } .units-centers-block .list a.explore:after { content: " \f054"; font-family: "FontAwesome"; font-size: .7em; padding-left: 4px; } } .units-centers-block .units .list a { border-bottom: 1px solid #93041b; } .units-centers-block .centers .list a { border-bottom: 1px solid #040d1d; } .units-centers-block .list p:last-child a { border: 0; } .units-centers-block .list a:hover { opacity: 1!important; } /* wikihover popup */ .units-centers-block .list p:hover .wikihover, .units-centers-block .list p:focus .wikihover, .units-centers-block .list p:active .wikihover { opacity: 1; z-index: 99; visibility: visible; } .units-centers-block > div:hover { position: relative; z-index: 1!important; } /*.units-centers-block .list div:last-child .wikihover { left: calc(-100% - 55px); }*/ .wikihover { position: absolute; /* width: calc(200% + 55px);*/ font-size: .9em; line-height: 1.4; z-index: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; } .wikihover:hover, .wikihover:focus, .wikihover:active { opacity: 0!important; z-index: 0!important; visibility: hidden!important; } .wikihover .text { padding: 15px 20px; box-sizing: border-box; color: #49595E; background: #f4ede5; display: block; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); position: relative; } .wikihover .text strong { } .wikihover .text:before { content: ""; border-color: transparent transparent #f4ede5 transparent; border-style: solid; border-width: 10px 13px; position: absolute; top: -17px; left: calc(50% - 15px); } .wikihover .image { width: 100%; } .wikihover .image img { display: block; width: 100%; } @media only screen and (min-width:1450px) { /* .front #secondary-content-wrapper .container { background-position: center -100px; }*/ /* .heroText { padding: 200px 7% 200px 7%!important; }*/ } @media only screen and (max-width:1200px) { .front #secondary-content-wrapper .container { background-position: center 60px; } } @media only screen and (max-width:1224px) { .front #secondary-content-wrapper .container { background-position: center 0px; } } @media only screen and (max-width:1280px) { .front-text-container, .units-centers-block, .info-slider .view-content { width: 100%; } .front #secondary-content-wrapper .container { background-position: center 100px; } } @media only screen and (max-width:768px) { /* .front #secondary-content-wrapper .container { /* background-attachment: scroll; background-size: cover; background-position: center 50px;*!/ background: url('./images/tinyCOHheaderConvocationMobile2.jpg') no-repeat; background-size: cover; background-attachment: fixed; }*/ /* .heroText { padding: 170px 7%!important; font-size: 1.3em; }*/ .front-text p { width: 100%; } .hero-caption { width: 100%; left: 0; box-sizing: border-box; } .units-centers-block .list, .info-slider .view-content .views-row { display: block; } .units-centers-block .units .list div:first-child p:last-child a { border-bottom: 1px solid #93041b; } .units-centers-block .centers .list div:first-child p:last-child a { border-bottom: 1px solid #040d1d; } .wikihover { display: none; } .info-slider .view-content .views-row .views-field-title { margin-bottom: 15px; } } @media only screen and (max-width:520px) { .units-centers-block .units, .units-centers-block .centers { display: block; } /*.heroText h2 { font-size: 2.5em!important; }*/ } /*College/Department branding region*/ .region-header img { padding-left: 0; width: 500px; margin-bottom : 0px; } .region-header p { margin: 0; } .region-header .block { margin-bottom: 0; } html { background: #fff; scroll-behavior: smooth; } /* ============================================================================= * HTML Elements * ========================================================================== */ .headerDemo { border: 2px solid lightgrey; width: 50%; padding: 2%; } .spotlightcap1 { color: white; font-size: 3.1em; text-transform: uppercase; font-family: MiloSerifWeb; line-height: 1.1em; } .spotlightcap2 { color: white; font-size: 1.5em; line-height: 1.25em; margin-top:2%; } h1, #page-title { margin: 0; font-family: MiloLight; color: #49595E; letter-spacing: .01em; font-weight: normal; padding-bottom: 15px; font-size: 2.7em; line-height: 1; text-align: left; } .one-sidebar #page-title { margin-top: 15px; } h2 { color: #49595e; font-family: MiloBold; font-weight: normal; line-height: 1.1; } h3 { color: #49595e; text-transform: uppercase; line-height: 1.3; font-family: MiloBold; font-weight: normal; } h4 { color: #49595e; margin-bottom: 10px; font-family: MiloBold; font-weight: normal; } h5 { font-family: MiloBold; font-weight: normal;} h6 { font-family: MiloBold; font-weight: normal;} p { color: #313131; font-family: "MiloWeb"; line-height: 24px; font-size: 18px; /*these styles borrowed from uanews.org*/ } .highlight p { font-family: MiloLight; font-size: 1.3em; line-height: 1.3; } /* flex layouts (grid) */ /*wrapper*/ .col { display: flex; justify-content: space-between; flex-wrap: wrap; margin: -15px; } .col > div, .col > p { padding: 10px; margin: 5px; box-sizing: border-box; position: relative; } /* 1/12 = 8.3% width */ .col > .col-1, .col.col-1 > div, .col.col-1 > p { flex: 0 0 calc(8.33% - 10px); } /* 2/12 = 16.6% width */ .col > .col-2, .col.col-2 > div, .col.col-2 > p { flex: 0 0 calc(16.66% - 10px); } /* 3/12 = 25% width */ .col > .col-3, .col.col-3 > div, .col.col-3 > p { flex: 0 0 calc(25% - 10px); } /* 4/12 = 33% width */ .col > .col-4, .col.col-4 > div, .col.col-4 > p { flex: 0 0 calc(33.33% - 10px); } /* 5/12 = 41.6% width */ .col > .col-5, .col.col-5 > div, .col.col-5 > p { flex: 0 0 calc(41.66% - 10px); } /* 6/12 = 50% width */ .col > .col-6, .col.col-6 > div, .col.col-6 > p { flex: 0 0 calc(50% - 10px); } /* 7/12 = 58.3% width */ .col > .col-7, .col.col-7 > div, .col.col-7 > p { flex: 0 0 calc(58.33% - 10px); } /* 8/12 = 66.6% width */ .col > .col-8, .col.col-8 > div, .col.col-8 > p { flex: 0 0 calc(66.66% - 10px); } /* 9/12 = 75% width */ .col > .col-9, .col.col-9 > div, .col.col-9 > p { flex: 0 0 calc(75% - 10px); } /* 10/12 = 83.33% width */ .col > .col-10, .col.col-10 > div, .col.col-10 > p { flex: 0 0 calc(83.33% - 10px); } /* 11/12 = 91.6% width */ .col > .col-11, .col.col-11 > div, .col.col-11 > p { flex: 0 0 calc(91.66% - 10px); } /* 12/12 = 100% width */ .col > .col-12, .col.col-12 > div, .col.col-12 > p { flex: 0 0 calc(100% - 10px); } /* special styles */ .col.center { align-items: center; justify-content: center; } .col.vspace { margin: 60px -15px; } .col.rev { flex-direction: row-reverse; } .col > .outline { border: 1px solid #81D3EB; } .col > .pipe { border-right: 1px solid #81D3EB; } .col > .pipe.rev { border-left: 1px solid #81D3EB; border-right: 0; } .col > .kd { padding-left: 20px; } .col > .kd:before { content: ""; border: 3px solid rgb(0,64,127); position: absolute; left: -5px; height: 70px; } .col > div p:last-child /* removing bottom margin on last paragraph */{ margin-bottom: 0; } .col > div h2:first-child, /* removing top margin on first headings */ .col > div h3:first-child, .col > div h4:first-child { margin-top: 0; } /* responsive */ @media only screen and (max-width:768px) { .col { display: block; } .col > div { margin: 0; } .col > .pipe, .col > .pipe.rev { border-right: 0; border-left: 0; /*border-bottom: 1px solid #81D3EB;*/ } .col > .kd { padding-left: 10px; } .col > .kd:before { display: none; } } /* flex layouts - OLD */ .flex-container-50, .flex-container-4 { display: flex; flex-wrap: wrap; justify-content: space-between; } .flex-container-50 div { flex: 0 0 48%; } .flex-container-4 > div { flex: 0 0 calc(25% - 5px); } @media only screen and (max-width:768px) { .flex-container-4 { display: block; } } b, strong { font-family: MiloBold; font-weight: normal!important;} i, em { font-family: MiloItalic; font-style: normal!important; } p em strong, p strong em, p a em, p em a { font-family: MiloBoldItal; } dfn {} sup {} sub {} del {} ins {} /* blockquote */ blockquote { border-top: 1px solid #eef1f1; border-bottom: 1px solid #eef1f1; padding: 20px 0; } blockquote p { text-transform: uppercase; font-family: MiloBlack; color: #1E5288!important; margin: 0; text-align: center; } cite {} q {} address {} ul {margin-top: 10px; } /* custom triangle bullet style */ .field-type-text-with-summary ul li, .field-type-text-long ul li, .entityform ul li, .field ul li, .view-all-scholarships .view-content li, .views-field-field-unit-degree-options li, .field-type-text-with-summary ol ol li { padding-left: 0; position: relative; list-style: none; padding-bottom: 15px; color: #333; font-size: 18px; line-height: 1.2; } .view-content .field-content ul li { padding-left: 0; position: relative; list-style: none; padding-bottom: 15px; color: #333; font-size: 18px; line-height: 1.2; margin-left: 40px; } .field-type-text-with-summary ul li:before, .field-type-text-long ul li:before, .entityform ul li:before, .field ul li:before, .view-content .field-content ul li:before, .view-all-scholarships .view-content ul li:before, .views-field-field-unit-degree-options ul li:before, .field-type-text-with-summary ol ol li:before { position: absolute; top: 7px; left: -0.8em; width: 0; height: 0; border-left: 4px solid #0c234b; border-bottom: 4px solid transparent; content: ''; border-top: 4px solid transparent; border-right: 0; } .field-type-text-with-summary ul li ul, .field-type-text-long ul li ul, .entityform ul li ul, .field ul li ul, .view-content .field-content li ul, .view-content li ul { margin-top: 5px; margin-bottom: 0; } .field-type-text-with-summary ul li li:before, .field-type-text-long ul li li:before, .entityform ul li li:before, .field ul li li:before, .view-content .field-content li li:before { border-left: 4px solid #49595E; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-radius: 10px; left: -.7em; color: #0c234b; } ol {} ol li { padding-bottom: 10px; padding-left: 0; position: relative; padding-bottom: 15px; color: #333; font-size: 18px; line-height: 1.2; margin-left: 0px; } ol ul li { padding-bottom: 7px!important; } ol ul { margin-bottom: 0; } Ol li.r li {} dl {} dd {} dt {} abbr {} acronym {} pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif; } hr { border: 0; height: 0; border-top: 2px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 20px; } a.more-link { display: inline-block; text-transform: uppercase; font-family: MiloBold; font-weight: normal; font-size: .9em; border: 1px solid #ab0520; padding: 6px 14px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } a.more-link:hover { background: #ab0520; color: #fff; text-decoration: none; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } a.button { color: #ab0520; border: 1px solid #ab0520; padding: 10px 20px; text-transform: uppercase; font-family: MiloBold; font-size: .85em; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } a.button.red { background: #ab0520; color: #fff; } a.button:hover { background: #ab0520; color: #fff; text-decoration: none; opacity: 1!important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } a.button.red:hover { opacity: .8!important; } /* Flex */ .flex { display: flex; } /* ============================================================================= * Wrappers * ========================================================================== */ /* * Outer wrappers: * - #page-wrapper: body > #page-wrapper * - #page: body > #page-wrapper > #page * - .container: body > #page-wrapper > #page.container * * The .container class holds the page width value from theme settings. */ #page-wrapper {} #page { display: flex; min-height: 100vh; flex-direction: column; } #page .container {} /* * Wraps all header elements - branding and .region-header */ #header { width: 1280px; margin: auto; padding: 30px 30px 15px 30px; box-sizing: border-box; } .region-leaderboard .block-content { width: 1280px; margin: auto; padding: 0px 30px; box-sizing: border-box; } .region-leaderboard { background-color: #ab0520; max-height: 40px; padding-top: 14px; padding-left: 0; } .region-leaderboard img { max-width: 290px; } /* * Wraps the sidebars the content column */ #columns { width: 1280px; margin: auto; padding: 0px 30px; box-sizing: border-box; } .front #columns { width: 100%; padding: 0; } .front #main-content { margin: 0!important; } /* * Main content column wrapper */ #content-column { padding-bottom: 20px; } /* * Wraps the main-content-header, the content region and feed-icons. Use this * wrapper to style the entire main content column */ #main-content { } /* overriding base margin */ #main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, .rendered-by-ds .panel-display .region-inner, div.messages { margin-left: 0!important; } /* * Wraps the content region, avoid applying styles to this wrapper, its used * mainly for position and invisible gutters and can be problematic to style */ #content {} /* * Footer wrapper */ #footer {} /* * Panels may need additional margin wrangling when in the $content region */ #content .panel-display { margin-right: 0; } /* * Full Width Wrappers * These are used in the optional page--full-width-wrappers.tpl.php template. * All have internal .container classes. In the full width wrapper template the * .container classes set the width or max-width - you can style this but never * add any width/margin/padding/borders etc to .container */ /* * Wraps the leaderboard */ #leaderboard-wrapper {} #leaderboard-wrapper .container {} /* * Wraps the header */ #header-wrapper { /* Debug styles, is this working */ } #header-wrapper .container {} /* * Wraps the nav elements */ #nav-wrapper {} #nav-wrapper .container { width: 1280px; margin: auto; padding: 0px 30px; box-sizing: border-box; margin-top: -15px; } @media only screen and (max-width:768px) { #nav-wrapper .container { padding: 0; } #block-search-form { margin-right: 30px!important; } } /* * Wraps breadcrumb */ #breadcrumb-wrapper { color: #49595E; position: relative; top: 24px; } #breadcrumb-wrapper .container { width: 1280px; margin: auto; padding: 0px 30px; box-sizing: border-box; } /* * Wraps messages and help */ #messages-help-wrapper {} #messages-help-wrapper .container {} /* * Wraps the secondary content/preface region */ #secondary-content-wrapper {} #secondary-content-wrapper .container {} /* * Wraps the main content column */ .front #content-wrapper { padding-top: 0px; } #content-wrapper { padding-top: 30px; flex: 1; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #content-wrapper { flex: none!important; } } #content-wrapper .container {} /* * Wraps the tertiary content/postfix region */ #tertiary-content-wrapper {} #tertiary-content-wrapper .container {} /* * Footer wrapper */ /* * Footer wrapper */ /* * Footer wrapper */ #footer-wrapper { background: #eef1f1; margin-top: 0px; padding-top: 50px; } /*.front #footer-wrapper:before { border-color: #0d6772 transparent transparent transparent; }*/ /*#footer-wrapper:before { content: ""; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 50px 50px 50px 50px; width: 0%; height: 0; display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; margin-top: -1px; }*/ #footer-wrapper .container { } /* ============================================================================= * Branding * ========================================================================== */ /* * Wraps all the branding elements, logo, name and slogan */ #branding {} /* * Logo */ /* * Wrapper for the site name and slogan */ #name-and-slogan {} /* * Site name (h1) */ #site-name { margin: 0; } /* * Generic styles for links. See the ul.links declaration in node and comment * stylesheets */ ul.links { margin: 0; padding: 0; } ul.links.inline { display: block; } ul.links li { display: inline; list-style: none; padding: 0 10px 0 0; } /* * Search results are an ordered list so reset the margin */ .search-results { margin: 0; padding: 0; } /* * Attribution message and link */ .attribution { display: block; opacity: 0.65; padding: 1em 0; text-align: center; } .attribution a, ul a { text-decoration: none; color: #ab0520; } .attribution a:hover, .attribution a:focus { text-decoration: underline; } /* ============================================================================= * Regions * ========================================================================== */ /* * Standard region wrapper, don't add width to any regions, you will bork the * layout - no margin, padding or borders etc */ .region {} /* * Regions have an inner div - perfect for adding margin, padding or borders */ .region-inner {} /* * Regions can be nested, such as when using Panels */ .region-inner .region-inner {} /* * Header region, embedded in the #header */ .region-header {} /* * Generally used to output Drupals help block, if the help module is enabled */ .region-help {} /* * Secondary content */ .region-secondary-content {} /* * Sits above the main content header, like a content-top region */ .region-highlighted {} /* * Sits below the main content, like a content-bottom region */ .region-content-aside {} /* * Sidebars - targets both */ .sidebar {} /* * First sidebar */ .region-sidebar-first {} /* * Second sidebar */ .region-sidebar-second {} /* * Tertiary content */ .region-tertiary-content { background: #0d6772; position: relative; overflow: hidden; } .region-tertiary-content:after { content: ""; border-color: transparent transparent rgba(255, 255, 255, 0.2) transparent; border-style: solid; border-width: 0px 567px 540px 0px; position: absolute; bottom:0px; left: -100px; } /* * Footer region */ .region-footer {} /* ============================================================================= * Links * ========================================================================== */ a { text-decoration: none; color: #ab0520; font-family: MiloBold; font-weight: normal; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; } a:link, a:visited {} a:active, a.active {} a:hover, a:focus { opacity: .8; } .applyButton { font-family: MiloWeb-Medium; font-weight: normal!important; color: #ab0520; padding: 12px 24px; border: 1px solid #ab0520; font-size: 1.2em; } .applyButton a { color: #ab0520; } .applyButton:hover { background: #ab0520; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; text-decoration: none; color: #fff; } /* ============================================================================= * Primary, Secondary and Menu Bar region menus * ========================================================================== */ /* .nav { clear: both; margin: 10px 0; } .nav ul, .nav ul.menu { margin: 0; padding: 0; } .nav li, .nav ul.menu li { display: inline; float: left; list-style: none; margin: 0; padding: 0; } .nav li a, .nav ul.menu li a { display: block; white-space: nowrap; padding: 0 10px; } .nav li a:visited, .nav ul.menu li a:visited {} .nav li a:hover, .nav li a:focus, .nav ul.menu li a:hover, .nav ul.menu li a:focus {} .nav .block { margin-bottom: 0; } */ /* ============================================================================= * Superfish * ========================================================================== */ ul.menu.clearfix { /*float: right;*/ padding-left: 0!important; } ul.menu { margin-bottom: 0; } ul.sf-menu { margin-bottom: 0; } ul.sf-menu a { } ul.sf-menu a:link, ul.sf-menu a:visited {} ul.sf-menu li {} ul.sf-menu li:hover, ul.sf-menu li.sfHover { outline: 0; } ul.sf-menu a {} ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline: 0; } /* * Superfish blocks */ .block-superfish {} .block-superfish .block-inner .content {} .block-superfish ul { margin: 0 !important; padding: 0 !important; } .block-superfish ul ul {} .block-superfish ul ul ul {} .block-superfish ul ul ul ul {} .block-superfish li { margin: 0 !important; padding: 0 !important; } /* * Vertical style */ .sf-vertical { width: 100%; } .sf-vertical li { width: 100%; } .sf-vertical li.last {} .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; margin: 0; padding: 0; } .sf-vertical li a { padding: 0 10px; } /* * Navbar style */ .sf-navbar { padding-bottom: 0 !important; } /* * Sensible padding for the default style */ .sf-menu.sf-style-default a { padding: 0 10px; } /* ============================================================================= * Menu Toggles * ========================================================================== */ .at-mt .at-menu-toggle, .at-mt .at-menu-toggle ul, .at-mt .at-menu-toggle ul.menu { margin-top: 0; margin-bottom: 0; padding: 0; } .at-mt .at-menu-toggle-button { margin: 0; } .at-mt .at-menu-toggle ul a { padding: 0 10px; white-space: nowrap; } /* ============================================================================= * Menus, usually blocks * ========================================================================== */ #main-menu .mega-dropdown { z-index: 99!important; } #main-menu #skyblue-arrow a { color: #81D3EB!important; } .main-nav #skyblue-arrow a:after { content: " \f0da"; font-family: "FontAwesome"; font-size: .8em; padding-left: 4px; } /* Smartmenu overrides */ /*#main-menu ul { top: 52px!important; } #main-menu .mega-dropdown { z-index: 99!important; } #main-menu .mega-dropdown li a.groupHeading { font-family: MiloBold; font-weight: normal; } #main-menu .mega-dropdown li a.groupHeading:hover { cursor: pointer; }*/ /**/ ul.menu { } ul.menu ul { } ul.menu ul ul {} ul.menu ul ul ul {} ul.menu li { margin: 0; } ul.menu li.collapsed, ul.menu li.expanded, ul.menu li.leaf {} ul.menu li a { display: block; /* padding: 20px 15px; */} ul.menu li a:link, ul.menu li a:visited {} ul.menu li a:active, ul.menu li a.active {} ul.menu li a:hover, ul.menu li a:focus {} ul.menu li.active a, ul.menu li.active-trail a {} ul.menu li.first, ul.menu li.last {} /* If li.content exists it's a problem, so reset the padding */ .block .menu li.content { padding: 0; } /* @group Main Responsive Menu */ .mobileMenu { display: none; } .resp-menu { margin-bottom: 0!important; } .not-front .resp-menu { border-bottom: 1px solid rgb(185, 190, 200); } .resp-menu ul.menu /*position*/ { padding-left: 10px; margin: 15px 0 0 0; } .resp-menu ul li /*top style*/ { position: relative; float: left; list-style: none; z-index: 2; font-family: MiloWeb-Medium; font-size: 1.1em; } .resp-menu ul li.menu-depth-1:first-child { padding-left: 0px!important; } .resp-menu ul li a, .resp-menu ul li .nolink /*color*/{ color: #0c234b; } /*.resp-menu ul li .nolink:after { content: "\25BE"; font-family: MiloWeb; margin-left: 5px; position: relative; }*/ .resp-menu ul:first-child li /*item position*/{ padding-left: 1.9%!important; padding-right: 1.5%!important; padding-bottom: 10px; } .resp-menu ul li:hover a { text-decoration: none; } /* drop down */ .resp-menu li ul { position: absolute; z-index: 100; top: 25px; background: rgba(12, 34, 75, 0.94); margin-left: 0px!important; padding-left: 0px!important; display: none; } @-moz-document url-prefix() { .resp-menu li ul { top: 25px!important;} /* .resp-menu li ul li.first:before {top: -17px;}*/ } .resp-menu li ul li.first { padding-top: 20px!important; } .resp-menu li ul li.first:before { content: "\25be"; color: #fff; position: absolute; font-size: 2.6em; line-height: 1; padding-left: 20px; top: -18px; font-family: arial; } .resp-menu li:hover ul /*displays children on hover*/ { display: block; } .resp-menu li ul li /*children style*/{ text-transform: none; letter-spacing: 0; font-size: .9em; font-family: MiloBold; font-weight: normal; padding: 10px 20px!important; float: none; min-width: 240px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; box-sizing: border-box; } .resp-menu li ul li a /*children style*/{ color: #fff; display: block; padding-left: 15px; padding-right: 20px; } .resp-menu ul li:hover li a /*children hover color*/{ color: #fff; } .resp-menu li ul li:hover /*children hover style*/{ background: #546581; width: 100%; box-sizing: border-box; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } /* @end */ /* ============================================================================= * Book navigation menu * ========================================================================== */ .book-navigation {} .book-navigation .page-links {} .book-navigation .page-previous {} .book-navigation .page-next {} .book-navigation .page-up { /* Prevent text wrapping to a new line, assumes the string is two chars */ min-width: 2em; white-space: nowrap; } .book-navigation .menu { margin-left: 0; } /* ============================================================================= * Breadcrumbs * ========================================================================== */ #breadcrumb { margin: 10px 0; } .breadcrumb { /*margin: 0px 10px;*/ padding-bottom: 0; } /* If the label is set to show in theme settings the label class is added */ #breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px; } #breadcrumb .breadcrumb-label:after { content: ":"; } #breadcrumb ol { margin: 0; padding: 0; } #breadcrumb .with-breadcrumb-label ol { display: inline; } #breadcrumb li { list-style: none; display: inline; } #breadcrumb li.crumb-first {} #breadcrumb li.crumb-last {} #breadcrumb a {} #breadcrumb a:link, #breadcrumb a:visited {} #breadcrumb a:active, #breadcrumb a.active {} #breadcrumb a:hover, #breadcrumb a:focus {} #breadcrumb .crumb-separator {} /* ============================================================================= * Pagers * ========================================================================== */ ul.pager { clear: both; margin: 0; text-align: center; margin-bottom: 50px; } .item-list ul.pager li { margin: 0; } ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; margin-left: 0!important; } ul.pager li:before { content: ""!important; } ul.pager li.pager-current { font-weight: 700; } .block ul.pager li { margin: 0; } /* * Theme the various states of pager links */ ul.pager li { padding: 0!important; } ul.pager li a { color: #076873; font-family: MiloBold; font-weight: normal; padding: 8px 12px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; border: 1px solid #E2E9EB; display: inline-block; line-height: 1; } ul.pager li a:link, ul.pager li a:visited {} ul.pager li a:active, ul.pager li a.active { } ul.pager li a:hover, ul.pager li a:focus { background: #E2E9EB; -webkit-transition-duration: .15s; -moz-transition-duration: .15s; text-decoration: none; } ul.pager li.pager-item {} ul.pager li.first {} ul.pager li.last {} ul.pager li.pager-current { background: #076873; padding: 8px 12px!important; color: #fff; border: 1px solid #076873; } ul.pager li.pager-first a { } ul.pager li.pager-previous {} ul.pager li.pager-next {} ul.pager li.pager-last {} li.pager-ellipsis.even { padding: 8px 12px!important; border-right: 1px solid #eef1f1; color: #076873; } /* ============================================================================= * Skip Navigation * ========================================================================== */ #skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; } #skip-link a { background: #444; background: rgba(0,0,0,0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; } #skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0,0,0,0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; } #skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; } /* ============================================================================= * Tabs (local tasks) * ========================================================================== */ #tasks { margin-bottom: 15px; } ul.primary { border-bottom-color: #ccc; margin: 20px 0; padding: 0 0 0 5px; } ul.primary li { display: block; float: left; margin: 0 1px -1px; } ul.primary li a { background-color: #f5f5f5; border-color: #ccc; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; } ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #ccc; } ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fff; border-bottom-color: #fff; } ul.secondary { border-bottom: 1px solid #ccc; margin: 1em 0 0; padding: 0 .3em 1em; } ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; } ul.secondary li a {} ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; } /* ============================================================================= * Action links * ========================================================================== */ ul.action-links { margin: 20px 0 0; list-style: none; } ul.action-links li {} /* ============================================================================= * Field Styling * ========================================================================== */ /* * Wrapper for any field */ .field { font-size: 18px; color: #313131; font-family: "MiloWeb"; line-height: 1.2; font-size: 18px; } .field-type-markup { color: #333; font-size: 18px; } /* * Above and inline classes are on the field wrapper */ .field-label-above {} /* * When labels are set to inline in field display settings the clearfix class is * automatically added */ .field-label-inline {} .field-label-inline .field-label { margin: 0; } /* * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted * ineritance issues */ .field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; } h2.field-label { font-size: 16px!important; } .field-type-text-long .field-item { line-height: 24px; } /* * Field types (Core) */ /* * Image fields use the
and
elements from HTML5 */ .field-type-image {} .field-type-image .caption {} .field-type-image .full-caption {} .field-type-image .teaser-caption {} /* * Taxonomy */ .field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; } .field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; } .field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; } /* * Text */ .field-type-text {} /* * Long text */ .field-type-text-long {} /* * Text with summary */ .field-type-text-with-summary {} /* * File */ .field-type-file {} /* * Number/Integer */ .field-type-number-integer {} /* * Decimal */ .field-type-number-decimal {} /* * Number float */ .field-type-number-float {} /* * List */ .field-type-list-text {} /* * List boolean */ .field-type-list-boolean {} /* * List integer */ .field-type-list-integer {} /* * List float */ .field-type-list-float {} /* * Field types (Contrib) */ .field-type-datetime {} .date-display-range { display: inherit; } .field-type-node-reference {} .field-type-user-reference {} /* * Named fields */ .field-name-body {} .field-name-field-image {} .field-name-field-tags {} /* * Underscores in field name are replaced with dashes */ .field-name-field-FIELDNAME {} /* * Image Alignment Theme Settings - included here so you can easily override */ /* * Float none setting */ .ia-n .field-type-image, .iat-n .field-type-image {} /* * Float left setting */ .ia-l .field-type-image figure, .iat-l .field-type-image figure { margin: 5px 20px 15px 0; } /* * Centered setting */ .ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; } /* * Float right setting */ .ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; } /* ============================================================================= * Block Styling * ========================================================================== */ /* * Main wrapper for most blocks, block_system_main does not have it */ .block { margin-bottom: 20px; } /* * Inner wrapper for most blocks, good for margin, padding and borders, * block_system_main does not have it */ .block-inner { } /* * The first block in the region */ .block.first {} /* * The last block in the region */ .block.last {} /* * Zebra striping for each block in the region */ .block.odd {} /* * Zebra striping for each block in the region */ .block.even {} /* * Block title */ .block-title { margin: 0; } /* * Block content wrapper */ .block-content {} /* * Match item list and block menu margin and padding */ .block-content {} .block-content ul, .block-content ol { padding: 0 0 0 15px; } .block-content li { margin: 0; padding: 0; } /* * Block for the latest news items in the first category */ #block-aggregator-category-1 {} /* * Block for the latest news items in the first feed */ #block-aggregator-feed-1 {} /* * First block created with "Add block" link */ #block-block-1 {} /* * "Recent blog posts" block */ #block-blog-recent {} /* * "Book navigation" block for the current book's table of contents */ #block-book-navigation {} /* * "Recent comments" block */ #block-comment-recent {} /* * "Active forum topics" block */ #block-forum-active {} /* * "New forum topics" block */ #block-forum-new {} /* * Language switcher block */ #block-locale-language {} /* * Custom menu block */ #block-menu-menu-NAME {} /* * "Recent content" block */ #block-node-recent {} /* * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ #block-node-syndicate {} /* * "Most recent poll" block */ #block-poll-recent {} /* * "Author information" block for the profile of the page's author */ #block-profile-author-information {} /* * "Search form" block */ /* * "Shortcuts" block */ #block-shortcut-shortcuts {} /* * "Popular content" block */ #block-statistics-popular {} /* * "Main menu" block */ #block-system-main-menu {} /* * "Management" block for Drupal management menu */ #block-system-management {} /* * "Navigation" block for Drupal navigation menu */ #block-system-navigation {} /* * "User menu" block for Drupal user menu */ #block-system-user-menu {} /* * "System help" block */ #block-system-help {} /* * "Main page content" block */ #block-system-main {} /* * "Powered by Drupal" block */ #block-system-powered-by {} /* * "User login form" block */ #block-user-login {} /* * "Who's new" block for a list of the newest users */ #block-user-new {} /* * "Who's online" block for a list of the online users */ #block-user-online {} /* ============================================================================= * Node Styling * ========================================================================== */ .node { margin-bottom: 20px; } .node.node-promoted {} .node.node-sticky {} .node.node-by-viewer {} .node.node-teaser {} .node.node-full {} .node.odd {} .node.even {} .node .node-title { margin: 0; } .node .user-picture {} .node .submitted {} .node .submitted .username {} .node .submitted time {} .node .node-content {} .node ul.links {} .node ul.links li {} .node ul.links li a {} .node ul.links li.node-read-more a {} .node ul.links li.comment-add a {} .node ul.links li.comment-comments a {} .node ul.links li.comment-new-comments a {} .node ul.links li.blog-sernames-blog a {} .node ul.links li.print-html a {} .node ul.links li.print-email a {} .node ul.links li.print-pdf a {} .preview .node {} /* * All nodes are given a node-FOO class that describes the type of content that * it is. If you create a new content type called "my-custom-type", it will * receive a "node-my-custom-type" class. */ .node-page {} .node-article {} .node-book {} .node-forum {} .node-poll {} /* ============================================================================= * Comment Styling - Comments, comment wrapper, comment form * ========================================================================== */ /* * Wrapper for the list of comments and its titles */ #comments { margin: 1.5em 0; } #comments h2 {} #comments h2.comment-title { margin: 0; } #comments h2.comment-form { margin: 0; } /* * Wrapper for a single comment */ .comment { margin-bottom: 20px; } .comment.first {} .comment.last {} .comment.odd {} .comment.even {} .comment .user-picture {} .comment .submitted {} .comment .submitted p {} .comment .submitted .username {} .comment .submitted time {} .comment .user-signature {} .comment ul.links {} /* * Comment title */ .comment-title { margin: 0; } /* * Comment states */ .comment-new {} .comment-by-anonymous {} .comment-by-node-author {} .comment-by-viewer {} .comment-title-hidden {} .comment-with-picture {} .comment-with-signature {} /* * Preview of the comment before submitting new or updated comment */ .comment-preview {} /* * "New" marker for comments that are new for the current user */ .new { color: #c00; } /* * Nested comments are indented */ .indented { margin-left: 40px; } /* ============================================================================= * Forms * ========================================================================== */ /* * Wrapper for a form element (or group of form elements) and its label */ .form-item {} .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; } .form-item label { font-weight: 700; color: #49595E; } .form-item label.option { font-family: MiloWeb-Medium; font-weight: normal; color: #333; } /* * Highlight marks and form required mark */ .marker, .form-required { color: #c00; } .form-item .description { font-size: 0.85em; color: #333; } .form-checkboxes .form-item, .form-radios .form-item {} /* * The submit button */ .form-submit {} .container-inline div, .container-inline label { display: inline; } /* * Define consistent borders */ fieldset { border: 1px solid #ccc; } /* * Tips for Drupal's input formats */ .tips {} /* * Buttons used by contrib modules like Media */ a.button { } /* * Password confirmation */ .password-parent, .confirm-parent { margin: 0; } /* ============================================================================= * Tables * ========================================================================== */ table { margin: 10px 0; padding: 0; width: 100%; font-size: .95em; } table.sticky-header { z-index: 10; } table, thead, tbody, tr, th, td { border: 0; } table, td, th { vertical-align: middle; } caption, th, td { text-align: left; } thead tr { font-weight: 700; background-color: #49595e; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; } td, th { border:0; margin: 0; padding: 10px 10px; } th a { color: #fff; } th a:after { content: " \25be"; } tbody {} tbody tr { border:0!important; } .field-name-body tbody tr:nth-child(odd) { background: #eef1f1; } tr.odd { background: #eef1f1; } tr.info, tr.even, tr:nth-child(2n+2) { border:0; background-color: #fff; } tr.drag {} tr.drag-previous {} tr.odd td.active { background-color: #eee; } tr.even td.active { background-color: #ebebeb; } .lt-ie8 tr {} .lt-ie8 tr.even, .lt-ie8 tr.odd {} .lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td { } /* * Forum tables * Core sets white-space to nowrap, which makes no sense */ #forum td {} #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: normal; } /* ============================================================================= * Messages * ========================================================================== */ /* Left and right margin are set by the global gutter width */ div.messages { margin-bottom: 10px; margin-top: 10px; } div.messages ul { margin-top: 0; margin-bottom: 0; } div.status {} div.warning {} tr.warning {} div.error, tr.error {} .error {} .warning {} /* * Unpublished nodes */ .node-unpublished, .comment-unpublished {} .node-unpublished, .comment-unpublished {} .node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact,"Arial Narrow",Helvetica,sans-serif; font-size: 75px; font-weight: bold; height: 0; line-height: 1.2; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; } /* * Otherwise these elements will appear below the "Unpublished" text */ .lt-ie8 {} .lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * { position: relative; } /* ============================================================================= * Maintenance pages * ========================================================================== */ .maintenance-page {} .maintenance-page .container { padding: 40px 0; } .maintenance-page #site-name, .maintenance-page #page-title { margin: 0; } .db-offline {} .db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; } .db-offline div.messages { margin: 20px 0 0; } .db-offline #content { padding: 20px 0; } /* ============================================================================= * Misc overrides for contrib modules * ========================================================================== */ /* * Admin menu overrides */ #admin-menu { margin: 0; padding: 0; } /* * Devel Module */ .dev-query { background: #eee; padding: 30px; } /* * Styleguide module tweaks */ #styleguide-header { padding: 0 10px; } #styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; } /*HERO SPOTLIGHT PAGER ROTATOR HOMEPAGE */ /*Supress the little timer/spinner/throbber*/ .front .ajax-progress-throbber {display:none!important} /*DEBUG DO WE NEED ANY OF THIS OR IS IT JUST LEFT OVER FROM DIGITAL? li.pager-next a, li.pager-previous a, li.pager-first a { display: none; } li.pager-next a:hover, li.pager-item a:hover { text-decoration: none; color: #96cdee; } li.pager-current { color: #fff; margin: 10px; font-weight: bold; } li.pager-next a, li.pager-item a { color: #b7b6b6; margin: 10px; font-weight: bold; } li.pager-current { background-color: rgba(100, 120, 127, 0.66); border: 2px solid rgba(255, 255, 255, 0.59); } .item-list-pager { margin-top: 5%; display: block; margin-bottom: 5%; } li.pager-item a, li.pager-current { font-size: 26px; } li.pager-last a { display: none; } */ /*****Superlative Styling*****/ .view-homepage-rotator { max-height: 0px; margin: 0px; } .views-field-field-spotlight-caption { position: relative; top: -410px; left: 3%; max-width: 45%; background: rgba(12, 35, 75, .55); padding: 2%; } @media only screen and (min-width: 1101px) and (max-width: 1300px) { .views-field-field-spotlight-caption { top: -320px; font-size: 14px; max-width: 53%; } } @media only screen and (min-width: 801px) and (max-width: 1100px) { .views-field-field-spotlight-caption { top: -260px; font-size: 13px; max-width: 62%; } } /********* IMPORTANT HOMEPAGE MESSAGE BLOCK*******/ .pane-block-3 /*important message homepage text*/ { font-family: MiloWeb; margin-left: 20%; margin-right: 20%; margin-top: 5%; /* border-bottom: 2px solid rgba(12, 35, 75, .22);*/ /* margin-bottom: 4%;*/ } .pane-block-3 .block-title /*important message homepage text*/ { color: #546581;/*UA blue 70%*/ text-align:center; text-transform: uppercase; font-size: 2.1em; line-height: 1.2em; } .pane-block-3 p /*important message homepage text*/ { margin-top: 4%; margin-bottom: 5%; text-align: justify; font-size: 1.3em; line-height: 1.65em; color: #393939;/*check contrast*/ } /* --- Homepage blocks --- */ .homepage-block-wrapper { display: flex; align-items: center; background: #eef1f1; position: relative; } .homepage-block-wrapper .homepage-announcement-container, .homepage-block-wrapper .homepage-reasons-container { position: relative; flex: 1 1 50%!important; overflow: hidden; margin: 0; } /* Announcement */ .announcement { padding: 50px; padding-left: 8%; min-height: 500px; display: flex!important; flex-direction: column; justify-content: center; } .announcement h2 { text-transform: uppercase; margin-bottom: 5px; font-family: MiloXBold; font-size: 1em; } .announcement p.text { font-family: MiloLight; font-size: 1.7em; line-height: 1.2; } .announcement p a.button { text-transform: uppercase; font-size: .85em; font-family: MiloBold; padding: 10px 20px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; } .announcement p a.button:hover { text-decoration: none; opacity: .8; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; } /* award styles */ .announcement h2 { color: #1e5288; } .announcement { background: url('./images/COH-awards.png') no-repeat left top; background-size: cover; box-sizing: border-box; } .announcement p a.button { color: #fff; background: #1e5288; border: 0; } /* three reasons */ .three-reasons { margin-top: 0px; width: 100%; text-align: center; box-sizing: border-box; padding: 70px 50px; } .three-reasons h2 { font-size: 1.8em; line-height: 1.1; font-weight: normal; font-family: MiloLight; margin-top: 0; clear: both; color: #0c234b; text-align: left; } .three-reasons h2 strong { text-transform: uppercase; font-family: MiloXBold; color: #1e5288; font-size: 1.3em!important; display: block; } .three-reasons #first, .three-reasons #second, .three-reasons #third { display: flex; margin-bottom: 20px; height: 50px; align-items: center; text-align: left; -webkit-transition: all .3s; -moz-transition: all .3s; /* stop wiggles */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: grayscale(1%); } .three-reasons #first:hover, .three-reasons #second:hover, .three-reasons #third:hover { transform: translate3d(10px,0,0px); } .three-reasons .reasons .number { display: flex; flex-basis: 35px!important; justify-content: center; align-items: center; font-size: 3.5em; color: #1e5288; font-family: MiloThinItal; padding-bottom: 8px; margin-right: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; } .three-reasons p { line-height: 1.1; margin-bottom: 0; box-sizing: border-box; flex-basis: calc(100% - 50px); } /*** Our Units ***/ .mobileUnits { display: none; } /****END IMPORTANT HOMEPAGE MESSAGE BLOCK*******/ /*********************NEWS VIEW*************************/ /************CALENDAR EVENTS BLOCK ************/ .view-homepage-calendar-block .slick-prev{ left: -25px; } .view-homepage-calendar-block .slick-next{ right: -25px; } .view-homepage-calendar-block .slick-next:before, .view-homepage-calendar-block .slick-prev:before { color:rgb(209,209,209); } .view-homepage-calendar-block .slick-slider { width: 1280px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 20px; padding: 0 30px; } .view-homepage-calendar-block .slick-track { margin: auto; } .view-homepage-calendar-block ul.slick-dots { margin-left: 0; padding-left: 0; } #block-views-homepage-calendar-block-block .block-title { text-align: center; padding-top: 30px; padding-bottom: 30px; font-family: MiloMedItal; font-weight: normal; } .view-homepage-calendar-block .views-row { box-sizing: border-box; margin: 0px; min-height: 220px; margin-left: 5px; margin-right: 5px; background: rgba(199, 217, 216, 0.47); position: relative; padding: 30px 15px 0px 15px; overflow: hidden; } .view-homepage-calendar-block .views-row { background: #0d6772 url('../images/linear-burst.5opacity.png') no-repeat; background-size: 500px; background-position: center -188px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-calendar-block .views-row:after { content: "\25E3"; font-size: 20em; -webkit-transform: rotate(273deg); -moz-transform: rotate(273deg); position: absolute; color: rgba(199, 217, 216, 0.1); top: -125px; right: -59px; z-index: 0; font-family: arial; opacity: 0; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-calendar-block .views-row:hover:after { opacity: 1; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-calendar-block .views-row .views-field-field-event-date .field-content { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-calendar-block .views-row:hover .views-field-field-event-date .field-content { background: #fff; color: #0d6772!important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-calendar-block .views-row:hover { opacity: .95; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-calendar-block .views-row:hover a { display: block; text-decoration: none; } #block-views-homepage-calendar-block-block { background: rgba(255, 255, 255, 1); margin-bottom: 0; } .view-homepage-calendar-block .views-field-field-event-date { text-align: center; text-transform: uppercase; color: #fff; font-family: MiloBold; font-weight: normal; } .view-homepage-calendar-block .views-field-field-event-date .field-content { border-radius: 50px; border: 1px solid #fff; width: 35px; margin: auto; line-height: 1.1; font-size: 1em; padding: 15px 14px; } .view-homepage-calendar-block .views-field-field-event-brief-title a { font-family: MiloSerifWeb; font-size: 1.3em; line-height: 1; text-align: center; display: block; color: #fff; margin: 20px; position: relative; z-index: 2; } /* --- NEW news/events homepage */ /************ Homepage News/Events ************/ .homepage-news-events-wrapper { display: flex; width: 1280px; margin: auto; padding: 0 30px; box-sizing: border-box; justify-content: space-between; } .homepage-news-events-wrapper a:hover { text-decoration: none; opacity: .8; } .homepage-news-events-wrapper .view-footer p { text-align: center; text-transform: uppercase; font-family: MiloBold; font-size: .9em; } .homepage-news-events-wrapper img { width: 100%; /* firefox fix */ } /* --- News (homepage) --- */ .homepage-news-container { flex-basis: 68%; } .homepage-news-container .view-content { position: relative; } .homepage-news .view-content .views-row .image img { width: 100%; } .homepage-news .featured-news-attachment { margin-bottom: 20px; } .homepage-news .featured-news-attachment .view-content { display: flex; margin: -15px; } .homepage-news .featured-news-attachment .view-content .views-row { flex: 0 1 50%; padding: 15px; box-sizing: border-box; } /* title */ .homepage-news .views-row .views-field-title a { display: block; text-transform: uppercase; font-family: MiloBold; color: #0c234b; font-size: 20px; line-height: 1.1; padding: 15px 0; } /* body */ .homepage-news .view-content .views-row .views-field-body { color: #595959; } .homepage-news .views-row a.views-more-link { text-transform: uppercase; font-family: MiloBold; font-size: .9em; color: #ab0520; } .homepage-news .views-row a.views-more-link:after { font-family: "FontAwesome"; content: "\f0da \f0da"; padding-left: 5px; font-size: .9em; } .homepage-news .content-wrapper { display: flex; justify-content: space-between; margin-bottom: 15px; } /* accordion display */ .homepage-news .content-wrapper .views-field-field-news-image { flex: 0 0 30%; } .homepage-news .content-wrapper .views-field-body { flex: 0 0 65%; font-family: MiloWeb; font-size: .9em!important; line-height: 1.4; } .homepage-news .ui-accordion-header a:after { font-family: "FontAwesome"; content: "\f0d7"; position: absolute; right: 10px; top: calc(50% - 9px); color: rgba(73, 89, 94, 0.6); } .homepage-news .ui-accordion-header-active a:after { content: "\f0d8"!important; } /* overriding views_accordion */ .homepage-news .ui-accordion-header { background: none; border: 0; padding: 0; border-top: 1px solid #49595E; border-radius: 0; padding-top: 20px; } .homepage-news .ui-accordion-header .ui-icon { display: none; } .homepage-news .ui-accordion-header a { padding: 0 30px 20px 0!important; font-size: 18px!important; } .homepage-news .ui-accordion-content { padding: 0; border: 0; } /* footer */ .homepage-news .view-footer { border-top: 1px solid #49595E; padding-top: 20px; position: relative; } .homepage-news .view-footer:before { font-family: "FontAwesome"; content: "\f0d7"; position: absolute; top: -15px; left: calc(50% - 8px); color: #49595E; font-size: 25px; } /* --- Events (homepage) --- */ .homepage-events-container { } .homepage-events-container .block-title, .homepage-news-container .block-title { font-family: MiloLight; font-size: 2.2em; color: #49595e; margin: 25px 0 15px 0; text-transform: uppercase; } .homepage-events-container { flex-basis: 28%; } .homepage-events .views-row { box-sizing: border-box; position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #49595E; margin-bottom: 20px; padding-bottom: 20px; } .homepage-events .views-row:last-child:after { font-family: "FontAwesome"; content: "\f0d7"; position: absolute; bottom: -23px; left: calc(50% - 8px); color: #49595E; font-size: 25px; } .homepage-events .image-wrapper { flex: 1 0 40%; } .homepage-events .title-wrapper { flex: 1 0 60%; } /* events image */ .homepage-events .image-wrapper img { display: block; opacity: .9; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; } .homepage-events .image-wrapper { margin-right: 20px; } .homepage-events .image-wrapper img:hover { opacity: 1; } /* events date */ .homepage-events .date { top: 0px; left: 0px; border: 0px solid #fff; width: 26px; padding: 10px 9px; background: #0c234b; color: #fff; font-family: MiloMedItal; font-size: .8em; text-transform: uppercase; line-height: .95; text-align: center; z-index: 1; margin-bottom: 10px; } .homepage-events .views-row:nth-child(2n) .date { background: #1E5288; } .homepage-events .views-row:nth-child(3n) .date { background: #8B0015; } .homepage-events .views-row:nth-child(4n) .date { background: #006166; } /* events title */ .homepage-events .title-wrapper .views-field-title h2 { margin: 0!important; font-size: 1.2em; } .homepage-events .title-wrapper .views-field-title h2 a { color: #49595E; } .homepage-events .title-wrapper .views-field-view-node a { text-transform: uppercase; font-family: MiloBold; font-size: .9em; display: block; margin-top: 7px; } .homepage-events .title-wrapper .views-field-view-node a:after { font-family: "FontAwesome"; content: "\f0da \f0da"; padding-left: 5px; font-size: .9em; } /* events body */ .homepage-events .view-content .views-row .views-field-body { color: #595959; padding: 15px; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; } /* read more */ /* hover styles */ .homepage-events .view-content .views-row .views-field-title a:hover, .homepage-events .view-content .views-row .views-field-title a:focus { text-decoration: none; } .homepage-events .view-content .views-row:hover .image img, .homepage-events .view-content .views-row:focus .image img { /*opacity: .1;*/ } /* multi colors testing */ /*.homepage-events .view-content .views-row:nth-child(4n) .image { background: #1E5288; } .homepage-events .view-content .views-row:nth-child(2n+1) .image { background: #465D4A; } .homepage-events .view-content .views-row:nth-child(4n+1) .image { background: #814732; } .homepage-news .view-content .views-row a { color: #0c234b; font-family: MiloXBold; } .homepage-news .view-content .views-row:nth-child(2n+1) a { color: #465D4A; font-family: MiloXBold; } .homepage-news .view-content .views-row:nth-child(4n+1) a { color: #814732; font-family: MiloXBold; } .homepage-news .view-content .views-row:nth-child(4n) a { color: #1E5288; font-family: MiloXBold; }*/ /* slick buttons */ .slick-dots { position: relative; margin-top: -20px; } .slick-dots li { margin: 4px; } .slick-dots li button:before { font-size: 12px; color: #555; } .slick-dots li.slick-active button:before { opacity: .75; color: #0d6772; } /*** Engagement Text ***/ .home-text.right { float: right; width: 50%; padding: 0 0 0 50px; box-sizing: border-box; } .home-text { margin-top: 0px; width: 100%; text-align: center; } .home-text h2 { font-size: 2.9em; line-height: 1.1; font-weight: normal; font-family: MiloLight; margin-top: 0; clear: both; color: #1e5288; } .home-text.right h2 { text-align: left; font-size: 2em; } .home-text h2 strong { text-transform: uppercase; } .home-text .reasons { margin-left: 33%; } .home-text.right .reasons { margin: auto; } .home-text .first, .home-text .second, .home-text .third { display: flex; margin-bottom: 20px; height: 50px; align-items: center; text-align: left; } .home-text.right .first, .home-text.right .second, .home-text.right .third { text-align: left; } .home-text .first:hover .number, .home-text .second:hover .number, .home-text .third:hover .number { background: #fff; color: #1e5288!important; border: 1px solid #1e5288; -webkit-transition: all .3s; -moz-transition: all .3s; } .home-text .reasons .number { display: flex; background: #1e5288; font-family: MiloBold; color: #fff!important; font-size: 1.7em; padding-bottom: 7px; flex-basis: 53px!important; height: 43px; justify-content: center; align-items: center; border-radius: 100px; border: 1px solid #fff; font-size: 1.5em; margin-right: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; } .home-text p { line-height: 1.1; font-size: 1.4em; margin-bottom: 0; box-sizing: border-box; flex-basis: calc(100% - 50px); } .home-text.right p { font-size: 1.05em; } /************NEWS AND SOCIAL MEDIA BLOCKS range that includes some of tablet portrait and cell phones************/ @media only screen and (min-width: 100px) and (max-width: 830px) { #footer-wrapper .footerContent { position: relative; top: -53px; margin-bottom: 0; } #footer-wrapper .footerContent { position: relative; top: -40px; color: #000; } } /************adjustments to homepage important message text************/ @media only screen and (min-width: 101px) and (max-width: 810px) { .pane-block-3, .pane-block-18 /*important message homepage text*/ { margin-left: 15%; margin-right: 15%; } .pane-block-3 p /*important message homepage text*/ { margin-top: 7%; font-size: 19px; line-height: 25px; } .pane-block-3 .block-title /*important message homepage text*/ { font-size: 30px; line-height: 34px; } .pane-block-18:after { content: ""; } .pane-block-18 p a { display: block; } } /************Spacing adjustments in branding, hero, and message areas************/ @media only screen and (min-width: 100px) and (max-width: 810px) { #header { } #header img { } #block-search-form { } /*College/Department branding region*/ } /*********HOMEPAGE NEWS BLOCK AKA HUMANITIES MATTERS******/ #block-views-homepage-news-block { width: 1280px; margin: auto; padding: 30px; box-sizing: border-box; } #block-views-homepage-news-block .block-title { font-size: 2em; margin-bottom: 30px; color: #fff; text-transform: uppercase; letter-spacing: 2px; } .view-homepage-news { position: relative; z-index: 2; } .view-homepage-news .views-row { margin-bottom: 15px; } .view-homepage-news .views-field-title { display: table; } .view-homepage-news .views-field-title a { font-size: 1.45em; line-height: 1.2; color: #d3e0df; font-family: MiloSerifWeb; display: table-cell; height: 60px; vertical-align: middle; } .view-homepage-news .views-field-field-news-date { color: #fff; font-size: 1em; line-height: 1; text-align: center; font-family: MiloBold; font-weight: normal; text-transform: uppercase; float: left; width: 34px; border-radius: 40px; padding: 13px 12px; margin-right: 15px; position: relative; border: 1px solid #fff; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-news .views-row:hover .views-field-field-news-date { background: #fff; color: #0d6772; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .view-homepage-news .views-row:hover .views-field-title a { text-decoration: none; color: #fff; } /*.view-homepage-news .views-row:nth-child(1) { background: #C8D9D8; } .view-homepage-news .views-row:nth-child(2) { background: #C8D9D8; } .view-homepage-news .views-row:nth-child(3) { background: #C8D9D8; } .view-homepage-news .views-row:nth-child(4) { background: #C8D9D8; } .view-homepage-news .views-row:nth-child(5) { background: #C8D9D8; }*/ .view-homepage-news .views-row:last-child { border: 0; } /*********END HOMEPAGE NEWS BLOCK*******/ /****SOCIAL MEDIA ICONS BLOCK LOCATED IN FOOTER*******/ #block-block-5 { float: right; z-index: 2; } #block-block-5 div.block-content.content{ min-width: 400px; padding-top: 20%; } #block-block-5 img { margin: 2%; max-width: 50px; } #block-block-5 .block-title { display: none; font-family: MiloWeb; font-size: 28px; background-color: #647980; color: #fff; letter-spacing: 1px; margin-bottom: 3%; text-align: center; } #block-block-5 img:hover { opacity:0.8; filter:alpha(opacity=100); } /****END SOCIAL MEDIA ICONS BLOCK*******/ /*****************************************/ /******************NODES******************/ /*****************************************/ /* ----- New News Node Page ----- */ .fancy-news.node-type-news h1#page-title { width: 520px; font-size: 3em; } .node-type-news.fancy-news #main-content-header, .fancy-news .node-news .field-name-field-news-date, .fancy-news .node-news .field-name-body { width: 680px; margin: auto; } .fancy-news .node-news .field-name-field-news-date { color: #49595E!important; border: 0!important; } .fancy-news .node-news .field-name-field-news-image { float: none!important; margin-top: 30px; margin-bottom: 30px; width: 100%; } .fancy-news .node-news .field-name-field-news-image img { width: 100%; } .fancy-news .node-news .field-name-body p { color: #555; line-height: 1.6em; } /* image wrapper for inline images and quotes, ALL news */ .fancy-news .node-news figure.image { box-sizing: border-box; width: 1280px; padding: 0 30px; position: relative; margin: 50px -172px 40px; } .node-content figure.image figcaption { color: #395180; font-size: .82em; } .node-content figure.image figcaption strong { text-transform: uppercase; } /* pull out quote */ .fancy-news .node-news blockquote { width: 125%; margin-left: 0; margin-right: 0; padding: 80px 0; background: #fff url('./images/blue-triwire.png') no-repeat right top; background-size: contain; box-sizing: border-box; } .fancy-news .node-news blockquote p { text-transform: uppercase; font-family: MiloBlack; color: #0c234b!important; margin: 0; width: 45%; } .field-name-field-news-fancy { visibility: hidden; } @media only screen and (max-width:1280px) { .fancy-news.node-type-news #main-content-header, .fancy-news .node-news .field-name-field-news-date, .fancy-news .node-news .field-name-body { width: 80%; margin: auto; } .fancy-news .node-news blockquote { width: 125.5%; margin-left: calc(-10% - 15px); padding: 80px 40px; } .fancy-news .node-news blockquote p { width: 70%; } .fancy-news .node-news figure.image { width: 125.5%; margin-left: calc(-10% - 15px); padding: 0; } } @media only screen and (max-width:590px) { .fancy-news.node-type-news #main-content-header, .fancy-news .node-news .field-name-field-news-date, .fancy-news .node-news .field-name-body { width: 100%; } .fancy-news .node-news blockquote, .fancy-news .node-news blockquote p { width: 100%; margin: auto; background-size: cover; } .fancy-news .node-news figure.image { width: 100%; margin-left: auto; } .fancy-news.node-type-news h1#page-title { width: 100%; font-size: 2.5em; } } /* Display Suite */ /*2 column*/ .ds-2col .group-left { width: 60%; } .ds-2col .group-right { width: 40%; } /* News and Events Node */ .node-news .field-name-field-news-image { float: right!important; width: calc(40% - 30px); margin-top: -39px; } .node-news .field-name-body { width: calc(60% + 30px); padding-right: 30px; box-sizing: border-box; } @media only screen and (max-width: 769px) { .node-news .field-name-field-news-image { float: left!important; width: 100%; margin-top: 25px; } .node-news .field-name-body { width: 100%; padding-right: 0px; padding-top: 25px; clear: both; } .node-news .field-name-field-news-date { width: 100%!important; } } .node-event .field-name-field-event-image, .node-news .field-name-field-news-image { float: right; } .node-news .field-name-body, .node-event .field-name-body { padding-top: 20px; } .node-news .field-name-field-news-date { font-size: .95em; color: #003e7e; font-family: MiloBold; font-weight: normal; text-transform: uppercase; border-top: 1px solid #eef1f1; border-bottom: 1px solid #eef1f1; padding: 10px 0px 9px 0px; width: calc(60%); } .node-event .field-name-field-event-date:before { content: "Event Details"; font-family: MiloBold; font-weight: normal; text-transform: uppercase; color: #49595E; font-size: .95em; letter-spacing: .02em; border-bottom: 1px solid #e9e9e9; display: block; margin-bottom: 10px; padding-bottom: 5px; } .node-event .field-name-field-event-date { font-family: MiloWeb-Medium; font-size: 1em; background: rgb(247, 248, 248); padding: 15px 15px 15px 15px; } .node-event .field-name-field-event-location { background: rgb(247, 248, 248); padding: 0px 15px 15px 15px; margin-top: -15px; font-size: 1em; margin-bottom: 0; line-height: 1.1; padding-top: 5px; } .node-event .field-name-body span, .node-event .field-name-body span font, .node-news .field-name-body span, .node-news .field-name-body span font { font-family: MiloWeb!important; color: #333!important; font-size: 18px!important; } #newsArticle .field-name-field-event-location h2.field-label { display: none; } .field-name-more-events, .field-name-more-news { display: table; position: relative; background: #0d6772 url('../images/linear-burst.5opacity.png') no-repeat; background-size: 200px; background-position: right; margin: 0 0px!important; float: right; width: 360px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; height: 100px; } .node-event .field-name-field-event-image + .field-name-more-events, .node-news .field-name-field-news-image + .field-name-more-news { margin-top: -6px!important; } @-moz-document url-prefix() { .node-event .field-name-field-event-image + .field-name-more-events, .node-news .field-name-field-news-image + .field-name-more-news { margin-top: -5px!important; } } .field-name-more-events p, .field-name-more-news p { margin: 0!important; } .field-name-more-events a, .field-name-more-news a { text-transform: uppercase; font-family: MiloBold; font-weight: normal; display: table-cell; color: #fff; padding: 10px 50px 10px 20px; font-size: 1em; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; height: 100px; vertical-align: middle; position: relative; line-height: 1; } .field-name-more-events:hover, .field-name-more-news:hover { opacity: .8; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; text-decoration: none; } .field-name-more-events a:hover, .field-name-more-news a:hover { text-decoration: none; } .field-name-more-events:before, .field-name-more-news:before { content: ""; border-color: transparent transparent rgba(255, 255, 255, 0.15) transparent; border-style: solid; border-width: 0px 120px 120px 0px; position: absolute; } /*@-moz-document url-prefix() { .field-name-more-events:before, .field-name-more-news:before { font-size: 6.6em!important; top: -6px!important; left: 0px!important; } }*/ .field-name-more-events a:after, .field-name-more-news a:after { content: " \25B8\25B8\25B8"; font-size: 1.2em; position: relative; font-family: arial; } .standoutText { background-color: rgba(230, 227, 216, 0.54); box-sizing: border-box!important; padding: 20px 20px 0px 20px; margin-bottom: 30px; margin-right: 30px; } .standoutText h4, .standoutText h2 { margin-top: 0; margin-bottom: 10px; } .standoutText p { margin-bottom: 0; padding-bottom: 23px; line-height: 1.5; font-size: 1.05em; } .standoutText p strong { color: #49595E; } .emphasisText p { font-family: MiloLight; font-size: 1.5em; line-height: 1.2; color: #49595E; margin-bottom: 30px; } /* Basic pages */ .node-page .field-name-field-basic-attached-images { float: right; } .node-page .field-name-body { overflow: hidden; } /* custom inline sidebar styles */ .node-page .sidebarRight { float: right; width: 33%; } .node-page .sidebarMain { overflow: hidden; padding-right: 30px; } .node-page .sidebarImage { width: 80%; } .node-page .sidebarImageCaption { font-size: 1.2em; line-height: 1.3em; color: #fff; background-color: rgba(13, 102, 113, 1); padding: 10px 15px; position: relative; margin: 0px 10px; top: -65px; left: 10px; box-shadow: 3px 3px 5px #aaa; width: 82%; } .node-page .sidebarImageCaption p { font-family: MiloItalic; color: #fff; margin-bottom: 0; } .node-page .sidebarImageCaption::before { content: ""; border-color: transparent transparent rgba(13, 102, 113, 0.79) transparent; border-style: solid; border-width: 0px 35px 35px 0px; position: absolute; top: -35px; right:0; } /* @-moz-document url-prefix() { .node-page .sidebarImageCaption::before { font-size: 1.6em; right: 0; } }*/ /* Footer Content */ .footerContent { line-height: 1.3; text-align: center; } .footerContent p { margin-bottom: 0; color: #647980; font-size: .95em; } .footerContent img { padding-bottom: 15px; padding-top: 15px; } .footerContent { margin-bottom: 30px; text-align: center; } .footerContent p { color: #647980; font-size: .95em; } .footerContent p strong { text-transform: uppercase; font-size: .9em; } a#cas-login-form { background: none; font-size: .8em; color: #8B0015; font-family: MiloBold; font-weight: normal; border: 2px solid #8B0015; text-transform: uppercase; padding: 7px 15px; } a#cas-login-form:hover { background: #ab0520; color: #fff; opacity: 1; } /*social media icons*/ .social-media-icons { display: flex; flex-direction: row; align-items: center; justify-content: center; } .social-media-icons a { padding: 4px; } /*.footerContent img { width: 40px; -webkit-transition: opacity .2s ease-in-out 0s; -moz-transition: opacity .2s ease-in-out 0s; }*/ p#copyright { opacity: .6; } /*.footerContent img:hover { opacity: .6; }*/ /*.footerContent img.fb{ margin-left: -10px; } .footerContent img.twitter{ width: 35px; position: relative; top: -6px; margin-right: 10px; } .footerContent img.youtube{ position: relative; top: 2px; margin-right: 10px; } .footerContent img.insta { width: 30px; position: relative; top: -4px; } .footerContent img.linkedin { width: 30px!important; height: 30px!important; position: relative; top: -4px; margin-left: 10px; }*/ /*****************OUR UNITS******************/ .ourUnitsMobile { display: none; } #block-views-coh-units-block-1 { clear: both!important; width: 1280px; margin: auto; padding: 0 70px; box-sizing: border-box; } .view-coh-units p { /*width: 30%;*/ font-family: MiloWeb; font-size: 1em; color: #333; } .depname { position: absolute; top:250px; width: 110%; min-height: 70px; display: table; background: rgba(91, 135, 39, 0.88); margin-left: 30px; } .depname p { font-family: MiloBold; font-weight: normal; text-transform: uppercase; font-size: 1.5em; color: #fff; padding: 20px; text-align: left; line-height: 1; display: table-cell; vertical-align: middle; } .depname::after { content:""; border-color: transparent transparent transparent rgba(91, 135, 39, 0.7); border-style: solid; border-width: 0px 50px 50px 50px; position:absolute; bottom: -50px; right: -50px; } /* @-moz-document url-prefix() { .depname::after { bottom: -78px; right: calc(0% - 0px) ; } }*/ .deptext { padding: 0px 40px 40px 40px; line-height: 1.4; font-size: 1.1em; font-family: MiloMedItal; color: #333; } .view-coh-units { margin-bottom: 90px!important; } .pane-coh-units .views-field-title { font-family:miloweb; text-transform: uppercase; font-weight: bold; font-size:1.25em; line-height: 34px; text-align:right; padding-right: 6%; padding-top: 1%; padding-bottom: 1%; } .depbody{ max-width: 50%; margin-left: 20px; display:inline-block; padding-left: 0px; position: relative; min-height: 690px; background: rgba(230, 227, 216, .5) url('../images/linear-burst.5opacity.png') no-repeat; background-size: 600px; background-position: -60px 240px; margin-top: -10px; padding: 0px 0px 10px 0px; } .front .view.view-coh-units .view-content { width: 47%; display: inline-block; float: left; clear: left; } .front .view.view-coh-units .view-content a, .ourUnitsMobile a { display: block; border-bottom: 1px solid #eef1f1; color: #333; font-family: MiloWeb-Medium; padding: .61em; text-align:right; font-size: 1.05em; position: relative; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .ourUnitsMobile li, .ourUnitsMobile ul { list-style: none; padding-left: 0; } .ourUnitsMobile ul { padding: 0 30px; box-sizing: border-box; } .ourUnitsMobile a { text-align: center; } .front .view.view-coh-units .view-content a:hover { background: #eef1f1; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; text-decoration: none; padding-right: 15px; } .ourUnitsMobile a:hover { background: #eef1f1; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; text-decoration: none; } .front .view.view-coh-units .view-content a.active { background: #eef1f1; padding-right: 50px; } .front .view.view-coh-units .view-content a.active:after { content: " \25b8 \25b8 \25b8"; right: 15px; position: absolute; font-family: arial; } .deptext + .views-field-field-unit-degree-options { display: block!important; margin-top: -40px; } .views-field-field-unit-degree-options { padding: 0px 40px; margin-bottom: 70px; position: relative; } .views-field-field-unit-degree-options ul { margin-bottom: 0; } .views-field-field-unit-degree-options ul ul { padding-left: 0px; margin-top: -1px!important; } .views-field-field-unit-degree-options ul ul li:before { border: 0; } .views-field-field-unit-degree-options ul ul li { padding-bottom: 0!important; font-family: MiloItalic; font-size: .9em; } .views-label-field-unit-degree-options { text-transform: uppercase; margin-bottom: 5px; font-size: 1em!important; font-family: MiloBold; font-weight: normal; color: #49595E; } .depreadmore { margin-top: -50px; padding-left: 40px; } .depreadmore a { display: block; font-family: MiloBold; font-weight: normal; text-transform: uppercase; line-height: .9; margin-top: 15px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .depreadmore a:after { content: " \00bb"; position: relative; font-family: arial; } .depreadmore a:hover { text-decoration: none; border-left: 2px solid #ab0520; padding-left: 8px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .block-coh-units-block-1 .block-title, .ourUnitsMobile .block-title { text-align: center; text-transform: uppercase; margin-top: 70px; margin-bottom: 20px; font-size: 2em; clear: both; } /*********************OUR UNITS LANDING PAGES************/ .field-name-field-unit-degree-options { background: rgba(230, 227, 216, 0.55); padding: 5px 20px; margin-bottom: 20px; position: relative; } .field-name-field-unit-degree-options ul { margin-bottom: 0; } .field-name-field-unit-degree-options ul ul { padding-left: 0px; margin-top: -1px!important; } .field-name-field-unit-degree-options ul ul li:before { border: 0; } .field-name-field-unit-degree-options ul ul li { padding-bottom: 0!important; font-family: MiloItalic; font-size: .9em; } .node-type-department h2.field-label { text-transform: uppercase; margin-bottom: 5px; font-size: 1em!important; } .node-type-department .ds-2col-stacked .group-header .field-item { font-family: MiloLight; font-size: 1.35em; line-height: 1.2; color: #333; margin-bottom: 25px; } .node-type-department .field-name-body p { font-family: MiloBold; font-weight: normal; color: #49595E; } .node-type-department .ds-2col-stacked .group-right { padding-left: 30px; box-sizing: border-box; } .group-visit-callout { background: rgba(91, 135, 39, 0.88); padding: 15px 15px 6px 15px; margin-top: 0px; margin-top: -81px; position: relative; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .group-visit-callout h2 { margin: 0; font-weight: normal; line-height: 1; color: #fff; } .field-name-field-sillc-unit .field-item { color: #fff; font-family: MiloMedItal; /*padding-top: 10px; padding-bottom: 10px;*/ background: rgba(91, 135, 39, 0.87); padding: 10px 15px; } .pane-node-field-unit-link .block-title{ font-family: MiloWeb-Medium; font-weight: normal; } .field-name-field-unit-link { padding-top: 6px; padding-left: ; } .field-name-field-unit-link .field-item a { font-family: MiloBold; font-weight: normal; font-size: 1.1em; display: block; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; line-height: .8; margin-bottom: 10px; color: #fff; } /*.group-visit-callout:hover { background: rgba(91, 135, 39, 0.78); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; }*/ .field-name-field-unit-link .field-item a:hover { text-decoration: none; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; border-left: 2px solid #fff; padding-left: 8px; } .field-name-field-unit-link .field-item a:hover:after { content: " \25B8\25B8\25B8"; font-family: arial; font-size: .9em; -webkit-transition-duration: .2s; } /*************************SUBPAGE STYLES***************************/ .region-two-66-33-first { padding-right: 30px; box-sizing: border-box; } .node-type-subpage-1 .pane-node-body{ max-width: 700px; background-color: rgba(230, 227, 216, 0.54); box-sizing: border-box!important; padding: 25px 20px; } .node-type-subpage-1 .pane-node-body h2 { margin-top: 0; } .node-type-subpage-1 .pane-node-body p{ margin-bottom: 0; line-height: 1.5; font-size: 1.2em; } .field-name-field-subpage1-sidebar-image img{ /* max-width: 88%;*/ width: 90%; } .pane-node-field-subpage1-sidebarquote { font-size: 1.2em; line-height: 1.3em; color: #fff; background-color: rgba(13, 102, 113, 1); padding: 10px 5px; position: relative; margin: 0px 10px; top: -56px; left: 20px; box-shadow: 3px 3px 5px #aaa; } .pane-node-field-subpage1-sidebarquote .field-item { font-family: MiloItalic; } .field-name-field-subpage1-sidebarquote::before { content: "\25E3"; font-size: 2.05em; position:absolute; top: -33px; right: calc(0% - 3px) ; float: right; color: rgba(13, 102, 113, 0.79); } @-moz-document url-prefix() { .field-name-field-subpage1-sidebarquote::before { font-size: 2em; top: -35px!important; right: 0!important; } } .field-name-field-subpage1-sidebarquote { color: #fff; } /*.field-name-field-subpage1-sidebarquote::before{ float: right; height: 0px; position: relative; top: -69px; left: 9px; }*/ .field-name-field-subpage1-image2 { max-width: 60px; } .field-name-field-subpage1-subheading1, .field-name-field-subpage1-subheading2, .field-name-field-subpage1-subheading3 { font-size: 1.8em; color: #49595E; line-height: 1.3em; font-family: MiloLight; margin-bottom: 20px; } .field-name-field-subpage1-body1, .field-name-field-subpage1-body2, .field-name-field-subpage1-body3 { max-width: 700px; } .field-name-field-subpage1-image1, .field-name-field-subpage1-image2, .field-name-field-subpage1-image3 { max-width: 700px; } .pane-title { margin-bottom: 2%; } /********************SCHOLARSHIPS VIEW**********************/ .view-graduate-scholarship .views-row { border-bottom: 2px solid #84d2e2; border-right: 2px solid #84d2e2; width: 100%; float: left; padding-bottom: 30px; margin-bottom: 20px; padding-right: 20px; } .view-graduate-scholarship .views-row-odd { margin-right: 20px; } .view-graduate-scholarship .views-row h2 { color: #003e7e; font-weight: normal; font-family: MiloWeb-Medium; } .view-graduate-scholarship .views-label{ font-family: MiloBold; font-weight: normal; color: #49595E; } .view-graduate-scholarship .views-field-nothing { text-transform: uppercase; font-family: MiloBold; font-weight: normal; } .view-graduate-scholarship .views-field-nothing a { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; line-height: .9; display: block; } .view-graduate-scholarship .views-field-nothing a:after { content: "\00bb"; font-family: arial; } .view-graduate-scholarship .views-field-nothing a:hover { text-decoration: none; border-left: 2px solid #ab0520; padding-left: 7px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } /********************ENGAGEMENTS VIEW**********************/ .view-engagements .views-row { border-bottom: 2px solid #84d2e2; border-right: 2px solid #84d2e2; width: 46.6%; float: left; min-height: 410px; margin-bottom: 20px; padding-right: 20px; } .view-engagements .views-row-odd { margin-right: 20px; } .view-engagements .views-row h3 a { color: #003e7e; text-transform: none; font-weight: normal; font-family: MiloWeb-Medium; } .view-engagements .views-label{ font-family: MiloBold; font-weight: normal; color: #49595E; } .view-engagements .views-field-field-term .field-content { color: #333; } /********************NEWS VIEW**********************/ .view-news .views-row { margin-bottom: 35px; padding-bottom: 30px; border-bottom: 1px solid #eef1f1; min-height: 200px; } .view-news .views-row:last-child { border: 0; } .view-news .views-row .views-field-title a { font-family: MiloSerifWeb; font-size: 1.7em; color: #333; line-height: 1; display: block; padding-bottom: 10px; line-height: 1.2; } .view-news .views-row .views-field-field-news-image, .view-news .views-row .views-field-field-event-image { float: left; margin-right: 25px; margin-top: 8px; width: 240px; } .view-news .views-field-field-event-date { text-align: left!important; } .view-news .field-content .date-display-single, .view-news .field-content .date-display-interval { text-transform: uppercase; font-family: MiloBold; font-weight: normal; font-size: .9em; color: #003e7e; } .view-news .field-content .date-display-interval em { font-style: normal; } .view-news .views-row .views-field-body { overflow: hidden; font-size: 18px; color: #333; } .view-news .views-more-link { text-transform: uppercase; font-family: MiloBold; font-weight: normal; font-size: .9em; } .view-news .views-more-link::after { content: " \00bb"; font-family: arial; } /********************HUMANITIES WEEK VIEW**********************/ .pane-humanities-week-year.block { } /*.pane-humanities-week-year.block .views-field-date-year:before { content: " \25B8"; font-family: open sans; position: relative; top: 1px; color: #49595E; padding-right: 1%; color: #c45062; font-family: arial; }*/ .pane-humanities-week-year.block .views-field-date-year { font-size: 1.2em; font-family: MiloBold; font-weight: normal; padding-left: 1%; } .view-humanities-week-lineup { } .view-humanities-week-lineup .views-row, .view-humanities-week-overview .views-row { /* margin-left: -55px; */ } .pane-humanities-week-overview .views-field-body div { color: #333; font-size: 1.1em; } .view-humanities-week-lineup .views-row { border-bottom: 1px solid #eef1f1; padding-top: 50px; padding-bottom: 50px; clear: both; min-height: 200px; } .view-humanities-week-lineup .views-row .views-field-field-event-location, .view-humanities-week-lineup .views-row .views-field-field-event-date { font-size: 1.05em; color: #333; font-family: MiloWeb-Medium; } .view-humanities-week-lineup .views-row .views-field-title { font-size: 1.5em; line-height: 1.2; font-family: miloserifweb; } .view-humanities-week-lineup .views-row .views-field-title a { color: #333; } .view-humanities-week-lineup .views-field-field-image { float: left; width: 40%; } .view-humanities-week-lineup .views-field-field-image img { float: left; max-width: 95%; } /********************PEOPLE VIEW**********************/ /* #views-exposed-form-humanities-people-page div div.views-exposed-form { float: right; background-color: rgba(230, 227, 216, 0.55); padding: 10px 10px 0px 25px; box-sizing: border-box; } .field.field-name-field-registration.field-type-registration { margin-top: 20px; } .view-id-humanities_people { margin-top: 30px; } .view-id-humanities_people .views-field-field-person-photo { width: 100px; float: left; margin-right: 20px; } .view-id-humanities_people .view-content .views-row .views-field-realname { font-family: MiloWeb-Medium; color: #003e7e; font-weight: normal; font-size: 1.5em; line-height: 1.2; } .view-id-humanities_people .view-content .views-row .views-field-field-campus-title { font-family: MiloItalic; font-size: 1.2em; color: #333; margin-bottom: 10px; } .view-id-humanities_people .views-row { margin-bottom: 30px; padding-left: 20px; border-left: 2px solid #eef1f1; min-height: 150px; } .view-id-humanities_people .views-row .views-label { font-family: MiloBold; font-weight: normal; text-transform: uppercase; font-size: .9em; color: #49595E; } .view-id-humanities_people .views-row .views-field-field-phone { color: #333; }*/ /* --- secondary nav, sidebar --- */ .secondary-nav .block-inner { margin-right: 20px; margin-left: 0; margin-top: 10px; } .secondary-nav ul { padding: 0; margin: 0; } .secondary-nav ul li { list-style: none; padding: 0; margin: 0; margin-bottom: 25px; } .secondary-nav ul li li { margin-bottom: 0; } .secondary-nav ul ul { padding-left: 0px; margin-top: 10px; } .secondary-nav ul ul ul { padding-left: 0px; border-left: 0; margin:0; } .secondary-nav ul li a { font-family: MiloBold; font-weight: normal; color: #1e5288; font-size: 18px; display: block; line-height: 1.2; /*margin-top: 15px;*/ -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .secondary-nav ul li li a { font-weight: normal; font-family: MiloWeb-Medium; color: #0c234b; padding: 10px 10px 10px 10px!important; font-size: 16px; border-left: 1px solid #e2e9eb; margin-top: 0px; } .secondary-nav ul li li li a { font-size: 15px; padding: 6px 20px 5px 20px!important; font-family: MiloWeb; } .secondary-nav ul li a:hover { text-decoration: none; opacity: .8; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .secondary-nav ul li a.nolink:hover { opacity: 1; } .secondary-nav ul li li a:hover { background: rgba(225, 233, 235, 0.7); opacity: 1; } .secondary-nav ul li.active-trail li a { border-left: 1px solid #1e5288; } .secondary-nav ul li.active-trail a.active:after { content: " \25b8"; } .secondary-nav ul li.active-trail li a.active { border-left: 2px solid #1e5288; padding-left: 9px; font-family: MiloBold; font-weight: normal; color:#1e5288; background: #e2e9eb; } .secondary-nav ul li.active-trail li a.active-trail { border-left: 2px solid #1e5288; padding-left: 9px; font-family: MiloBold; font-weight: normal; opacity: 1; } .secondary-nav ul li.active-trail li a.active-trail:after { content: " \25be"; } .secondary-nav ul li.active-trail li li a.active, .secondary-nav ul li li.active-trail li a { border-left: 2px solid #1e5288; padding-left: 19px; opacity: 1; } .secondary-nav ul li.active-trail li a.active:after { content: ""; } /***/ /* Views Exposed Form */ .views-exposed-widget { width: 100%; } .views-exposed-form label { text-transform: uppercase; color: #49595E; } .views-exposed-form label.option { text-transform: none; color: #333; font-family: MiloWeb-Medium; font-weight: normal; } .form-type-textfield .form-text, .form-textarea { padding: 5.5px; border: 1px solid #ccc; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 0em; margin-bottom: 20px; } /* Conference Node Type */ .node-type-conference #nav-wrapper { display: none; } .node-type-conference #sidr-wrapper-1 { top: 40px;} .node-type-conference #header { } .node-type-conference #block-block-2 img { width: 400px; padding-top: 0; padding-left: 0; } .node-type-conference #block-block-2 { margin-bottom: 0; margin-top: 40px; } .node-type-conference #block-block-2 .content { margin-left: 45px; } .node-type-conference #block-block-2 p { margin-bottom: 0; } .node-type-conference #block-block-1 { padding-left: 0; } .node-type-conference #block-block-1 .content { margin-left: 45px; } .node-type-conference #footer-wrapper { padding-top: 0; } .node-type-conference #footer-wrapper .block { visibility: hidden; } /* Sidebar first menu */ .pane-menu-block { padding: 35px 20px 30px 45px; } .pane-menu-block ul { padding-left: 0; margin-left: 0; } .pane-menu-block ul li a{ color: #313131 !important; } .pane-menu-block ul li { list-style: none; font-family: MiloWeb-Medium; border-top: 0px solid #eef1f1; padding: 10px 15px; } .pane-menu-block ul li:hover { background: #f5f5f5; } .pane-menu-block ul li:hover a { text-decoration: none; } .pane-menu-block ul li a:before { content: "\25B8"; padding-right: 6px; color: #ab0520; font-family: arial; } .pane-menu-block ul li.active-trail.active { font-family: MiloBold; font-weight: normal; background: #f5f5f5; } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed { /* border: 0;*/ border: none; padding: 0 0 3px 0; height:auto; } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed .fieldset-wrapper { background: #f5f5f5; padding-right: 15px; float: left; } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed .fieldset-wrapper { background: #f5f5f5; padding-right: 15px; float: left; } /*@-moz-document url-prefix() { fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed { padding-bottom: 2px; } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed div.fieldset-wrapper div.collapse-text-text { padding-bottom: 30px!important; } }*/ .fieldset-title { font-size: 1.2em; font-family:MiloWeb-Medium; line-height: 1; } .page-node .fieldset-title:hover { text-decoration: none; } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed div.fieldset-wrapper div.collapse-text-text { margin-left: 4%; padding-bottom: 0px; margin-bottom: 0px; position: relative; padding-top: 30px; padding-bottom: 10px; float: left; /* border-bottom: 1px solid #eee;*/ } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed div.fieldset-wrapper div.collapse-text-text h3 { font-size: 1.05em; } fieldset.collapse-text-fieldset.collapsible.form-wrapper.collapse-processed div.fieldset-wrapper div.collapse-text-text h5 { font-size: 1.2em; } fieldset.collapsed .fieldset-legend, fieldset.collapsible .fieldset-legend { background-image: none!important; background-position: 5px 50%; padding-top: 5px; padding-left: 5px!important; position: relative; top: -2px; } .collapse-processed.collapsed .fieldset-title:before { content: "\25B8"; padding-right: 6px; font-family: arial; } .collapse-processed .fieldset-title:before { content: "\25BE"; padding-right: 6px; font-family: arial; } fieldset.collapse-text-fieldset legend{ background: rgba(221, 232, 231, 0.5); width: 100%; padding: 10px; box-sizing: border-box; } fieldset.collapse-text-fieldset legend:hover { background: rgba(221, 232, 231, 1); } fieldset.collapse-text-fieldset legend a { color: #395180!important; } .views-field-sharethis { padding: 20px; } /**** Custom Toggle Styling ****/ p.toggler { display: block; margin: 0 0 2px 0!important; background: rgba(129, 210, 234, 0.12); padding: 12px 50px 12px 20px; font-family: MiloWeb-Medium; color: #49595E; margin-bottom: 3px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; clear: both; font-size: 1.1em; } p.toggler.learn-more { background: none; padding: 0; font-size: 1em; margin: 10px 0!important; } p.toggler:hover { background: rgba(129, 210, 234, 0.2); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; cursor: pointer; } p.toggler.learn-more:hover { background: none; } p.toggler:after { content: "\e62d"; font-family: 'ua-brand-symbols'; float: right; position: relative; right: -30px; color: rgba(129, 210, 234, .8); } p.toggler.learn-more:after { content: "+"; float: none; right: -10px; color: #49595E; } .toggler.active { background: rgba(129, 210, 234, 0.2); } .toggler.active:after { content: "\e631"; } .toggler.learn-more.active:after { content: "\2212"; } p.toggler + div { padding: 20px 20px 0px 20px; } p.toggler.learn-more + div { background: rgba(129, 210, 234, 0.12); padding: 20px; color: #49595E; } p.toggler + div h4:first-child { margin-top: 0; } p.toggler.learn-more + div p:last-child { margin-bottom: 0; } /* rrs */ .rrs-header .block-inner { margin-left: 0; } .rrs-footer { display: table; margin-left: auto; margin-right: auto; padding-top: 30px; } .rrs-footnote { float: left; margin-right: 1em; border-right: grey; border-right-style: solid; padding-right: 1em; } .rrs-footnote p { margin: 0; } .node-type-conference #tertiary-content-wrapper { margin-top: 30px; border-top: #e4973b; border-top-style: solid; border-top-width: 10px; } .view-conference-abstracts .views-field { display: block; float: left; clear: both; } @media only screen and (max-width:870px) { .rrs-footnote { width: 100%; text-align: center; border-right: none; } } /* Academic awards quicktab */ .flex.awards { align-items: center; } .flex.awards .flex-item { flex-basis: 50%; text-align: center; } .flex.awards .flex-item:first-child { border-right: 1px solid #333; } /* columns */ .flex.cols { align-items: center; } .flex.cols .flex-item { flex-basis: 50%; text-align: center; padding: 5px; } .flex.cols .flex-item:first-child { border-right: 1px solid #333; } /* ui-tabs */ .block-quicktabs .ui-corner-bottom { padding: 0; } .block-quicktabs .ui-corner-all { padding-left: 0px; padding-bottom: 40px; } .block-quicktabs .ui-corner-all { background: #fff; border: 0; } .block-quicktabs { border: 0; } .block-quicktabs .ui-tabs-anchor { color: #ab0520; font-size: 1.1em; /*outline: 0;*/ } .block-quicktabs a.ui-tabs-anchor { color: #ab0520; outline: 0; } .block-quicktabs .ui-corner-top { border: 1px solid #ab0520!important; border-radius: 0; background: #fff; font-family: MiloWeb-Medium; } .block-quicktabs .ui-state-active { padding: 0; background: #ab0520; } .block-quicktabs .ui-state-active:after { content: ""; border-color: #ab0520 transparent transparent transparent; border-style: solid; border-width: 10px 10px 10px 10px; width: 0%; height: 0; display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 2; margin-top: 0px; top: 44px; } .block-quicktabs .ui-state-active .ui-tabs-anchor { color: #fff; } .block-quicktabs .ui-state-active:hover { background: #ab0520!important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .block-quicktabs .ui-corner-top:hover { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } @media only screen and (max-width:1022px) { .block-quicktabs .ui-state-active:after { top: 42px; } } @media only screen and (max-width:649px) { .block-quicktabs .ui-state-active:after { display: none; } .block-quicktabs .ui-corner-top { margin: 2px 0!important; width: 100%; } } /* iframe responsiveness */ .iframe-container, .field-item .embedded-video .player { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; z-index: 4; } .iframe-container iframe, .field-item .embedded-video .player iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; border: 0; z-index: 4; } /* pop up for hero video */ a.selected { color:white; z-index:100; } a.close { font-family: MiloWeb; font-size: 1.7em; position: absolute; background: #fff; color: #8B0015; line-height: 1em; border-radius: 50%; width: .9em; height: .9em; margin-top: -15px; right: -13px; z-index: 5; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } a.close i { position: relative; left: -1px; top: -1px; } /*a.close:before { font-family: "FontAwesome"; content: "\f057"; padding-right: 3px; font-size: 1.3em; position: absolute; color: #fff; background: #000; border-radius: 100px; line-height: 1; padding: 1px 5px; }*/ a.close:hover { text-decoration: none; color: #ab0520; opacity: 1!important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .messagepop { background-color:#fff; cursor:default; display:none; margin-top: 15px; text-align:left; width: 70%; border-radius: 0px; position:fixed; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index:50; padding: 0px; -moz-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000; } .videoButton a { color: #fff; border: 0px solid #fff; text-transform: uppercase; font-weight: normal; font-family: MiloBold; background: #ab0520; display: inline-block; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .videoButton a:hover { text-decoration: none; opacity: .8!important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } /*.videoButton a:before { /*content: "\25B6"; border: 1px solid #fff; border-radius: 20px; padding: 8px 6px 5px 9px; margin-right: 10px;*!/ font-family: "FontAwesome"; content: "\f144"; padding-right: 8px; font-size: 1.5em; position: relative; top: 4px; }*/ .videoButton i { font-size: 1.3em!important; position: relative; padding-right: 0px; top: 3px; } /* pop up for hero video */ .videoPopup a.selected { color:white; z-index:100; } .videoPopup a.close { font-family: MiloWeb; font-size: 1.7em; position: absolute; background: #fff; color: #8B0015; line-height: 1em; border-radius: 50%; width: .9em; height: .9em; margin-top: -15px; right: -13px; z-index: 5; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .videoPopup a.close i { position: relative; left: -1px; top: -1px; } /*a.close:before { font-family: "FontAwesome"; content: "\f057"; padding-right: 3px; font-size: 1.3em; position: absolute; color: #fff; background: #000; border-radius: 100px; line-height: 1; padding: 1px 5px; }*/ .videoPopup a.close:hover { text-decoration: none; color: #ab0520; opacity: 1!important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .videoPopup .popup { background-color:#fff; cursor:default; display:none; margin-top: 0px; text-align:left; width: 70%; border-radius: 0px; position:fixed; /* change to absolute if a window height problem */ left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index:50; padding: 0px; -moz-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000; } .videoPopup .videoButton i { font-size: 1.3em!important; position: relative; padding-right: 0px; top: 3px; } @media only screen and (max-width:768px) { .videoPopup .popup { width: 90%!important; position: absolute!important; top: inherit!important; } .videoPopup a.close { right: -8px!important; top: 1px!important; } } /* Humanizing the World Branding PPT Rotator Slider */ .humanizing-the-world .views-row:nth-child(-n+6) { min-height: 410px; display: table; } .humanizing-the-world .views-row .views-field-body { display: table-cell; vertical-align: middle; } .humanizing-the-world .views-row-1 { text-align: center; } .humanizing-the-world .views-row-1 h2 { font-size: 3em; display: inline-block; background: #ab0520; color: #fff; padding: 10px 60px; font-family: MiloLight; position: relative; margin-top: 0; } .humanizing-the-world .views-row-1 h2:after { content: ""; border-color: transparent #ab0520 transparent transparent; border-style: solid; border-width: 0px 50px 50px 0px; position: absolute; left: 0; top: 93px; } .humanizing-the-world .views-row-1 .views-field-body p { width: 300px; margin: auto; } .humanizing-the-world .views-row-2 h2 { font-size: 4em; line-height: 1.1; text-align: center; text-transform: uppercase; color: #0c234b; margin-bottom: 0; margin-top: 0; } .humanizing-the-world .views-row-2 h3 { text-align: center; text-transform: none; font-family: MiloLight!important; color: #333!important; font-size: 2em!important; margin-top: 0!important; position: relative; } .humanizing-the-world .views-row-2 h3:before { content: ""!important; padding: 0!important; } .humanizing-the-world .views-row-2 h3:after { content: ""; border-color: transparent transparent transparent #ab0520; border-style: solid; border-width: 50px 50px 50px 40px; position: absolute; bottom: 3px; right: 150px; } .humanizing-the-world .views-row:nth-child(n+3) { position: relative; } .humanizing-the-world .views-row-3 .views-field-body p, .humanizing-the-world .views-row-4 .views-field-body p, .humanizing-the-world .views-row-5 .views-field-body p { font-size: 2em; color: #49595E; line-height: 1.2; font-family: MiloLight; text-align: center; } .humanizing-the-world .views-row-3 .views-field-body p strong, .humanizing-the-world .views-row-4 .views-field-body p strong, .humanizing-the-world .views-row-5 .views-field-body p strong { color: #ab0520; } .humanizing-the-world .views-row-3 .views-field-body h3, .humanizing-the-world .views-row-4 .views-field-body h3, .humanizing-the-world .views-row-5 .views-field-body h3 { font-size: 3em; font-family: MiloItalic; text-transform: none; color: #ab0520; text-align: center; } .humanizing-the-world .views-row-3 .views-field-body h3:before, .humanizing-the-world .views-row-4 .views-field-body h3:before, .humanizing-the-world .views-row-5 .views-field-body h3:before { content: "\25B8 \25B8 \25B8 "; padding-right: 20px; } .humanizing-the-world .views-row:nth-child(n+6) .views-field-body h4 { font-size: 2em; line-height: 1.1; padding-bottom: 20px; } .humanizing-the-world .views-row:nth-child(n+6) .views-field-body p { font-family: MiloLight; font-size: 1.6em; line-height: 1.3; } .humanizing-the-world .views-row:nth-child(n+6) .views-field-body p em { font-family: MiloLightItal; font-style: normal; } .humanizing-the-world .views-row:nth-child(n+6) .views-field-body img { position: absolute; bottom: 0; } .humanizing-the-world .views-field-field-slick-image { float: right; width: 38%; } .humanizing-the-world .slick-dots { margin-top: -70px; margin-bottom: 70px; } /* Academic awards table styling */ .block-quicktabs .field-name-body ul { padding: 0; list-style: none; margin-left: 0; } .block-quicktabs .field-name-body ul li { margin: 0; padding: 10px 25px; font-family: MiloWeb; } .block-quicktabs .field-name-body ul li:before { content: ""; border: 0; } .block-quicktabs .field-name-body ul li:first-child { background: #49595e!important; font-weight: 700; text-transform: uppercase; color: #fff; } .block-quicktabs .field-name-body ul li:nth-child(odd) { background: #eef1f1; } /* Tucson Humanities Festival Landing Page */ .humanitiesfestival #block-block-2 img { width: 400px; } .humanitiesfestival #page-title { display: none; } .humanitiesfestival #breadcrumb-wrapper { visibility: hidden; } .humanitiesfestival h2 { text-align: center; color: #333; font-size: 1.3em; margin-bottom: 40px; margin-top: 50px; clear: both; } .humanitiesfestival h3 { text-align: center; color: #333; font-size: 1.2em; margin-bottom: 10px; clear: both; margin-top: 80px; } #thfText { width: 70%; margin: 50px auto 0px auto; font-size: 1.3em; } #thfSocial { text-align: center; } #thfSocial img { margin: 0 12px; } #thfSocial img:hover { opacity: .7; } #mc_embed_signup { font-family: MiloWeb!important; text-transform: uppercase; padding-left: 3%; padding-right: 3%; margin-left: 0!important; box-sizing: border-box; } #mc_embed_signup_scroll label { float: left; color: #313131; padding: 10px 30px; } #mc_embed_signup_scroll div.clear { float: left; } .humanitiesfestival #mce-EMAIL { border-radius: 0!important; text-transform: uppercase; font-family: MiloBold!important; font-weight: normal; margin-right: 10px!important; width: 13.5%!important; float: left; } .humanitiesfestival #mc-embedded-subscribe { border-radius: 0!important; background: #f4d9a2!important; color: #333!important; font-family: MiloBold; font-weight: normal; text-transform: uppercase; font-size: 1.1em!important; color: #333!important; } #mc-embedded-subscribe:hover { background: #eddebe !important; } .thfLogo { float: right; width: 200px; margin-top: -110px; margin-right: 10%; } #thfDate { width: 40%; float: right; clear: both; margin: 4% 9% 5% 0px } #thfRefuge { float: right; margin: 4.7% 0px 5% 0px; width: 60%; text-align: right; clear: both; } #videoOne, #videoTwo, #videoThree { position: relative; height: 0; overflow: hidden; padding-bottom: 18.5%; width: 33%; float: left; margin-bottom: 70px; } #thfVideos iframe { margin: 0px 10px; top: 0; left: 0; position: absolute; width: 100%!important; height: 100%!important; } #thfVideos { text-align: center; } .thfHero { background: #f5f5f5 url('./images/hf2016_bg.jpg') no-repeat; background-size: cover; padding: 10% 8%; } .view-tucson-humanities-festival-video-slideshow .views-row { box-sizing: border-box; height: 0; position: relative; padding-bottom: 3.9%; margin: 15px; } .view-tucson-humanities-festival-video-slideshow .slick-slider { padding: 0; } .view-tucson-humanities-festival-video-slideshow iframe { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0; } /* THF Lecture Series */ .humanitiesfestival a:hover { color: #d29416!important; -webkit-transition-duration: .1s; -moz-transition-duration: .1s; } .humanitiesfestival h3 a { color: #d29416; border-top: 1px solid #eef1f1; border-bottom: 1px solid #eef1f1; padding-top: 20px; padding-bottom: 20px; } .humanitiesfestival h3 a:after { content: " \25B8 \25B8 \25B8"; font-family: arial; } .humanitiesfestival #newsArticle { display: none; } .humanitiesfestival .hfLecturePage { width: 70%; margin: auto; padding-top: 50px; padding-bottom: 20px; } .node-type-event .humanitiesfestival .ds-2col { display: none; } .hfTitle { text-transform: uppercase; font-family: MiloBold; font-weight: normal; font-size: 1.7em; line-height: 1; color: #313131; } .hfTitle a { color: #313131!important; } .hfSubtitle { font-weight: bold; font-style: italic; margin-bottom: 10px; font-size: 1.2em; color: #313131; } .hfBody p { font-size: 1.2em; } .hfBody strong { font-size: 1.2em; line-height: 1; } .hfDate { font-size: 1.2em; color: #313131; display: block; font-weight: normal; font-family: MiloWeb-Medium; } .hfLocation p:first-line { font-family: MiloBold; font-weight: normal; font-size: 1.4em; } .hfLocation p { font-size: .97em; margin-bottom: 30px; } a.hfReturn { background: #f4d9a2; text-transform: uppercase; font-family: MiloBold; font-weight: normal; color: #313131!important; padding: 7px 10px; font-size: 1.2em; } a.hfReturn:hover { color: #313131!important; background: #eddebe; } #hfVideo { position: relative; height: 0; overflow: hidden; padding-bottom: 374px; width: 640px; margin: auto; margin-top: 70px; } #hfVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(121, 192, 177, 0.27); padding: 15px; box-sizing: border-box; } /* THF slider */ .hfLectureSlider .views-row { padding-right: 40px; } .hfLectureSlider .slick-slider { padding-bottom: 0; padding-top: 0; } .hfLectureSlider .hfTitle { font-size: 1.4em; line-height: 1; } .hfLectureSlider .hfSubtitle { font-size: 1.1em; margin-bottom: 8px; line-height: 1; } .hfLectureSlider .views-field-body { overflow: hidden; } .hfImage { float: left; margin-right: 40px; width: 200px; } .hfLectureSlider .views-field-field-event-date { font-family: MiloBold; font-weight: normal; margin-bottom: 5px; color: #313131; line-height: 1; } .hfFindOutMore { overflow: hidden; font-size: 1.1em; padding-top: 5px; display: block; } .hfFindOutMore a { font-family: MiloBold; font-weight: normal; color: #313131!important; } .hfFindOutMore a::after { content: " \25B8 \25B8 \25B8"; font-family: arial; } .view-humanities-festival-lectures ul.slick-dots { margin-left: 0; position: relative; margin-top: -30px; } /*slick*/ .view-tucson-humanities-festival-video-slideshow .slick-dots li button, .hfLectureSlider .slick-dots li button { display: none; } .view-tucson-humanities-festival-video-slideshow .slick-prev, .view-tucson-humanities-festival-video-slideshow .slick-next { width: 70px; height: 70px; margin-top: -45px; font-family: MiloBold; font-weight: normal; } .hfLectureSlider .slick-prev, .hfLectureSlider .slick-next { width: 70px; height: 70px; margin-top: -44px; font-family: MiloBold; font-weight: normal; } .view-tucson-humanities-festival-video-slideshow .slick-prev:before, .view-tucson-humanities-festival-video-slideshow .slick-next:before { line-height: 1; font-size: 70px; opacity: .45; color: #7ac0b1; } .hfLectureSlider .slick-prev:before, .hfLectureSlider .slick-next:before { line-height: 1; font-size: 70px; opacity: .45; color: #7ac0b1; } .view-tucson-humanities-festival-video-slideshow .slick-prev, .hfLectureSlider .slick-prev { left: -85px; } .view-tucson-humanities-festival-video-slideshow .slick-next, .hfLectureSlider .slick-next { right: -85px; } .view-tucson-humanities-festival-video-slideshow .slick-next:before, .hfLectureSlider .slick-next:before { content: '⟩'; } .view-tucson-humanities-festival-video-slideshow .slick-prev:before, .hfLectureSlider .slick-prev:before { content: '⟨'; } #main-content #mc_embed_signup { display: none; } @media only screen and (max-width:1240px) { #mc_embed_signup { width: 70%!important; margin-left: 0; } } @media only screen and (max-width:1025px) { .view-tucson-humanities-festival-video-slideshow .views-row { padding-bottom: 5.8%; } .view-tucson-humanities-festival-video-slideshow .slick-prev, .hfLectureSlider .slick-prev { left: -65px; } .view-tucson-humanities-festival-video-slideshow .slick-next, .hfLectureSlider .slick-next { right: -65px; } .hfImage { width: 30%!important; } } @media only screen and (max-width:768px) { .view-tucson-humanities-festival-video-slideshow .views-row { padding-bottom: 5.6%; } .view-tucson-humanities-festival-video-slideshow .slick-prev, .hfLectureSlider .slick-prev { left: -55px; } .view-tucson-humanities-festival-video-slideshow .slick-next, .hfLectureSlider .slick-next { right: -55px; } .hfImage { width: 90%!important; } .humanitiesfestival h3 a { display: block; } } @media only screen and (max-width:900px) { #videoOne, #videoTwo, #videoThree { width: 100%!important; float: none!important; padding-bottom: 56.25%; margin-bottom: 10px; } #thfVideos iframe { margin: 0; } #thfText { width: 100%; margin-top: 0px; } .humanitiesfestival .hfLecturePage { width: 100%; padding: 5% 3%; } .humanitiesfestival #main-content { padding-top: 0; } #thfDate { width: 70%; } #thfRefuge { width: 100%; margin-top: 6% } .thfLogo { position: absolute; right: 0; width: 100px; } .humanitiesfestival #block-block-2 img { max-width: 55%!important; margin-top: 20px; } .hfImage { float: none; margin-bottom: 20px; margin-right: 0; } .hfLectureSlider .views-field-body { margin-right: 0px; } .thfLogo img { } #mc_embed_signup { width: 100%!important; margin-left: 3%; } #mce-EMAIL { width: 100%!important; margin-bottom: 10px!important; margin-right: 0!important; } #mc_embed_signup_scroll label, #mc_embed_signup_scroll div.clear { float: none; } .humanitiesfestival .region-secondary-content #mc_embed_signup { display: none; } #main-content #mc_embed_signup { display: block; } #hfVideo { width: 100%; padding-bottom: 58.2%; box-sizing: border-box; margin-top: 0; } } @media only screen and (max-width:500px) { .thfLogo { position: absolute; right: 0; width: 100px; margin-right: 20px; margin-top: -100px; } .page-node-2743 #block-block-2 img { max-width: 55%!important; margin-top: 20px; margin-left: 0; padding-left: 0; } .page-node-2743 #block-block-1 img { max-width: 250px; } #hfVideo { padding-bottom: 59.5%; } } /* People */ .people-directory .view-content { display: flex; flex-wrap: wrap; justify-content: space-between; } .people-directory .view-content h3 { flex-basis: 100%; font-family: MiloItalic; font-size: 1.7em; margin-top: 60px; margin-bottom: 40px; border-top: 1px solid #49595E; padding-top: 10px; line-height: 1.1; } .people-directory .view-content h3:first-child { margin-top: 0px; } .people-directory .views-row { display: flex; flex-direction: row; width: 47%; margin-bottom: 60px; color: #333; line-height: 1.3; } .people-directory .views-row .left { flex-basis: 25%; padding-right: 20px; } .people-directory .views-row .main { flex-basis: 75%; } .people-directory .views-row .views-field-realname { font-size: 1.3em; font-family: MiloBold; color: #49595E; line-height: 1.1; } .people-directory .views-row .views-field-field-campus-title { text-transform: uppercase; font-family: MiloXBold; line-height: 1.1; color: #49595E; font-size: .9em; padding-top: 3px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E2E9EB; } /* search */ .people-directory .views-exposed-widgets { display: flex; justify-content: flex-end; margin-top: 100px; margin-bottom: 0; } .people-directory .views-widget-filter-combine label { display: none; } .people-directory .views-widget-filter-combine { flex-basis: 24%; padding: 0!important; margin-right: 10px; } .people-directory .views-widget-filter-combine input { width: 100%; box-sizing: border-box; font-size: 1.5em; font-family: MiloLight; color: #333; padding: 8px 0 8px 0; border: 0; position: relative; top: 4px; border-bottom: 1px solid rgba(73, 89, 94, 0); -webkit-transition-property: border-color; -webkit-transition-duration: .2s; -moz-transition-property: border-color; -moz-transition-duration: .2s; } @-moz-document url-prefix() { .people-directory .views-widget-filter-combine input { top: 3.5px; } } .people-directory .views-widget-filter-combine input:focus { outline: none; /* border-bottom: 2px solid #333; -webkit-transition-duration: .2s; -moz-transition-duration: .2s;*/ border-color: rgba(73, 89, 94, 1); -webkit-transition-property: border-color; -webkit-transition-duration: .2s; -moz-transition-property: border-color; -moz-transition-duration: .2s; } .people-directory .views-submit-button { padding: 0!important; flex-basis: 3%; } .people-directory input#edit-submit-humanities-people.form-submit { background: transparent url('./images/search-grey.png') no-repeat left top; background-size: 25px; background-position: 0 13px; color: transparent!important; margin: 0!important; width: 30px; height: 50px; padding: 0!important; } .view-humanities-people .flex-item { min-width: 0!important; } /* Dean Feature */ .dean-feature .views-row { display: flex; width: 100%; flex-direction: row; color: #333; margin-top: 50px; } .dean-feature .views-row .main { width: 60%; padding-right: 100px; } .dean-feature .views-row .dean-details:before { content: ""; background: #1E5288; width: 20px; height: 85px; position: absolute; left: 0; } .dean-feature .views-row .dean-details { padding-left: 65px; position: relative; margin-bottom: 30px; line-height: 1.3; } .dean-feature .views-row .dean-details .views-field-realname { font-size: 1.6em; font-family: MiloBold; color: #49595E; line-height: 1.1; } .dean-feature .views-row .dean-details .views-field-field-campus-title { text-transform: uppercase; font-family: MiloXBold; line-height: 1.1; color: #49595E; font-size: .95em; padding-top: 3px; padding-bottom: 20px; } .dean-feature .views-row .dean-details .views-field-field-campus-title .field-content:after { content: " | College of Humanities"; text-transform: none; font-family: MiloWeb; } /* Dept Unit Heads Block */ .dept-unit-heads-block { margin-bottom: 70px; } .dept-unit-heads { display: flex; justify-content: space-between; } .dept-unit-heads p { font-family: MiloItalic; margin-bottom: 0px; padding-left: 30px; text-indent: -30px; padding-right: 30px; } .dept-unit-heads a { color: #1E5288; font-family: MiloBold; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .dept-unit-heads a:hover { text-decoration: none; opacity: .8; } .dept-unit-heads h3 { font-family: MiloItalic; font-size: 1.7em; margin-top: 60px; margin-bottom: 40px; border-top: 1px solid #49595E; padding-top: 10px; line-height: 1.1; } /* Study Abroad Page */ .page-node-2968 #nav-wrapper { display: none; } .page-node-2968 #content-wrapper { background: url('./images/WorldMapImage30.jpg') no-repeat; background-size: cover; background-position: center 60px; } .study-abroad-page { padding-top: 40px; } .study-abroad-page .col-1-2 { width: calc(50% - 45px); float: left; } .study-abroad-page .col-1-2:first-child { border-right: 1px solid #49595E; margin-right: 40px; padding-right: 40px; } .study-abroad-page .col-1-2 p { text-transform: uppercase; font-family: MiloXBold; font-size: .9em; color: #49595E; line-height: 1.2; } .study-abroad-page .col-1-2 strong { display: block; font-family: MiloWeb-Medium; font-weight: normal; color: #49595E; text-transform: none; font-size: 1.4em; } .study-abroad-page .col-1-2 a.button { background: #ab0520; border: 0; color: #fff; padding: 10px 20px; font-size: .85em; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; } .study-abroad-page .col-1-2 a.button:hover { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; text-decoration: none; opacity: .8; } .study-abroad-images { margin-bottom: 100px; margin-top: 50px; } .study-abroad-images .views-row { margin: 10px; } @media only screen and (max-width:1280px) { .study-abroad-page .col-1-2 { width: 100%; border: 0!important; padding-bottom: 30px; } } /* Support Study Abroad */ .scholarships h2 { margin-top: 50px; font-size: 1.3em; } .scholarships ul { padding: 0px; margin-bottom: 5px; } .scholarships ul li { border-top: 1px solid #eef1f1; padding-top: 15px; padding-bottom: 15px; } .scholarships ul li:before { border: 0; } p.kd { border-left: 3px solid #1E5288; padding-left: 20px; } /*===================== New News ======================*/ /*.page-news-new #page-title,*/ .page-news-new .breadcrumb { } /*.page-news-new #page-title { font-family: MiloThinItal; font-weight: normal; font-size: 4em; color: #0c234b; text-transform: uppercase; }*/ .news-view { display: flex; flex-direction: column; position: relative; } .news-view img /* Firefox Fix */{ width: 100%; display: block; } .news-view .views-field-title a { color: #0c234b; font-size: .8em; } /* Filter */ .news-view .view-filters { order: 2; margin: auto; display: block; margin-bottom: 50px; margin-top: 50px; /*border-top: 2px solid #81D3EB;*/ /*border-bottom: 2px solid #81D3EB;*/ width: 100%; } .news-view .view-filters label { font-family: MiloThinItal; font-weight: normal; font-size: 4em; color: #0c234b; display: none; } .news-view .view-filters .form-item .form-type-bef-link { text-align: center; border-bottom: 2px solid #0c234b; box-sizing: border-box; width: 20%; float: left; } .news-view .view-filters .form-item div a { text-transform: uppercase; color: #395180; background: #E6F6F9; font-family: MiloBold; position: relative; font-size: 1.05em; padding: 20px 10px; display: block; border-right: 2px solid #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .news-view .view-filters .form-item #edit-category-4.form-item a { border-right: 0; } .news-view .view-filters .form-item div a.active { font-family: MiloBold; color: #fff; background: #0c234b; } .news-view .view-filters .form-item div a.active:hover { background: #0c234b; } .news-view .view-filters .form-item div a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: rgba(12, 34, 75, 1); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .news-view .view-filters .form-item div a:hover:after, .news-view .view-filters .form-item div a.active:after { opacity: 1; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); } .news-view .view-filters .form-item div a.active:after { background: #0c234b; } .news-view .view-filters .form-item div a:hover { text-decoration: none; background: #D0EEF4; } /* Highlight */ /*.news-highlight { margin-bottom: 30px; } .news-highlight:before { content: "Featured"; font-family: MiloBold; text-transform: uppercase; color: #0c234b; letter-spacing: .02em; display: block; padding-bottom: 7px; } .news-highlight .view-content .views-row { display: flex; padding: 0!important; } .news-highlight .view-content .views-row .views-field-field-news-date { float: left; } .news-highlight .view-content .views-row .views-field-field-news-image { flex: 0 0 50%!important; margin-right: 30px; } .news-highlight .view-content .views-row .date-display-single { color: #0c234b!important; border: 1px solid #0c234b!important; padding: 17px 10px!important; text-transform: uppercase; font-size: 1em; display: inline-block; width: 38px; text-align: center; line-height: .85; background: #fff; margin-right: 25px; background: none!important; } .news-highlight .view-content .views-row .views-field-title { overflow: hidden; } .news-highlight .view-content .views-row .views-field-title h2 { margin: 0; } .news-highlight .view-content .views-row .views-field-body { font-family: MiloWeb-Medium; color: #595959; padding-top: 30px; padding-bottom: 30px; } .news-view .view-content .views-row .views-field-field-news-category { display: inline-block; background: rgba(129, 210, 234, 0.53); padding: 4px 8px; color: #0c234b; text-transform: uppercase; font-family: MiloBold; font-size: .75em; }*/ .news-highlight { /* width: 75%;*/ margin: auto; } .news-highlight .view-content { width: 100%!important; position: relative; z-index: 0; } .news-highlight:before { content: "Featured"; font-family: MiloBold; text-transform: uppercase; color: #0c234b; letter-spacing: .02em; display: block; padding-bottom: 7px; } .news-highlight .views-row { position: relative; overflow: hidden; margin: 0!important; padding: 0!important; flex-basis: 100%!important; display: flex; align-items: center; } .news-highlight .views-row div { flex: 1 0 50%; } /* featured title section */ .news-highlight .content { padding: 0px 0px 0px 35px; box-sizing: border-box; } .news-highlight .content .title-date .views-field-title h2 { font-size: 2.5em; letter-spacing: -.01em; overflow: hidden; font-family: MiloXBold; margin: 0; line-height: 1; } .news-highlight .content .title-date .views-field-title h2 a { color: #333!important; display: block; } .news-highlight .content .views-field-body { color: #595959; font-family: MiloWeb; font-size: 1.1em; padding: 0; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); margin: auto; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; } /* read more */ .news-highlight .view-content .views-row .views-field-view-node { text-transform: uppercase; font-family: MiloBold; font-size: .9em; text-align: right; } .news-highlight .view-content .views-row .views-field-view-node a:hover { text-decoration: none; -webkit-transition: opacity .2s ease-in-out 0s; opacity: .8; } .news-highlight .view-content .views-row .views-field-view-node a:after { content: " \f0da \f0da"; padding-left: 3px; font-family: 'FontAwesome'; } /* news highlight image */ .news-highlight .view-content .views-row .views-field-field-news-image { background: transparent!important; overflow: hidden; } .news-highlight .view-content .views-row .image img { display: block; opacity: .9; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; } .news-highlight .view-content .views-row .image a { z-index: 1; } .news-highlight .view-content .views-row:hover .image img { opacity: 1; transform: scale3d(1.05,1.05,1.05) } .news-highlight .view-content .views-row:hover .image a:before { opacity: 1; } /* List */ .news-highlight .view-content { border: 0!important; margin: 0!important; padding: 0!important; } .news-view .view-content { order: 2; display: flex; flex-wrap: wrap; position: relative; margin: auto; margin: 0 -25px; } .news-view .view-content .views-row { flex: 0 0 33.33%; margin-bottom: 0px!important; box-sizing: border-box; padding: 0 25px; } /*.news-view .view-content .views-row:nth-child(n+4), .news-view .view-content .views-row:nth-child(n+9) { flex: 1 0 50%; margin-bottom: 25px; box-sizing: border-box; padding: 0 25px; } .news-view .view-content .views-row:nth-child(n+6) { flex: 1 0 30%; }*/ .news-view .view-content .views-row .image-group { position: relative; } .news-view .view-content .views-row .image-group .views-field-field-news-image { opacity: .9; -webkit-transition: opacity .4s ease 0s!important; -moz-transition: opacity .4s ease 0s!important; transition: opacity .4s ease 0s; /* stop wiggles */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: grayscale(1%); } .news-view .view-content .views-row .image-group .views-field-field-news-image { /*background: #0c234b;*/ } .news-view .view-content .views-row:hover .image-group .views-field-field-news-image { opacity: 1!important; } .news-view .view-content .views-row .content { padding-bottom: 20px; display: flex!important; flex-direction: column!important; } .news-view .views-row .views-field-title h2 { margin: 25px 0 5px 0; line-height: .95; font-size: 1.5em; font-family: MiloBold; } .news-view .views-row .views-field-title h2 a:hover { opacity: .8; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; text-decoration: none; } .news-view .view-content .views-row .views-field-field-news-date { /*position: absolute; bottom: 0;*/ margin-top: -30px; } .news-view .view-content .views-row .date-display-interval, .news-view .view-content .views-row .date-display-single { display: inline-block; padding-top: 7px; text-transform: uppercase; font-family: MiloBold; font-size: .75em; position: relative; background: #0c234b; padding: 6px 10px; color: #fff; } .news-view .view-content .views-row .date-display-interval em { font-family: MiloBold; } .news-view .view-content .views-row .views-field-body { color: #444; padding-bottom: 25px; padding-top: 15px; line-height: 1.5; } .item-list { order: 4; } /* multi colors testing */ /*.news-view .view-content .views-row:nth-child(4n) .date-display-single, .news-view .view-content .views-row:nth-child(4n) .date-display-interval { background: #1E5288; } .news-view .view-content .views-row:nth-child(2n+1) .date-display-single, .news-view .view-content .views-row:nth-child(2n+1) .date-display-interval { background: #465D4A; } .news-view .view-content .views-row:nth-child(4n+1) .date-display-single, .news-view .view-content .views-row:nth-child(4n+1) .date-display-interval { background: #814732; } .news-view .view-content .views-row:nth-child(2n+1) .views-field-title a { color: #465D4A; } .news-view .view-content .views-row:nth-child(4n+1) .views-field-title a { color: #814732; } .news-view .view-content .views-row:nth-child(4n) .views-field-title a { color: #1E5288; }*/ /* newer colors */ .news-view .view-content .views-row:nth-child(4n) .date-display-single, .news-view .view-content .views-row:nth-child(4n) .date-display-interval { background: #1E5288; } .news-view .view-content .views-row:nth-child(2n+1) .date-display-single, .news-view .view-content .views-row:nth-child(2n+1) .date-display-interval { background: #8B0015; } .news-view .view-content .views-row:nth-child(4n+1) .date-display-single, .news-view .view-content .views-row:nth-child(4n+1) .date-display-interval { background: #006166; } .news-view .view-content .views-row:nth-child(4n) .views-field-title a { color: #1E5288; } .news-view .view-content .views-row:nth-child(2n+1) .views-field-title a { color: #8B0015; } .news-view .view-content .views-row:nth-child(4n+1) .views-field-title a { color: #006166; } /*===================== New Events ======================*/ .events-view .view-content { display: flex; flex-wrap: wrap; margin: 0 -10px; } .events-view .view-content .views-row { flex: 0 0 33.33%; box-sizing: border-box; padding: 10px; position: relative; overflow: hidden; } /* events image */ .events-view .view-content .views-row .image-wrapper { position: relative; } .events-view .view-content .views-row .image { background: #0c234b; overflow: hidden; } .events-view .view-content .views-row .image img { display: block; opacity: 1; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transform: scale3d(1,1,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .events-view .view-content .views-row .image a { z-index: 1; } /* events date */ .events-view .view-content .views-row .date { position: absolute; top: 10px; left: 10px; border: 1px solid transparent; width: 34px; padding: 12px 10px; /* background: rgba(0, 0, 0, 0.62);*/ color: #fff; font-family: MiloMedItal; text-transform: uppercase; line-height: .9; text-align: center; z-index: 1; } /* events title */ .events-view .view-content .views-row .views-field-title { display: flex; min-height: 100px; align-items: center; padding: 15px 15px 20px 15px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; position: absolute; bottom: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); z-index: 1; /* stop wiggles */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: grayscale(1%); } .events-view .view-content .views-row .views-field-title:after { content: ""; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 15px 15px 15px 15px; position: absolute; left: 25px; bottom: 0; } .events-view .view-content .views-row .views-field-title a { text-transform: uppercase; font-family: MiloBold; line-height: 1; display: block; font-size: 1.3em; color: #0c234b; position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; } /* events body */ .events-view .view-content .views-row .views-field-body { color: #595959; padding: 15px; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; } /* read more */ .events-view .view-content .views-row .views-field-view-node { text-transform: uppercase; font-family: MiloBold; font-size: .9em; text-align: right; border-top: 1px solid #eef1f1; margin-top: 25px; padding-top: 10px; } .events-view .view-content .views-row .views-field-view-node a:hover { text-decoration: none; -webkit-transition: opacity .2s ease-in-out 0s; opacity: .8; } .events-view .view-content .views-row .views-field-view-node a:after { content: " \f0da \f0da"; padding-left: 3px; font-family: 'FontAwesome'; } .events-view .view-content .views-row .views-field-view-node a { transform: scale3d(0,10px,0); } /* hover styles */ .events-view .view-content .views-row .views-field-title a:hover, .events-view .view-content .views-row .views-field-title a:focus { text-decoration: none; } .events-view .view-content .views-row:hover .views-field-title, .events-view .view-content .views-row:focus .views-field-title { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } .events-view .view-content .views-row:hover .views-field-title a, .events-view .view-content .views-row:focus .views-field-title a { color: #fff!important; } .events-view .view-content .views-row:hover .views-field-body, .events-view .view-content .views-row:focus .views-field-body { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } .events-view .view-content .views-row:hover .image img, .events-view .view-content .views-row:focus .image img { opacity: .1; } /* -- multi colors -- */ /* date*/ .events-view .view-content .views-row .date { background: rgba(12, 34, 75, 0.85); transition: all .3s ease-in-out 0s; } .events-view .view-content .views-row:hover .date { background: transparent!important; border-color: #fff; } .events-view .view-content .views-row:nth-child(4n) .date { background: rgba(30, 81, 136, 0.85); } .events-view .view-content .views-row:nth-child(2n+1) .date { background: rgba(139, 0, 20, 0.85); } .events-view .view-content .views-row:nth-child(4n+1) .date { background: rgba(0, 97, 102, 0.85); } /* image background */ .events-view .view-content .views-row:nth-child(4n) .image { background: rgba(30, 81, 136, 1); } .events-view .view-content .views-row:nth-child(2n+1) .image { background: rgba(139, 0, 20, 1); } .events-view .view-content .views-row:nth-child(4n+1) .image { background: rgba(0, 97, 102, 1); } /* text field */ /*.events-view .view-content .views-row:nth-child(2n+1) .views-field-title a { color: rgba(139, 0, 20, 1); } .events-view .view-content .views-row:nth-child(4n+1) .views-field-title a { color: rgba(0, 97, 102, 1); } .events-view .view-content .views-row:nth-child(4n) .views-field-title a { color: rgba(30, 81, 136, 1); }*/ /* events footer */ .events-view .view-footer a { text-transform: uppercase; font-family: MiloBold; display: block; text-align: center; font-size: .9em; margin-top: 20px; } .events-view .view-footer a:after { } /* event highlight */ .event-highlight .view-content { display: block!important; margin-bottom: 50px; width: 100%; position: relative; z-index: 0; } .event-highlight .view-content .views-row { box-sizing: border-box; padding: 10px; position: relative; overflow: hidden; display: flex; } /* events image */ .event-highlight .view-content .views-row .image { background: transparent!important; overflow: hidden; } .event-highlight .view-content .views-row .image img { display: block; opacity: 1; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; width: 100%; } .event-highlight .view-content .views-row .image a { z-index: 1; } /*.event-highlight .view-content .views-row .image a:before { content: "Read More"; display: block; position: absolute; z-index: 100!important; left: 25%; transform: translateX(-50%); top: 50%; text-transform: uppercase; font-family: MiloXBold; opacity: 0; padding: 10px 20px; background: #ab0520; color: #fff; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; }*/ /* content */ .event-highlight .view-content .views-row .content { flex: 1 0 50%!important; position: relative; padding: 45px 0 0 45px; box-sizing: border-box; } .event-highlight .view-content .views-row .date-title { display: flex; align-items: center; } /* events date */ .event-highlight .view-content .views-field-field-event-date { margin-right: 15px; } .event-highlight .view-content .views-row .date { position: relative; display: block; background: transparent!important; color: #000; border: 1px solid #000; top: 0; left: 0; font-family: MiloItalic; } .event-highlight .view-content .views-row:hover .date { border-color: #000; } /* events title */ .event-highlight .view-content .views-row .views-field-title { display: block; min-height: auto!important; align-items: center; padding: 0; /*margin-bottom: 20px;*/ -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; position: relative!important; bottom: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); z-index: 1; } .event-highlight .view-content .views-row .date-title:before { content: ""; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 15px 15px 15px 0px; position: absolute; left: calc(-15px); -webkit-transition: all .5s ease-in-out 0s!important; -moz-transition: all .5s ease-in-out 0s!important; /*left: calc(-115px - 45px) !important; border-width: 115px 115px 115px 0px;*/ } .event-highlight .view-content .views-row .views-field-title:after { display: none!important; } .event-highlight .view-content .views-row .views-field-title a { text-transform: uppercase; font-family: MiloBold; line-height: 1; display: block; font-size: 1.6em; color: #333!important; position: relative; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; } /* events body */ .event-highlight .view-content .views-row .views-field-body { color: #595959; font-family: MiloWeb; font-size: 1.1em; padding: 0; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); overflow: hidden; margin-top: 20px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; } /* hover styles */ .event-highlight .view-content .views-row .views-field-title a:hover { text-decoration: none; opacity: .8; color:#0c234b!important; } .event-highlight .view-content .views-row:hover .views-field-title { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } .event-highlight .view-content .views-row:hover .views-field-title a { color: #333!important; } .event-highlight .view-content .views-row:hover .views-field-body { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } .event-highlight .view-content .views-row:hover .image img { opacity: .8; transform: scale3d(1.05,1.05,1.05) } .event-highlight .view-content .views-row:hover .image a:before { opacity: 1; } /* Events Archive */ /* accordion display */ .events-archive-view .ui-accordion-header a:after { font-family: "FontAwesome"; content: "\f0d7"; position: absolute; right: 0; top: calc(50% - 9px); color: #003e7e; } .events-archive-view .ui-accordion-header-active a:after { content: "\f0d8"!important; } /* overriding */ .events-archive-view .ui-accordion-header { background: none; border: 0; padding: 0; border-top: 1px solid #E5EAEA; border-radius: 0; padding-top: 20px; } .events-archive-view .ui-accordion-header .ui-icon { display: none; } .events-archive-view .ui-accordion-header a { padding: 0 30px 20px 0!important; font-size: 1.2em; display: block; color: #0c234b; } .events-archive-view .ui-accordion-content { padding: 0; border: 0; } /* event styles inside accordion */ .events-archive-view .date-title { display: flex; align-items: center; margin-bottom: 25px; } /* events date */ .events-archive-view .date { display: block; width: 29px; padding: 10px 9px; background: #0c234b; color: #fff; margin-right: 15px; font-family: MiloMedItal; font-size: .8em; text-transform: uppercase; line-height: .95; text-align: center; z-index: 1; } .events-archive-view .views-row:nth-child(2n) .date { background: #1E5288; } .events-archive-view .views-row:nth-child(3n) .date { background: #8B0015; } .events-archive-view .views-row:nth-child(4n) .date { background: #006166; } /* events title */ .events-archive-view .views-field-title { line-height: 1; position: relative; top: -3px; } .events-archive-view .views-field-title a { margin: 0!important; font-size: 1em; font-family: MiloBold; line-height: 1.1; } .events-archive-view .views-field-title a { color: #49595E; } .events-archive-view .views-field-view-node a { text-transform: uppercase; font-family: MiloBold; font-size: .9em; display: block; margin-top: 7px; } .events-archive-view .views-field-view-node a:after { font-family: "FontAwesome"; content: "\f0da \f0da"; padding-left: 5px; font-size: .9em; } /* --------- New Donate and Support Study Abroad Pages ------------ */ #content .block article .node-content .field-name-body /* allows full-width overflow, affects all nodes */ { overflow: visible; } .give-page h2 { text-transform: uppercase; color: #0c234b; } .give-page h3 { text-transform: none; color: #003e7e; } .give-page h4 { margin-bottom: 5px; } .give-page p { color: #595959; margin-bottom: 15px; } .give-page a { -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; } .give-page a:hover { text-decoration: none; opacity: .8; } /* Top Full Section */ .full-width-top { box-sizing: border-box; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 20px; position: relative; } .full-width-top img { width: 100%; display: block; } /*.full-width-top.AndrĂ© { background: #f5f5f5 url('./images/AndreDeanPhoto.jpg') no-repeat 60% center; }*/ .full-width-top .text-overlay-wrapper { background: rgba(5, 16, 36, 0.6); padding: 0 30px; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; } .full-width-top .text-overlay { width: 1280px; margin: auto; padding: 15px 30px; box-sizing: border-box; position: relative; } /*.full-width-top .text-overlay:after { content: ""; border-width: 20px 20px 20px 20px; border-color: rgba(255, 255, 255, 0.61) transparent transparent transparent; border-style: solid; position: absolute; bottom: -40px; left: calc(50% - 20px); }*/ .full-width-top .text-overlay h2 { margin: 0 0 7px 0; color: #fff; font-size: 1.7em; line-height: 1; } .full-width-top .text-overlay h3 { font-size: 1.4em; margin-top: 0; color: #fff; font-family: MiloItalic; } .full-width-top .text-overlay p { color: #fff!important; display: block; border-left: 5px solid #81D3EB; padding-left: 15px; line-height: 1.2; font-family: MiloWeb-Medium; } .full-width-top .text-overlay #links { position: absolute; right: 0; bottom: -35px; height: 35px; display: flex; align-items: center; } .full-width-top .text-overlay a { font-family: MiloBold; } .full-width-top .text-overlay p:last-child { margin-bottom: 0; } .full-width-top .videoButton { margin-left: 15px; } .full-width-top .videoButton i { font-size: 1.3em; position: relative; top: 2px; right: -5px; } .full-width-top .videoButton #contact { text-transform: none; color: #fff; font-family: MiloBold; font-weight: normal; background: #ab0520; padding: 5px 20px; display: inline-block; } /* Ways to Give */ .ways-to-give { margin-top: 50px; } .ways-to-give h2 { margin-bottom: 10px; } .ways-to-give h3 { margin-top: 0; } .ways-to-give .flex-container { display: flex; margin: 0 -20px; margin-bottom: 50px; margin-top: 40px; padding-bottom: 50px; } .ways-to-give .flex-container div { flex: 1 0 33%; padding: 20px 20px; box-sizing: border-box; } .ways-to-give .flex-container div#coh-scholarships { background: rgba(129, 210, 234, 0.2); } .ways-to-give .flex-container div#coh-scholarships p { color: #0c234b; } .ways-to-give .flex-container div#coh-scholarships p strong { text-transform: uppercase; } .ways-to-give p#donate { margin: 0; } .ways-to-give p#donate a { text-transform: uppercase; font-family: MiloBold; } .ways-to-give p#donate a:after { content: " >>"; } .ways-to-give p#learn a { text-transform: uppercase; display: inline-block; background: #ab0520; color: #fff; width: 100%; text-align: center; font-family: MiloBold; padding: 7px 30px; box-sizing: border-box; } .ways-to-give p#learn { margin-bottom: 0px; } .ways-to-give .flex-container div { display: flex; flex-direction: column; justify-content: flex-start; } .ways-to-give .flex-container div p#learn, .ways-to-give .flex-container div p#donate { margin-top: auto; } /* Dept and Center links */ .dept-center-links { display: flex; justify-content: space-between; } .dept-center-links ul { flex: 0 0 49%; padding: 0; margin: 0; } .dept-center-links ul li { padding: 0; margin-bottom: 10px; } .dept-center-links ul li a { display: block; border: 2px solid #8B0015; color: #8B0015; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: MiloBold; } .dept-center-links ul li a:hover { background: #ab0520; color: #fff; opacity: 1; } .dept-center-links ul li:before { border: 0; } /* Student Experiences */ .student-experiences { display: flex; justify-content: space-between; margin-top: 50px; margin-bottom: 50px; font-size: 18px; } .student-experiences h2 { margin-top: 0; } .student-experiences #text { flex: 0 0 65%; } .student-experiences #image { flex: 0 0 30%; text-align: center; } .student-experiences #image img { width: 100%; display: block; } .study-abroad-testimonials { border-bottom: 1px solid #b8bec0; } .study-abroad-testimonials .views-row { text-align: center; } .study-abroad-testimonials img { width: 100%; } .student-experiences #text p, .study-abroad-testimonials .views-field.views-field p, .dept-featured-alum p { font-family: MiloItalic!important; line-height: 1.5!important; font-size: 1.2em!important; color: #003e7e!important; } .student-experiences #text p span, .study-abroad-testimonials .views-field.views-field p span, .dept-featured-alum p span { font-family: MiloItalic!important; font-size: 1em!important; color: #003e7e!important; } .study-abroad-testimonials .views-field.views-field p, .dept-featured-alum p { margin-top: 15px; } .student-experiences #image h4.name, .study-abroad-testimonials .views-field.views-field-title, .dept-featured-alum h4.name { text-align: center; text-transform: uppercase; color: #003e7e; line-height: 1; margin: 15px 0 5px 0; font-family: MiloBold; } .student-experiences #image h5.program, .study-abroad-testimonials .views-field.views-field-field-testimonial-title, .dept-featured-alum h5.program { text-align: center; font-family: MiloWeb; border-bottom: 4px solid #ab0520; display: inline-block; margin: 0; color: #595959; font-size: 1em; padding-bottom: 5px; line-height: 1; } /* Give contact section */ .give-contact .block-title { text-transform: uppercase; color: #0c234b; } .contact-container { display: flex; justify-content: space-between; margin-bottom: 100px; margin-top: 30px; } .contact-container .person { display: flex; flex: 0 0 47%; } .contact-container .person .image { flex: 0 0 30%; padding-right: 25px; box-sizing: border-box; } .contact-container .person .info { flex: 0 0 75%; } .contact-container .person h2 { margin-top: 0; margin-bottom: 0; color: #0c124b; font-size: 1.4em; } .contact-container .person h3 { border-bottom: 1px solid #eef1f1; margin-bottom: 15px; padding-bottom: 15px; font-size: 1em; margin-top: 0; color: #003e7e; } .contact-container .person p { margin-bottom: 0; } /* Full Width Image Quote Bottom */ .full-width-bottom { background: #f5f5f5 url('./images/SperkaOChileSized.jpg') no-repeat center center; background-attachment: fixed; background-size: cover; /*position: absolute;*/ padding: 160px 30px; box-sizing: border-box; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-bottom: -40px; } .full-width-bottom .text-overlay { width: 1280px; padding: 0 30px; box-sizing: border-box; margin: auto; position: relative; } .full-width-bottom #quote { font-family: MiloItalic; line-height: 1.8; font-size: 1.3em; color: #fff; } .full-width-bottom #name { text-transform: uppercase; font-family: MiloBold; color: #fff; } .full-width-bottom a.button { background: #ab0520; color: #fff; display: inline-block; margin-top: 40px; padding: 3px 20px; } .full-width-bottom a.button:hover { opacity: .8!important; } /* Support Study Abroad Page */ .give-page.support-study-abroad .highlight p { line-height: 1.5; font-size: 1.5em; } .give-page.support-study-abroad .flex-wrapper { display: flex; margin: -20px; } .give-page.support-study-abroad .flex-wrapper p { padding: 20px; line-height: 1.5; } .give-page.support-study-abroad .full-width.tour-360 { background: #f5f5f5 url('./images/WorldMapImage30.jpg') no-repeat center; /* default */ background-size: cover; /*position: absolute;*/ padding: 5px 30px; box-sizing: border-box; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 20px; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper { width: 1280px; margin: auto; padding: 0 30px; box-sizing: border-box; display: flex; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text { position: relative; display: flex; flex-direction: column; flex: 0 0 33%; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text h2 { font-size: 1.8em; width: 130%; margin-top: 40px; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text #tour-text { width: 130%; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text a.button { background: #ab0520; color: #fff; display: inline-block; margin-top: 60px; padding: 3px 30px; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text a.button:hover { opacity: .8!important; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .images { display: flex; flex-wrap: wrap; justify-content: flex-end; flex: 0 0 66%; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .images p { flex: 0 0 50%; margin: 0; padding: 3px; box-sizing: border-box; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .images p img { display: block; width: 100%; height: 100%; } .give-page.support-study-abroad .scholarships a.button { padding: 7px 30px; font-size: .8em; } .give-page.support-study-abroad .scholarships a.button:hover { opacity: 1!important; } /* Support Study Abroad */ .scholarships h2 { margin-top: 50px; font-size: 1.3em; color: #1E5288!important; } .scholarships ul { padding-left: 20px; margin-bottom: 5px; } .scholarships ul li { padding-bottom: 15px; } /*.scholarships ul li:before { border: 0; }*/ p.kd { border-left: 3px solid #1E5288; padding-left: 20px; } .give-page .scholarships p.toggler.learn-more + div { padding: 20px 25px; } .give-page .scholarships p.toggler.learn-more + div h4 { margin-top: inherit; } .give-page .scholarships p.toggler + div { padding: 35px; } .give-page .scholarships h4 { margin-top: 40px; } /* thank you donors videos */ .thank-you-donors div { text-align: center; } .thank-you-donors div img { width: 180px; } @media only screen and (max-width: 1280px) { .full-width-top .text-overlay, .full-width-bottom .text-overlay, .give-page.support-study-abroad .full-width.tour-360 .content-wrapper { width: 100%!important; } .give-page.support-study-abroad .full-width.tour-360, .give-page.support-study-abroad .full-width.tour-360 .content-wrapper { padding: 0; } /* .full-width-top.AndrĂ© { background-position: 57% center!important; background: #f5f5f5 url('./images/AndreDeanTabletPhoto.jpg') no-repeat center center; }*/ .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text a.button { margin-top: 20px; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text #tour-text, .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text h2 { width: 100%; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper { align-items: center; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .text { flex: 0 0 50%; padding: 30px; box-sizing: border-box; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .images { display: block; flex: 0 0 50%; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .images p { } .view-donor-testimonials .slick-slider p { margin-bottom: 10px; } .view-donor-testimonials .slick-slider .slick-dots { padding-bottom: 15px; } } @media only screen and (max-width: 768px) { .give-contact .block-title { text-align: center; font-size: 1.7em; margin-top: 70px; } .contact-container { display: block; margin: 30px 0; margin-bottom: 70px; } .contact-container .person { margin-bottom: 30px; } .full-width-top .text-overlay-wrapper { position: relative; background: #0c234b url('./images/WorldMapImage30.jpg') no-repeat center; background-size: cover; padding: 0; } .full-width-top .text-overlay { padding: 50px 50px 50px 50px; background: rgba(5, 16, 36, 0.85); } .full-width-top .text-overlay p { display: block; } .full-width-top .text-overlay #links { position: relative; display: block; width: 100%; text-align: center; top: 0; bottom: 0; height: auto; margin-top: 20px; } .full-width-top .text-overlay #links .highlight-link { text-align: left; margin-bottom: 20px; } .full-width-top .text-overlay #links .highlight-link a { line-height: 1.2; padding-bottom: 5px; display: inline-block; color: #fff; margin-bottom: 10px; border-bottom: 1px solid #fff; } .full-width-top .text-overlay #links .highlight-link a:after { font-family: "FontAwesome"; content: "\f0da"; padding-left: 5px; position: relative; top: 1px; } .full-width-top .text-overlay #links .videoButton { float: none; display: block; margin-left: 0; } .full-width-top .text-overlay #links a#contact { display: block; width: 100%; box-sizing: border-box; } .full-width-top .messagepop { width: calc(100% + 40px); } .full-width-bottom { background-attachment: scroll; background-position: 0px 0px; padding: 0px; } .full-width-bottom .text-overlay { background: rgba(0, 0, 0, 0.4); padding: 80px 30px; text-align: center; } .full-width-bottom #quote { } .full-width-bottom #name { margin: 0; } .ways-to-give .flex-container { display: block; } .ways-to-give .flex-container div { margin-top: 30px; } .ways-to-give .flex-container div p#learn a { width: auto; font-size: .9em; margin-bottom: 15px; } .dept-center-links { display: block; } .student-experiences { display: block; } .student-experiences #text { text-align: center; } .student-experiences #image { width: 250px; margin: auto; } /* give study abroad page */ .give-page.support-study-abroad .flex-wrapper { display: block; margin: 0; } .give-page.support-study-abroad .flex-wrapper p { padding: 0; } .view-donor-testimonials .slick-slider { width: 100%!important; margin: auto!important; } .view-donor-testimonials .slick-slider .slick-dots { padding-bottom: 40px; } .thank-you-donors > div { border-bottom: 1px solid #E2E9EB; margin-bottom: 35px; } .thank-you-donors > div:last-child { border-bottom: 0; } } @media only screen and (max-width: 520px) { .student-experiences #image { width: 100%; } .full-width-top { background-position: 70% 0; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper { display: block; } .give-page.support-study-abroad .full-width.tour-360 .content-wrapper .images p { padding: 0; } } /* --- */ /* Highlight Node Page */ .node-type-highlight .node-content { display: flex; margin-top: 20px; } .node-type-highlight .node-content .field-name-body { flex: 0 0 55%; padding-right: 50px; box-sizing: border-box; } .node-type-highlight .node-content .group-media { flex: 0 0 45%; border-left: 1px solid #81D3EB; padding-left: 50px; box-sizing: border-box; } .node-type-highlight .node-content .group-media > .field { margin-bottom: 20px; } @media only screen and (max-width:1280px) { .node-type-highlight .node-content { display: block; } .node-type-highlight .node-content .field-name-body, .node-type-highlight .node-content .group-media { padding: 0; border: 0; } } /* --------- Department Give Pages ------------ */ .dept-featured-alum { text-align: center; margin-bottom: 80px; margin-top: 10px; } .ways-to-give .dept-funds { padding-bottom: 50px; margin-bottom: 20px; border-bottom: 1px solid #eef1f1; } .ways-to-give .dept-funds .row { display: flex; border-bottom: 1px solid #eef1f1; padding: 40px 0; justify-content: space-between; margin: 0px -20px; } .ways-to-give .dept-funds .row > div { flex: 0 0 33.33%; padding: 0 20px; box-sizing: border-box; } .ways-to-give .dept-funds .row > div:nth-child(-n + 2) { border-right: 1px solid #81D3EB; box-sizing: border-box; } .ways-to-give .dept-funds .row:last-child { border-bottom: 0; } .dept-contact { display: flex; margin-top: 50px; justify-content: space-between; margin-bottom: 50px; } .dept-contact > div { flex: 0 0 45%; } @media only screen and (max-width:980px) { .ways-to-give .dept-funds .row { display: block; margin: 0; padding: 0; border: 0!important; } .ways-to-give .dept-funds .row > div { border-bottom: 1px solid #81D3EB; padding: 30px 0; border-right: 0!important; } .ways-to-give .dept-funds { margin-bottom: 0; border: 0; } .dept-contact { display: block; } } /* --- */ /* --------- New COH Alumni page ------------ */ /* full width header */ .alumni-page.full-width-header { background: #f5f5f5 url('./images/tinyHumanitiesAlumniDanaCrop2.jpg') no-repeat center center; background-size: cover; /*position: absolute;*/ box-sizing: border-box; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .alumni-page .text-overlay { background: rgba(0, 0, 0, 0.3); padding: 160px 30px 100px 40px; width: 50%; box-sizing: border-box; margin-left: auto; } .alumni-page .text-overlay h2 { color: #fff; letter-spacing: .07em; font-size: 2em; margin-bottom: 0; margin-top: 0; } .alumni-page .text-overlay p { color: #fff; letter-spacing: .05em; font-size: 1.1em; margin-bottom: 50px; } .alumni-page .text-overlay #contact { background: #ab0520; padding: 10px 25px; font-weight: normal; font-size: .9em; text-transform: none; } /* text and past alumni */ .alumni-page.flex-container-50 { border-bottom: 3px solid #f4ede5; } .alumni-page.flex-container-50 div { flex-basis: 50%; } .alumni-page .text-block h3 { color: #0c234b; font-size: 1.7em; letter-spacing: .02em; margin-bottom: 20px; margin-top: 50px; } .alumni-page .text-block p { line-height: 2; color: #555; padding-right: 70px; padding-bottom: 30px; } .alumni-page .past-alumni { background: #f4ede5; padding: 50px 50px; box-sizing: border-box; } .alumni-page .past-alumni h4 { margin-top: 0; font-size: 1.4em; } .alumni-page .past-alumni table { border: 0; } .alumni-page .past-alumni table tr { background: none; } .alumni-page .past-alumni table td { padding: 5px 10px 5px 0; color: #555; } /* departments */ .alumni-page #depts { display: flex; justify-content: space-between; padding: 0; } .alumni-page #depts div { flex: 0 0 49%; padding: 0; margin: 0; } .alumni-page #depts li { padding: 0; margin-bottom: 10px; list-style: none; } .alumni-page #depts li a { display: block; border: 2px solid #0c234b; color: #0c234b; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: MiloBold; } .alumni-page #depts li a:hover { background: #0c234b; color: #fff; opacity: 1; } /* alumni story */ .alumni-page .alumni-story { display: flex; justify-content: space-between; margin: 50px 0; } .alumni-page .alumni-story div { flex: 0 0 49%; } .alumni-page .alumni-story div:first-child { text-align: center; } .alumni-page .alumni-story div:last-child p { line-height: 1.7; color: #555; padding-bottom: 30px; width: 70%; margin-bottom: 0px; } .alumni-page .alumni-story div h3 { text-transform: none; position: relative; font-size: 1.5em; } .alumni-page .alumni-story div h3:after { content: ""; border-color: transparent transparent transparent #81D3EB; border-style: solid; border-width: 13px; top: 3px; position: absolute; margin-left: 30px; } .alumni-page .alumni-story .button { background: #ab0520; color: #fff; } .alumni-page .alumni-story .button:hover { background: #8d041a; } /* block info */ .alumni-page .block-info { display: flex; justify-content: space-between; } .alumni-page .block-info div { flex: 0 0 33%; background: #0c234b; padding: 15px 20px 0 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .alumni-page .block-info div h4 { margin-top: 0; color: #fff; font-size: 1.3em; margin-bottom: 10px; } .alumni-page .block-info div p { color: #fff; } .alumni-page .block-info .more { text-align: right; display: block; color: #fff; text-transform: uppercase; position: relative; padding-right: 20px; } .alumni-page .block-info .more:hover { color: #81D3EB; opacity: 1!important; } .alumni-page .block-info .more:after { content: ""; border-color: transparent transparent transparent #81D3EB; border-style: solid; border-width: 6px; position: absolute; top: 6px; right: 0; } .alumni-page .block-info #connect, .alumni-page .block-info #bear-down { background: #ab0520; } .alumni-page .block-info #connect img { width: 70%; } .alumni-page .block-info p#img { text-align: center; margin-bottom: 0; } @media only screen and (max-width:980px) { .alumni-page.full-width-header { background-position: -190px 0px; } .alumni-page.flex-container-50 { display: block; } .alumni-page .alumni-story div:last-child p { width: 100%; } .alumni-page .alumni-story div h3:after { margin-left: 0; right: 0; } } @media only screen and (max-width:769px) { .alumni-page.full-width-header { background: #f5f5f5 url('./images/tinyHumanitiesAlumniDanaCrop2_769.jpg') no-repeat center center; background-size: cover; } .alumni-page .text-overlay { width: 100%; padding-right: 50%; } .alumni-page .past-alumni { padding: 30px!important; } .alumni-page .text-block p { padding-right: 0; line-height: 1.7; } /* .alumni-page .text-overlay h2, .alumni-page .text-overlay p { width: 70%; }*/ .alumni-page #depts { display: block; } .alumni-page .alumni-story { display: block; } .alumni-page .alumni-story div h3 { text-align: left; } .alumni-page .alumni-story div h3:after { border-color: #81D3EB transparent transparent transparent; right: inherit; margin-left: 20px; top: 8px; } .alumni-page .block-info { display: block; } .alumni-page .block-info div { margin-bottom: 15px; } .alumni-page .block-info p#img { width: 75%; margin: auto; } } @media only screen and (max-width:480px) { .alumni-page .text-overlay { padding-right: 25%; } } /* alumni block styles */ #block-views-alum-block-1 { margin: 80px 0 40px 0; } #block-views-alum-block-1 h2.block-title { text-transform: uppercase; color: #0c234b; font-size: 2em; margin-bottom: 60px; letter-spacing: .02em; text-align: center; } .alum-page .views-field-field-alum-image, .alum-front .views-field-field-alum-image { float: left; width: 257px; margin-right: 60px; margin-left: 30px; } .alum-page .views-field-field-alum-image img, .alum-front .views-field-field-alum-image img { border-radius: 250px; } .alum-page .views-field-title { font-family: MiloBold; font-size: 1.4em; color: #49595E; line-height:1; } .alum-page .views-field-field-alum-degree, .alum-front .views-field-field-alum-degree { margin-top: 15px; line-height: 1; } .alum-page .field-name-field-alum-fc-degree, .alum-page .field-name-field-alum-fc-major, .alum-front .field-name-field-alum-fc-degree, .alum-front .field-name-field-alum-fc-major { float: left; padding-right: 5px; font-family: MiloWeb-Medium; color: #49595E; } .alum-page .field-name-field-alum-fc-year, .alum-front .field-name-field-alum-fc-year { float: left; font-family: MiloBold; color: #49595E; } .alum-page .field-name-field-alum-fc-year .field-item:after, .alum-front .field-name-field-alum-fc-year .field-item:after { content: ","; font-family: MiloWeb; } .alum-page .field-collection-item-field-alum-degree:last-child .field-name-field-alum-fc-year .field-item:after, .alum-front .field-collection-item-field-alum-degree:last-child .field-name-field-alum-fc-year .field-item:after { content: ""; } .alum-page .field-collection-item-field-alum-degree, .alum-front .field-collection-item-field-alum-degree { display: inline-block; } .alum-page .views-field-field-alum-job-title, .alum-front .views-field-field-alum-job-title { display: inline-block; color: #49595E; font-size: 1.4em; font-family: MiloLight; line-height: 1.1; padding: 3px 0px; } .alum-page .views-field-field-alum-institution .field-content:before, .alum-front .views-field-field-alum-institution .field-content:before { content: "|"; padding-right: 7px; padding-left: 3px; font-family: MiloLight; } .alum-page .views-field-field-alum-institution, .alum-front .views-field-field-alum-institution { color: #49595E; font-size: 1em; font-family: MiloXBold; display: inline-block; text-transform: uppercase; position: relative; top: -1px; line-height: 1.1; padding: 3px 0; } .alum-page .views-field-field-alum-bio, .alum-front .views-field-field-alum-bio { color: #333; margin-top: 15px; font-size: 1.1em; overflow: hidden; padding-bottom: 20px; } .alum-page .views-more-link, .alum-front .views-more-link { text-transform: uppercase; font-family: MiloBold; } .alum-page .views-more-link:after, .alum-front .views-more-link:after { content: " \00bb"; } @media only screen and (max-width:769px) { /* alum */ .alum-page .views-field-field-alum-image, .alum-front .views-field-field-alum-image { float: none; width: 100%; margin: auto; margin-bottom: 30px; } .alum-page .views-field-field-alum-image img { width: 320px; } .alum-page .views-field-field-alum-image img, .alum-front .views-field-field-alum-image img { margin: auto; } .views-exposed-form { max-width: 100%!important; } .alum-page, .alum-front { text-align: center; } .alum-page .views-field-field-alum-job-title, .alum-page .views-field-field-alum-institution, .alum-front .views-field-field-alum-job-title, .alum-front .views-field-field-alum-institution { display: block!important; } .alum-page .views-field-field-alum-institution .field-content:before, .alum-front .views-field-field-alum-institution .field-content:before { content: ""; } } /* --- News Ticker styles (on alumni page and research page) --- */ .news-ticker { margin-bottom: 70px; } .news-ticker .block-title { text-transform: uppercase; color: #0c234b; margin: 70px 0 20px 0; font-size: 2em; } .news-ticker .views-row a { color: #49595E; display: block; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; position: relative; line-height: 1.2; font-size: 1.1em; } .news-ticker .views-row:last-child a { border: 0; } .news-ticker .views-row a:after { content: ""; border-color: transparent transparent transparent #ab0520; border-style: solid; border-width: 6px; position: absolute; top: 6px; margin-left: 10px; } @media only screen and (max-width:769px) { .news-ticker .views-row a { padding-right: 20px; } .news-ticker .views-row a:after { margin-left: 0; right: 0; } } /* --- */ /******* Holiday Card ********/ .page-node-3187 #page-title { display: none; } .page-node-3187 .node-content { display: flex; flex-direction: column-reverse; margin-top: -33px; } .node-type-project .image-360-block div, .node-type-project .image-360-block div canvas { width: 100%!important; } .page-node-3187 .field-name-field-image-360 figure, .page-node-3187 .field-name-field-image-360 figure div, .page-node-3187 .field-name-field-image-360 figure div div, .page-node-3187 .field-name-field-image-360 figure div div div, .page-node-3187 .field-name-field-image-360 figure div div div canvas { width: 100%!important; height: 542px!important; font-family: MiloItalic; } .page-node-3187 .field-name-field-image-360 { position: relative; } .field-name-field-image-360:after { position: absolute; content: "Click and drag photo to explore"; font-family: MiloWeb-Medium; color: #fff; top: 20px; left: 20px; font-size: .9em; } @media only screen and (max-width: 520px) { .page-node-3187 .field-name-field-image-360 figure, .page-node-3187 .field-name-field-image-360 figure div, .page-node-3187 .field-name-field-image-360 figure div div, .page-node-3187 .field-name-field-image-360 figure div div div, .page-node-3187 .field-name-field-image-360 figure div div div canvas { height: 320px!important; } } /******* ed north feature ********/ .ednorth-feature { background: #f5f5f5 no-repeat center center; background-attachment: fixed; background-size: cover; /* position: absolute; */ box-sizing: border-box; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-bottom: -40px;} .ednorth-flex{ display: flex; flex-direction: row; max-width: 1080px; margin-left: auto; margin-right: auto; } .ednorth-col1{ order:1; width:50%; max-height: 350px;} .ednorth-col1 img{ max-height: 350px;} .ednorth-col2{ order:2; width:50%; padding: 20px; box-sizing: border-box; margin-top: auto; margin-bottom: auto; margin-left: 30px;} .ednorth-col2 p:last-child { margin-bottom: 0; } .ednorth-title h1 { color: #0c234b; font-size: 2.5em; margin-bottom: 0; margin-top: 0; padding-bottom: 0; line-height: 1.1; } .ednorth-title h3 { margin-top: 0; color: #003e7e; } .ednorth-feature a.button { border: 0; padding: 0; } .ednorth-feature a.button:after { content: " >>"; } .ednorth-feature a.button:hover { background: none; opacity: .8!important; color: #ab0520; } /* =============================================== * COH Faculty Awards page + view * =============================================== */ /* node content */ .faculty-awards-node-text img { display: block; } .faculty-awards-node-text { display: flex; align-items: center; background: #0c234b; margin-bottom: 7px; } .faculty-awards-node-text div:first-child { flex: 0 0 38%; padding: 15px 30px; box-sizing: border-box; } .faculty-awards-node-text div:first-child p { color: #fff; margin-bottom: 0; line-height: 1.6!important; } .faculty-awards-node-text div:last-child { flex: 0 0 62%; } /* --- Highlight view (orig. from WSIP) --- */ .faculty-awards-highlight { display: flex; flex-wrap: wrap; width: 80%; margin: auto; padding: 10px 0 50px 0; min-height: 350px; } .faculty-awards-highlight div.view-header { width: 38%; } .faculty-awards-highlight div.view-content { width: 62%; } .faculty-awards-highlight div.view-footer { flex: 0 0 100%; } .faculty-awards-highlight-block { /*background: rgba(129, 210, 234, 0.15);*/ background: url("./images/tinyCOHawardsBannerImageCrop.jpg") no-repeat; margin-top: 100px; background-position: 0px 0px; background-size: cover; /* full width */ box-sizing: border-box; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; } /* .faculty-awards-highlight-block .view-content { width: 70%; margin: auto; }*/ .faculty-awards-highlight-block .block-inner { margin: 0; } .faculty-awards-highlight-block h2 { font-weight:normal; font-family: MiloThin; font-size: 2.7em!important; text-transform: uppercase; color: #333; letter-spacing: 1px; padding-top: 0px; padding-bottom: 0px; line-height: .9; margin-top: 50px; text-align: left; margin-bottom: 0; /* width: 70%; margin: auto; height: 0; position: relative; top: -47px;*/ } .faculty-awards-highlight .views-row { box-sizing: border-box; position: relative; padding: 30px 10px; margin-bottom: 0px; padding-top: 50px; opacity: .9; -webkit-transition: opacity .3s ease-in-out 0s; -moz-transition: opacity .3s ease-in-out; display: flex; justify-content: space-between; } .faculty-awards-highlight .slick-track { margin: auto; } .faculty-awards-highlight .views-row:hover { opacity: 1; } .faculty-awards-highlight .views-row img { width: 100%; } .faculty-awards-highlight .views-row .content-wrapper { flex: 0 0 70%; } .faculty-awards-highlight .views-row .views-field-field-award-image { flex: 0 0 25%; } .faculty-awards-highlight .views-row .views-field-field-award-profile-link { padding: 0; } .faculty-awards-highlight .views-row .views-field-field-award-profile-link { font-size: 1.6em; line-height: 1.1; font-family: MiloBold; color: #003e7e; display: block; margin-bottom: 0px; } .faculty-awards-highlight .views-row .views-field-field-award-profile-link a { line-height: 1.1; font-family: MiloBold; color: #003e7e; display: block; margin-bottom: 0px; } .faculty-awards-highlight .views-row .views-field-title a:hover { text-decoration: none; opacity: 1!important; } .faculty-awards-highlight .views-row .views-field-field-award-department { padding: 0; text-transform: none; color: #000; border-radius: 2px; display: block; font-size: .95em; font-family: MiloBold; text-transform: uppercase; line-height: 1.1; margin-bottom: 12px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .views-field-field-awards .content > div { display: inline-block; } .faculty-awards-highlight .views-row .views-field-field-award-description { font-size: 1em!important; color: #333; line-height: 1.4; padding: 15px 0px 10px 0px; position: relative; overflow: hidden; } .faculty-awards-highlight .views-row .views-field-field-award-news-article { margin-left: 5px; text-transform: uppercase; font-size: .9em; display: block; width: 100%; } .faculty-awards-highlight .view-footer p { text-align: center!important; margin: auto!important; padding-bottom: 20px; padding-top: 20px; border-top: 1px solid rgba(0, 64, 127, 1); } .faculty-awards-highlight .view-footer p a { text-transform: uppercase; font-size: .9em; color: rgba(0, 64, 127, 1); } .faculty-awards-highlight .view-footer p a:after { content: " \25B8"; font-family: Arial; } .faculty-awards-highlight .view-footer p a:hover { color: #ab0520; } .faculty-awards-highlight .view-footer p a:last-child { padding: 0 10%; } .faculty-awards-highlight .slick-prev:before, .faculty-awards-highlight .slick-next:before, .faculty-awards-highlight .slick-prev:focus:before, .faculty-awards-highlight .slick-next:focus:before { font-size: 60px; color: rgba(0, 64, 127, 1)!important; } .faculty-awards-highlight .slick-prev:hover:before, .faculty-awards-highlight .slick-next:hover:before { font-size: 60px; color: #0c234b!important; } .faculty-awards-highlight .slick-dots { position: relative; top: 0px; padding-left: 0; } /* view of all award winners */ .faculty-awards-block { margin-top: 50px; } .faculty-awards-block h2.block-title { text-transform: uppercase; font-size: 1.8em; } .faculty-awards .views-exposed-widgets { margin-bottom: 30px; } .faculty-awards .form-item-combine input { width: 100%; font-family: MiloWeb; font-size: 1.3em; padding: 7px; box-sizing: border-box; } .faculty-awards #edit-field-award-category-value, .faculty-awards #edit-field-award-type-value { display: flex; } .faculty-awards #edit-field-award-category-value > div, .faculty-awards #edit-field-award-type-value > div { margin-right: 25px; } .faculty-awards .views-submit-button, .faculty-awards .views-reset-button { width: auto; display: inline; padding-right: 5px; margin-top: 10px; font-size: .85em; } .faculty-awards .views-row { margin-bottom: 30px; } .faculty-awards .field-items, .faculty-awards .field-content { color: #333; } .faculty-awards .views-field-field-award-profile-link { font-family: MiloBold; font-weight: normal; font-size: 1.3em; color: #333; display: block; line-height: 1; } .faculty-awards .views-field-field-award-profile-link a { color: #333; display: block; line-height: 1; } .faculty-awards .views-field-field-award-profile-link a:hover { color: #0C234B; } .faculty-awards .views-field-field-awards { margin-top: 5px; } .view-award-winners .field-name-field-award-received .field-item:after, .view-award-winners .field-name-field-award-type .field-item:after { content: "|"; margin-left: 5px; padding-right: 5px; } .view-award-winners .field-name-field-award-year, .view-award-winners .field-name-field-award-year span { padding-right: 5px; } .view-award-winners .field-name-field-award-year .field-items { display: flex; } .faculty-awards .views-field-field-award-department { font-family: MiloBold; text-transform: uppercase; font-size: .9em; } .view-award-winners .field-name-field-award-received { font-family: MiloItalic; } .view-award-winners .views-field-field-awards li { padding-bottom: 0!important; } .faculty-awards .views-field-field-award-description { font-size: 1.1em; margin-left: 40px; line-height: 1.3; } /* responsive */ @media only screen and (max-width: 1280px) { .faculty-awards-highlight-block { background: rgba(129, 210, 234, 0.1); /*background: url("images/keyboard-1280.png") no-repeat;*/ } .faculty-awards-highlight .view-footer p { margin-top: 30px!important; width: 100%; } .faculty-awards-highlight-block .view-content, .faculty-awards-highlight-block h2 { width: 100%; box-sizing: border-box; margin: auto; } .faculty-awards-highlight-block h2 { text-align: center; } .faculty-awards-highlight { display: block; width: 100%; padding: 50px 30px; box-sizing: border-box; } .faculty-awards-highlight div.view-header { width: 100%; } .faculty-awards-highlight div.view-content { width: 100%; padding: 0; } .faculty-awards-highlight .view-empty { width: auto; } .faculty-awards-highlight .view-empty .flex-column-1-1 { height: auto; text-align: center; } .faculty-awards-highlight .view-empty h2 { margin-bottom: 20px!important; } } @media only screen and (max-width: 768px) { .faculty-awards-highlight-block { /*background: rgba(129, 210, 234, 0.15);*/ /*background: url("images/keyboard-768.png") no-repeat;*/ } .faculty-awards-highlight .views-row .views-field-field-award-image { width: 25%!important; } .faculty-awards-node-text { display: block; } .faculty-awards-node-text div:first-child { padding: 20px 30px; } .faculty-awards-node-text div:first-child p { line-height: 1.2!important; } .faculty-awards .views-field-field-awards .content > div, .faculty-awards #edit-field-award-category-value, .faculty-awards #edit-field-award-type-value { display: block; } .faculty-awards .field-name-field-award-term, .faculty-awards .field-name-field-award-year { display: inline-block!important; } .faculty-awards .field-name-field-award-received .field-item:after { content: ""; margin-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 520px) { .faculty-awards-node .caption { position: relative; } .faculty-awards-highlight-block { /*background: rgba(129, 210, 234, 0.15);*/ /*background: url("images/keyboard-520.png") no-repeat;*/ } .faculty-awards-highlight .views-row .views-field-field-award-image { float: none; padding: 0 0 15px 5px; width: 150px!important; } } @media only screen and (max-width: 580px) { /* .faculty-awards-highlight-block h2 { font-size: 2.5em!important; top: -40px; } .faculty-awards-highlight .view-footer p { display: block; border: 0; } .faculty-awards-highlight .view-footer p a { display: block; } .faculty-awards-highlight .view-footer p a:first-child { border-right: 0; }*/ } /*** Faculty Books ***/ .faculty-books .view-content .view-grouping-header { font-family: MiloLightItal; font-size: 2em; margin-top: 40px; line-height: 1.1; color: #49595E; text-transform: uppercase; } .faculty-books .view-content .view-grouping-content { display: flex; flex-wrap: wrap; justify-content: space-between; } .faculty-books.no-image .view-grouping-content { display: block; } .faculty-books .view-content .views-row { flex: 0 0 48%; display: flex; padding: 30px 0; border-bottom: 1px solid #0c234b; } .faculty-books.no-image .view-content .views-row { border: none; display: block; padding: 15px 0; } .faculty-books .view-content h3 { flex: 0 0 100%; margin-bottom: 0; } .faculty-books.no-image .view-content h3 { /*border-bottom: 1px solid #0c234b;*/ } .faculty-books .view-content .views-row > .image { flex: 0 0 20%; margin-right: 15px; } .faculty-books .view-content .views-row > .content { flex: 0 0 calc(80%-15px); } /* name/dept */ .faculty-books .field-name-field-book-author-name { font-family: MiloBold; font-size: 1.1em; color: #49595E; } .faculty-books.no-image .field-name-field-book-author-name .field-item:after { content: ","; position: relative; left: -4px; } .faculty-books .views-field-field-book-author { margin-bottom: 7px; } .faculty-books.no-image .views-field-field-book-author .content { display: flex; align-items: center; } .faculty-books .field-name-field-book-department { text-transform: uppercase; font-family: MiloBold; font-size: .85em; color: #49595E; } .faculty-books.no-image .field-name-field-book-department { text-transform: none; font-size: 1.1em; font-family: MiloWeb; } /* book title + publisher */ .faculty-books .views-field-title h2 { color: #0c234b; font-size: 1.2em; margin-bottom: 0; } .faculty-books.no-image .views-field-nothing { font-size: 1.1em; line-height: 1.1; color: #0c234b; padding-bottom: 5px; display: block; font-family: MiloBold; } .faculty-books.no-image .views-field-nothing em { font-family: MiloBoldItal; } .faculty-books .views-field-field-book-publisher, .faculty-books .views-field-field-book-journal-title { font-family: MiloItalic; color: #49595E; } .faculty-books .views-field-field-book-link-to-publisher, .faculty-books .views-field-field-book-link-to-article { text-transform: uppercase; font-size: .85em; } .faculty-books .pager { margin: 50px 0; } /* front page books feature */ .books-feature-block h2.block-title { font-family: MiloLight; text-transform: uppercase; font-size: 2em; border-bottom: 1px solid #49595E; padding-bottom: 10px; } .books-feature-block h2.block-title:after { /*font-family: "FontAwesome"; content: " \f19d";*/ background: url('images/facultyBooksIcon.png') no-repeat left top; background-size: 100%; width: 40px; height: 40px; display: inline-block; content: ""; position: relative; bottom: -5px; margin-left: 10px; } .books-feature-block .faculty-books .views-row { border: 0; padding-bottom: 0; } .books-feature-block .faculty-books .view-footer { position: relative; padding-top: 0px; border-top: 1px solid #0c234b; margin-top: 40px; text-transform: uppercase; } .books-feature-block .faculty-books .view-footer:before { font-family: "FontAwesome"; content: "\f0d7"; position: absolute; top: -15px; left: calc(50% - 7px); color: #0c234b; font-size: 25px; } /* Graduating block */ .graduating-block { border: 2px solid #0c234b; padding: 20px 20px 0 20px; box-sizing: border-box; } .graduating-block h2.block-title { color: #0c234b; text-transform: uppercase; margin-bottom: 20px; text-align: center; } .graduating-block h2.block-title:after { font-family: "FontAwesome"; content: " \f19d"; font-size: 1.8em; } .graduating-block a { text-transform: uppercase; font-size: .85em; } /* books-graduating wrapper */ .books-grad-wrapper { display: flex; justify-content: space-between; width: 1280px; margin: auto; margin-bottom: 70px!important; padding: 0 30px; box-sizing: border-box; } .books-feature-block { width: 60%; } .graduating-block { width: 37%; margin-bottom: 70px; display: flex; flex-wrap: wrap; align-items: center; } @media only screen and (max-width:1280px) { .books-grad-wrapper { width: 100%; } } @media only screen and (max-width:768px) { .faculty-books .view-content .view-grouping-content, .books-grad-wrapper { display: block; } .books-feature-block, .graduating-block { width: 100%; } } @media only screen and (max-width:520px) { .faculty-books .view-content .views-row { display: block; } .faculty-books .view-content .views-field-field-book-cover-image { max-width: 130px; margin-bottom: 5px; } .books-feature-block h2.block-title { line-height: 1; font-size: 1.7em; } .books-feature-block h2.block-title:after { height: 30px; width: 30px; bottom: -3px; } } /* Alert */ #block-block-38 { margin-bottom: 0; } .alert { background-color: #ab0520; padding: 30px!important; width: 100% !important; margin: auto; box-sizing: border-box; text-align: center; font-family: MiloBold; } .alert > div { width: 1280px; padding: 0 30px; box-sizing: border-box; margin: auto; display: flex; justify-content: space-between; align-items: center; } .alert p { color: #fff; margin: 0; } .alert a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 5px 10px; text-transform: uppercase; font-size: 14px; letter-spacing: .56px; margin: 0 10px; } .alert a:hover { background: #fff; color: #49595e; opacity: 1; } @media only screen and (max-width:1280px) { .alert > div { width: 100%; display: block; } .alert .buttons { margin-top: 20px; } } @media only screen and (max-width:768px) { .alert .buttons a { display: block; margin-top: 5px; } } /* Alumni banner on homecoming page with button */ .alumni-banner { background: #f5f5f5 url('./images/tinyAlumniBanner.jpg') no-repeat center; background-size: cover; padding: 25px 30px; margin: 0; } .alumni-banner p, .alumni-banner h2, .alumni-banner a { color: #fff; } .alumni-banner h2 { margin-bottom: 10px; } .alumni-banner a.button { background: #ab0520; } .alumni-banner a.button:hover { opacity: .85!important; }