/* handling extra span included in T4 navigation */ .side-navigation > ul > li > span > a { padding: 13px; border-bottom: 1px solid #e1e0e0; } .side-navigation .active span { display: block; } .side-navigation > ul > li.active > span > a { border-top: 1px solid #e1e0e0; } .side-navigation li.active > span > a { font-family: "Trade Gothic W01 Bold_2", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #9e1b32; } html.no-fontface .side-navigation li.active > span > a { font-weight: 600; } /* stop main navigation from wrapping */ .main-navigation { } /* Accordion Content Type - constrain table width to 100% */ .panel-body table { width:100% !important; } /* Announcement Content Type - constrain large images to 100% width */ .announcement.module img { max-width:100%; height:auto; } /* Event Calendar - handle additional ul/li in LW Calendar code */ .lwcw ul, .lwcw ul li { list-style:none; margin:0; padding:0; } .lwcw ul li { margin:10px 0 5px 0; } .lwcw .lw_widget_homepage .events.module a.thumbnail { margin-top:0; } .lwcw ul:last-child { margin-bottom:0; } .lwcw ul li a.thumbnail img { width:100%; height:auto; } .lw_item_thumb img{ width:initial; float: left; margin-right: 10px; } @media (min-width: 768px) { .events.module .featured-event .media-body { min-height: auto; padding-bottom: 20px; } } /* handle image width in FF tables with img-responsive class */ td .img-responsive{width:100%;} /* Grid Content Type - constrain large images to 100% width */ div[class*='grid-group'] img { max-width:100%; height:auto; } /* Fix positions for named anchors */ a[name^="d.en."], a.anchor, div[id^="d.en."] { margin-top: -115px; /* Size of fixed header */ padding-bottom: 115px; display: block; width:1px; } /* Disable fixed positions for named anchors in main-left/-right divs */ div.col-md-6 a[name^="d.en."], div.col-md-6 a.anchor, div.col-md-6 div[id^="d.en."] { margin-top: 0; padding-bottom: 0; display: block; width:1px; } /* Story content type */ /* remove p margin in custom image caption */ .image.module figcaption * p { margin-bottom:0; } /* hide ul if navigation menu has no pages */ .pagination:empty { display: none; } /* clear after 4th item in 4 column grid */ .grid4col .col-sm-3:nth-child(4n+1){ clear:left } /* float one-column Person Spotlight in a 2-column space */ .col-sm-8 .person-spotlight.module.one-column { /* one-column profile style inside two-column spaces: float left, to create a two column layout */ float: left; margin-top: 0; min-height: 140px; } .col-sm-8 .profile-spotlight-grid .person-spotlight.module.one-column:nth-child(2n+1) { clear: both; } /* styles for links in Can We, Should We */ .can-we-headline a { color:#fff; text-decoration:none !important; } .can-we-headline a:hover { color:#eee; } .can-we-box a { text-decoration:none !important; } /* divider for items in a story/news/profile list */ .news.module .media-list li.media.bordertop { border-top:1px solid #eee; padding-top:15px; } /* bootstrap glyphicon icon grid */ .scu-glyphicons { margin-top: 0px; margin-right: -10px; margin-bottom: 20px; margin-left: -10px; overflow-x: hidden; overflow-y: hidden; } .scu-glyphicon .glyphicon-class { display: block; text-align: center; word-wrap: break-word; } .scu-glyphicon { float: left; width: 20%; height: 120px; padding: 20px 10px; font-size: 12px; line-height: 1.6; text-align: center; background-color: #ededed; border: 1px solid #ffffff; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; } .scu-glyphicon a { color:#000; } .scu-glyphicon:hover { color: #ffffff; background-color: #666; } .scu-glyphicon.bg-burgundy:hover { background-color: #690521; } .scu-glyphicon.bg-cadet:hover { background-color: #3a5163; } .scu-glyphicon.bg-navy:hover { background-color: #021d52; } .scu-glyphicon.bg-teal:hover { background-color: #1d4952; } .scu-glyphicon.bg-darkgray:hover { background-color: #666; } .scu-glyphicon.bg-lightgray:hover { color:#000; background-color: #f9f9f9; } .scu-glyphicon.bg-white:hover { color:#000; background-color: #fff; } .scu-glyphicon.lightgray { background-color:#f9f9f9; } .scu-glyphicon.darkgray { color:#fff; background-color:#666; } .scu-glyphicon.burgundy { color:#fff; background-color:#690521; } .scu-glyphicon.burgundy a, .scu-glyphicon.darkgray a { color:#fff; } .scu-glyphicon:hover a { color: #ffffff; } .scu-glyphicon:hover a span { text-decoration:none; } .scu-glyphicon .glyphicon { text-align:center; font-size: 50px; } .scu-glyphicon .glyphicon-class { text-align:center; font-size:14px; } .scu-glyphicon.large { width:25%; height:140px; } .scu-glyphicon.large .glyphicon { font-size: 60px; } .scu-glyphicon.large .glyphicon-class { font-size:18px; } .scu-glyphicon.small { width:16.66%; height:110px; } .scu-glyphicon.small .glyphicon { font-size: 40px; } .scu-glyphicon.small .glyphicon-class { font-size:13px; } @media (max-width: 600px) { .scu-glyphicon { width: 33.33% !important; } } @font-face { font-family: 'canvas'; src: url('https://www.scu.edu/assets/fonts/fontello/canvas.eot?85648911'); src: url('https://www.scu.edu/assets/fonts/fontello/canvas.eot?85648911#iefix') format('embedded-opentype'), url('https://www.scu.edu/assets/fonts/fontello/canvas.woff?85648911') format('woff'), url('https://www.scu.edu/assets/fonts/fontello/canvas.ttf?85648911') format('truetype'), url('https://www.scu.edu/assets/fonts/fontello/canvas.svg?85648911#canvas') format('svg'); font-weight: normal; font-style: normal; } .icon-canvas { font-family: "canvas"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } @-moz-keyframes spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* :not(:required) hides this rule from IE9 and below */ .spinner:not(:required) { -moz-animation: spinner 1500ms infinite linear; -webkit-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%; } /* Search Results */ h2.search_title span { font-family: "BauerBodoniW01-BlackIta", Georgia, "Times New Roman", Times, serif; } html.no-fontface h2.search_title span { font-weight: 600; font-style: italic; } .search_title, .search_nav { padding: 15px; margin-bottom: 0; color: #000000; } .g_result { padding: 15px; position: relative; } .g_result p { font-size: 18px; margin-bottom: 0; } .g_result p a { color: #000000; } .g_result:before { display: block; position: absolute; top: 0; left: 0; right: 0; content: ' '; height: 1px; border-top: 1px solid #cecece; } .g_result.g_result:first { border-left: 10px solid #b30738; } .g_result.g_result:first a { color: #b30738; } .g_result.g_result:last { border: none; } @media (min-width: 768px) { .search_title, .search_nav, .g_result { padding: 15px 40px; } } .topstories-module li:first-child .media-left { width: 100%; max-width: 100%; padding: 2px 3px 15px 3px; display:block; } /* hides RSS icon on SCU home page */ .homepage #storyRSS { display:none; } div.jqcloud{overflow:hidden;position:relative}div.jqcloud span{padding:0}div.jqcloud{font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:normal}div.jqcloud a{font-size:inherit;text-decoration:none}div.jqcloud span.w10{font-size:550%}div.jqcloud span.w9{font-size:500%}div.jqcloud span.w8{font-size:450%}div.jqcloud span.w7{font-size:400%}div.jqcloud span.w6{font-size:350%}div.jqcloud span.w5{font-size:300%}div.jqcloud span.w4{font-size:250%}div.jqcloud span.w3{font-size:200%}div.jqcloud span.w2{font-size:150%}div.jqcloud span.w1{font-size:100%}div.jqcloud{color:#09f}div.jqcloud a{color:inherit}div.jqcloud a:hover,div.jqcloud span.w10,div.jqcloud span.w8,div.jqcloud span.w9{color:#666}div.jqcloud span.w7{color:#666}div.jqcloud span.w6{color:#696969}div.jqcloud span.w5{color:#696969}div.jqcloud span.w4{color:#999}div.jqcloud span.w3{color:#999}div.jqcloud span.w2{color:#c9c9c9}div.jqcloud span.w1{color:#c9c9c9} .bs-example { background:#f5f5f5 !important; } #demo, .tagcloud { margin:0 auto; width:300px; max-width:700px; height:500px; } #demo span, .tagcloud { text-shadow: 0px 1px 1px #fff; } /* corrects images sizing to 100% in list item text area */ .module .media-body img { max-width:100%; /*width:inherit;*/ height:auto; } /* handles image positioning in TinyMCE */ .img-pull-left { float: left !important; margin:0 20px 20px 0; max-width:100%; } .img-pull-right { float: right !important; margin:0 0 20px 20px; max-width:100%; } /* 12/7/16 - missing image reference for social icons content type */ .social a.scu { background-image: url(https://www.scu.edu/assets/images/icon-scu.png); background-size: cover; } /* responsive iframe video */ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* handle image sizing issue in cards */ img.card-img-top { width: 100%; } /* temporary fix for error in statcard css */ .delta-positive:after { border-bottom: 4px dashed; border-top: 0; } .hero.module .hero-body .high-contrast { padding-top:20px; } /* handling Overheard customizations requested by Alumni office - may be incorporated in overheard.css by WW */ .overheard.mod-photo.mod-vertical .overheard-caption { margin-top:25px !important; } /* tweak to add space between stacked Overheard content types in a Grid container */ .grid-item .overheard-title { margin-top: 25px !important; } .mod-black-footer-text .overheard-footer { color: #000; } .mod-white-footer-text .overheard-footer { color: #fff; } .mod-gold-footer-text .overheard-footer { color: #faba4b; } .mod-dark-red-footer .overheard-footer { background-color: #72021B; } .overheard.mod-dark-red-bg { background: #72021B; } .overheard.mod-quote.mod-bold blockquote { font-size:larger; } /* ADA compliance rule for image gallery */ .carousel-control:focus { outline: #5d87ff solid 3px; } .feature-gallery.module.two-column { max-width: 100%; height:auto; } /* corrective styles for responsive dropdown menus */ div.togglemenu { display:none; } .dropdown-menu li:first-child { display:none; } .scu-gateways .dropdown-menu li:first-child { display: block; } .main-navigation .nav-pills > li > div > a { color: #fff; } .white-nav .main-navigation .nav-pills > li > div > a { color: #b30738; } .white-nav .main-navigation .nav-pills > li.active > div > a { color: #fff; } @media (max-width: 767px) { div.togglemenu { display:block; position:absolute; top:0; left:0; width:100%; height:45px; z-index:1000; background:transparent; } div.togglemenu > a { position:absolute; top:0; left:0; text-align:right; width:100%; height:45px; z-index:10000; background:transparent; } div.togglemenu > a > span { padding:15px; } .dropdown-menu { width:100%; position:relative !important; z-index:15000; float:none; box-shadow:none; border:none; background:#eee; border-radius:none; } .dropdown-menu li:first-child { display:block; } .main-navigation .nav-pills > li:hover .dropdown-menu { display: none; } } /* Toolkit 2.0 adjustments */ .mb-0,.my-0 { margin-bottom: 0 !important; }