@charset "UTF-8"; /* CSS Document */ @import url(https://fonts.googleapis.com/css?family=Advent+Pro:400,200); .fa-fw { width: 100% !important; } #page-title h1 { font-family: "DINWeb",Arial,sans-serif !important; font-weight: normal !important; } #main-content h1 { font-family: "DINWeb",Arial,sans-serif !important; font-weight: normal !important; font-size: 32px !important; margin-bottom: 5px !important; padding-bottom: 1px; padding-top: 20px; } #main-content h2 { font-family: "DINWeb",Arial,sans-serif !important; margin-top: 5px !important; } body.default #content-wrapper-wide .text { padding: 0 !important; } body.default #content-wrapper-wide .text a { font-size: 20px !important; margin-top: 0 !important; margin-bottom: 10px; } .section-64135 #main-content h3.trigger { font-size: 18px !important; } #main-content h3.block.fcbg2 { background-color: #f6f6f6 !important; color: #333 !important; text-transform: none !important; font-family: "DINWeb",Arial,sans-serif !important; font-weight: normal !important; font-size: 28px !important; padding: 15px 10px 1px !important; } /* Homepage slider */ .homepage .contentSlider.customContainer-touch-slider { padding: 0 !important; background-color: #B70062 !important; } .homepage .contentSlider.customContainer-touch-slider .content-wrapper { width: 100% !important; } .homepage .contentSlider-img-full-width { padding: 0 !important; border: 0 none !important; margin: 0 !important; } .homepage .contentSlider-img-full-width-dropshadow { display: none !important; } .homepage .contentSlider-img-full-width .container { width: 100%; margin-bottom: 0 !important; } .homepage .contentSlider-img-full-width .container .caption-wrap { width: 1180px !important; margin-left: auto !important; margin-right: auto !important; position: relative; } .homepage .rsText-BlockCaption.left { bottom: 0 !important; left: 0 !important; width: 62.75% !important; } .homepage .rsDefault .rsBullets { display: none; } .homepage .rsText-BlockCaption p { color: #ccc !important; margin-top: 0px !important; } .homepage .rsText-BlockCaption h3 { margin-top: 10px !important; margin-bottom: 0px !important; font-family: "DINweb" !important; } .homepage .signpost-button.section-link-box { background-image: none !important; background-color: transparent !important; -webkit-border-radius: 8px; border-radius: 8px; padding: 11px 20px 8px 20px !important; border: solid 2px #666 !important; } .homepage .signpost-button.section-link-box:after { content: ">"; font-weight: 200 !important; color: #fff !important; font-family: 'Advent Pro', sans-serif; opacity: 0.4; padding-left: 0.6em; } .homepage .signpost-button.section-link-box:hover:after { opacity: 1; } .homepage .signpost-button.section-link-box:hover { background-color: #6f3092 !important; border: solid 2px #6f3092 !important; } /* Homepage intro section */ #content-wrapper-wide.accom-intro { padding: 30px 20px 20px !important; background-color: #f6f6f6; } #content-wrapper-wide.accom-intro h2 { font-family: "DINWeb",Arial,sans-serif !important; font-weight: normal !important; font-size: 30px !important; } #content-wrapper-wide.accom-intro .contactinfo { font-size: 22px; font-family: "DINWeb",Arial,sans-serif !important; } #content-wrapper-wide.accom-intro .contactinfo strong { font-weight: 28px !important; /*font-weight: normal!important;*/ } #content-wrapper-wide.accom-intro p { padding-right: 20px; } #content-wrapper-wide.accom-intro p.buttons a { display: block; float: left; border: solid 1px #ccc; color: #666 !important; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; font-weight: bold; font-size: 20px !important; font-family: "DINWeb",Arial,sans-serif !important; } #content-wrapper-wide.accom-intro p.buttons a:hover { background-color: #333 !important; border: solid 1px #333; color: #fff !important; } #content-wrapper-wide.accom-intro p.accomlogin { display: block; float: left; clear: both; margin-top: 0 !important; font-family: "DINWeb",Arial,sans-serif !important; } #content-wrapper-wide.accom-intro p.accomlogin a { margin-top: 40px; padding: 10px 20px; background-color: #B70062; color: #fff; display: block; } #content-wrapper-wide.accom-intro p.accomlogin a strong { font-size: 22px !important; color: #fff !important; } #content-wrapper-wide.accom-intro p.accomlogin a:hover { background-color: #333 !important; color: #fff !important; } #content-wrapper-wide.accom-intro ul.social { border-top: 0 none !important; float: right; padding: 0 20px 0 0 !important; margin-top: -30px !important; } #content-wrapper-wide.accom-intro ul.social li { background-color: transparent !important; border-bottom: 0 none !important; float: right; background-image: none; padding: 0 10px 0 0 !important; } #content-wrapper-wide.accom-intro ul.social li a { width: 30px; height: 30px; overflow: hidden; display: block; color: rgba(255,255,255,0); font-size: 22px; padding: 7px 0 0 7px; border-radius: 30px; } #content-wrapper-wide.accom-intro ul.social li a.socicon-twitter { background-color: #0084b4; } #content-wrapper-wide.accom-intro ul.social li a.socicon-facebook { background-color: #3b5998; } #content-wrapper-wide.accom-intro ul.social li a::before { color: #fff; } #content-wrapper-wide.accom-intro ul.social li a:hover { background-color: #333 !important; } .announcements-link { background-color: #999; color: #fff; padding: 8px 15px; } .announcements-link:hover { color: #fff; background-color: #333; } /* Homepage main links */ .homepage #content-wrapper-wide.container-01 { padding: 40px 0 !important; } .homepage #content-wrapper-wide.container-01 .text a { font-size: 34px !important; } #content-wrapper-wide .text a { text-transform: none !important; font-family: "DINweb" !important; font-weight: bold !important; font-size: 30px !important; margin-top: 10px !important; } #content-wrapper-wide .text a .signpost-title:after { content: ">"; font-weight: 200 !important; color: #eee !important; font-family: 'Advent Pro', sans-serif; padding-left: 0.6em; } #content-wrapper-wide .text a:hover .signpost-title:after { color: #ED2482 !important; } /* Homepage Halls links */ #content-wrapper-wide.accom-halls { background: url(../images/CRL0591-accom-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content-wrapper-wide.accom-halls a h2 { font-family: "DINWeb",Arial,sans-serif !important; letter-spacing: normal !important; font-size: 30px !important; margin-bottom: 0 !important; padding: 0 30px 0 120px; } #content-wrapper-wide.accom-halls a p { margin-top: 5px !important; padding: 0 30px 0 120px; } #content-wrapper-wide.accom-halls a h2:after { content: ">"; font-weight: 200 !important; color: #eee !important; font-family: 'Advent Pro', sans-serif; padding-left: 0.6em; } #content-wrapper-wide.accom-halls a:hover h2:after { color: #ED2482 !important; } #content-wrapper-wide.accom-halls .hallsbtn { display: block; width: 48%; padding: 15px 0; background-color: #f6f6f6; background-image: url(../images/D2601-03-hallslink.jpg); background-repeat: no-repeat; background-position: left center; } #content-wrapper-wide.accom-halls .hallsbtn:hover { background-color: #fff; } /* Homepage Announcements/additional links */ #content-wrapper-wide.accom-news-links { background-color: #B70062; color: #fff !important; } #content-wrapper-wide.accom-news-links h2 { font-family: "DINWeb",Arial,sans-serif !important; letter-spacing: normal !important; font-size: 30px !important; } #content-wrapper-wide.accom-news-links h2 a { color: #fff !important; } #content-wrapper-wide.accom-news-links h2 a:after { content: ">"; font-weight: 200 !important; color: #fff !important; font-family: 'Advent Pro', sans-serif; padding-left: 0.6em; opacity: 0.2; } #content-wrapper-wide.accom-news-links h2 a:hover:after { opacity: 1; } #content-wrapper-wide.accom-news-links ul { border-top: 0 none !important; } #content-wrapper-wide.accom-news-links ul li { background-color: transparent !important; border-bottom: 0 none !important; } #content-wrapper-wide.accom-news-links ul li a { color: #fff !important; } #content-wrapper-wide.accom-news-links ul.home-links li { display: block; background-image: none !important; padding: 8px 0 8px 0 !important; background-color: transparent !important; } #content-wrapper-wide.accom-news-links ul.home-links li a { padding: 10px 20px; color: #fff !important; font-size: 18px; display: block; border: solid 1px rgba(255,255,255,0.3); } #content-wrapper-wide.accom-news-links ul.home-links li a:after { content: ">"; font-weight: 200 !important; color: #fff !important; font-family: 'Advent Pro', sans-serif; padding-left: 0.6em; opacity: 0.2; } #content-wrapper-wide.accom-news-links ul.home-links li a:hover:after { opacity: 1; color: #B70062 !important; } #content-wrapper-wide.accom-news-links ul.home-links li a:hover { background-color: #fff !important; color: #B70062 !important; } #content-wrapper-wide.accom-intro h2 a { display: inline-block; margin-top: 30px !important; } #content-wrapper-wide.accom-intro h2 a:after { content: ">"; font-family: 'Advent Pro', sans-serif; padding-left: 20px; color: #ddd; } #content-wrapper-wide.accom-intro h2 a:hover:after { color: #ed2482; } #content-wrapper-wide.accom-intro ul { border-top: none 0 !important; } #content-wrapper-wide.accom-intro ul li { background-color: transparent !important; border-bottom: 0 none !important; } #content-wrapper-wide.accom-intro ul.home-announcements li { background-image: none; padding: 0 !important; width: 75%; } #content-wrapper-wide.accom-intro ul.home-announcements li a { display: block; margin: 10px 0; padding-left: 10px; font-size: 16px !important; border-left: solid 10px #eee; line-height: 1.4; font-weight: bold; } #content-wrapper-wide.accom-intro ul.home-announcements li a:hover em { opacity: 1; } #content-wrapper-wide.accom-intro ul.home-announcements li a:hover { border-left: solid 10px #ed2482; } #content-wrapper-wide.accom-intro ul.home-announcements li a em { font-size: 14px !important; color: #999; font-weight: normal; } /* Announcements */ #main-content .news-list a h3 { font-family: "DINWeb",Arial,sans-serif !important; font-size: 20px !important; margin-bottom: -3px !important; color: #B70062 !important; } #main-content .news-list a:hover h3 { color: #ED2482 !important; } /* Videos page */ #main-content .col.span_1_of_3.gallerywall .gallerywall-item.vid-play-btn h3 { margin-top: 10px !important; font-family: "DINWeb",Arial,sans-serif !important; font-size: 20px !important; color: #B70062 !important; } #main-content .col.span_1_of_3.gallerywall .gallerywall-item.vid-play-btn:hover h3 { color: #ED2482 !important; } /* 360s page */ #main-content .gallerywall-item.three-sixties-tours { box-shadow: none; border: 0; background: transparent; } #main-content .gallerywall-item.three-sixties-tours img, .gallerywall-item a.threesixty .btn-360:after, .gallerywall-item a.threesixty .btn-360:before { border-radius: 0 !important; } #main-content .gallerywall-item.three-sixties-tours h3 { margin-top: 10px !important; font-family: "DINWeb",Arial,sans-serif !important; font-size: 20px !important; } .vid-360-both img { border: solid 1px #ddd; } .vid-360-both ~ .intro h2 { font-size: 32px !important; padding-top: 10px; padding-bottom: 8px; border-bottom: dotted 2px #ddd; } /* Staff listing */ #main-content .filter-options-wrapper h3 { text-transform: none !important; font-family: "DINweb" !important; } .span_1_of_5.filter, .span_4_of_5.filter { width: 100% !important; } .sort-box { display: none; } .btn, button { color: #B70062 !important; } .btn:hover, button:hover { background-color: #ED2482 !important; color: #fff !important; } .btn.active, .btn:active, button.active, button:active { background-color: #B70062 !important; color: #fff !important; } .container-fluid .picture-item__details.clearfix h3 { text-transform: none !important; font-family: "DINweb" !important; letter-spacing: normal !important; } .filter-wrapper { background-color: #f6f6f6 !important; } #main-content .filter-options-wrapper h3 { color: #333 !important; } .picture-item__details.clearfix { padding: 10px 5px 10px 95px !important; } .profile-thumbnail { position: absolute; top: 1px; left: 0; } .profile-thumbnail img { height: 101px !important; width: 76px !important; } .picture-item .picture-item__inner { background: url(../images/accom-staff-bg.gif) no-repeat left top; } /* Hall page */ .hall-link-toggle { margin: 20px 0 30px; height: 57px; display: block; } .hall-link-toggle a { display: block; background-color: #f6f6f6; font-family: "DINweb" !important; font-weight: bold; font-size: 17px; text-align: center; padding: 10px 0; } .hall-link-toggle a:hover { background-color: #eee; } .hall-link-toggle a.selected { background-color: #B70062; color: #fff !important; } /* Sidebar */ #sidebar-button, #sidebar-button em { text-transform: none !important; font-family: "DINweb" !important; font-weight: bold !important; } #main-sidebar .sidebar h2 { background-image: none !important; background-color: #f6f6f6 !important; color: #333 !important; font-size: 24px !important; } .sidebar p.tel { font-weight: bold; font-family: "DINweb" !important; font-size: 16px !important; padding-left: 0 !important; background-image: none !important; margin-bottom: 0 !important; } .sidebar p.email { font-family: "DINweb" !important; font-size: 15px !important; padding-left: 0 !important; background-image: none !important; margin-top: 0 !important; } .sidebar p.email a { visibility: hidden; position: relative; } .sidebar p.email a:after { visibility: visible; position: absolute; top: 0; left: 0; content: "sac@lboro.ac.uk"; } #sidebar-button a { background-color: #B70062; color: #fff !important; } #sidebar-button em { color: #fff; } #sidebar-button.btn-1 span { background-image: url(../images/icon-button-link-hover.png); } /* Other */ #main-content h3.trigger { font-size: 16px !important; font-weight: bold !important; } .signpost-button { text-transform: none !important; font-family: "DINweb" !important; font-size: 16px !important; } @media (min-width: 1000px) { .picture-item .gallerywall-item a h3 { margin-top: 10px !important; height: 50px !important; } } @media (max-width: 1219px) { html .homepage #main-content.content-fullwidth .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; } #content-wrapper-wide.accom-intro { padding: 30px 0px 20px !important; background-color: #f6f6f6; } html .homepage #main-content.content-fullwidth .rsSlide .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .homepage .contentSlider-img-full-width .container .caption-wrap { width: 100% !important; } .homepage .rsText-BlockCaption.left { width: 100% !important; } } @media (max-width: 800px) { .sidebar p.email, .sidebar p.email a { padding: 0 !important; margin: 0 !important; } .sidebar p.email a:after { background-color: #eee; display: block; margin-top: -4px !important; font-size: 15px !important; padding: 5px 5px 5px 35px; position: relative !important; background-image: url(../images/icon-email-grey.png); background-position: 10px center; background-repeat: no-repeat; } #main-sidebar .sidebar p.tel a, #main-sidebar .sidebar p.location a, #main-sidebar .sidebar p { font-size: 15px !important; font-family: "DINweb" !important; } #content-wrapper-wide.accom-halls .hallsbtn { width: 100%; } } @media (max-width: 590px) { #content-wrapper-wide.accom-news-links .span_1_of_2:nth-of-type(2) { border-top: solid 20px #d9cab3; padding-top: 30px; } } @media (max-width: 450px) { #content-wrapper-wide.accom-intro p.buttons { min-height: 40px !important; display: block; clear: both; } #content-wrapper-wide.accom-intro p.buttons span { display: block; min-height: 40px; } #content-wrapper-wide.accom-intro ul.social, #content-wrapper-wide.accom-intro p.accomlogin { float: none !important; clear: both !important; display: block !important; min-height: 50px !important; margin-top: 10px !important; } #content-wrapper-wide.accom-intro ul.social li { float: left; } }