/* ---------------------------------------------------- */
/* CSS LAPTOP DESKTOP FOR UPPSALA UNIVERSITET		*/
/* - Contains styles for screens smaller than 1200px */
/* ---------------------------------------------------- */
@media only screen and (max-width: 1200px) {
.site-name {
left: 207px;
width: 740px;
}
header .top-nav-wrap {
margin-top: 50px;
width: 100%;
}
header .top-nav.first-level {
clear: both;
margin-top: 10px;
margin-left: 155px;
}
.sigill {
background-size: 85%;
}
.anno {
top: 666px;
}
.container,
.no-menu .page-tools-top, 
.no-menu .page-tools {
width: 980px;
}
.no-menu .article {
max-width: 980px;
}
.l-left-nav-wrap {
font-size: 0.9em;
left: -5793px;
}
.l-article-wrap {
width: 77.551020408163265306122448980%; 
}
.is-expanded-full-width {
width: 760px;
}
.error-info {
margin-top: 40px;
}
.error-page .no-menu .page-tool.listen {
display: none;
}
.left-nav {
right: -5793px;
width: 207px;
}
.wide-puff {
height: 335px;
}
.wide-puff-info p {
margin-bottom: 0.75em;
}
.wide-puff-info h1 {
padding-bottom: 0;
}
.no-menu .wide-puff {
height: 300px;
}
.no-menu .wide-puff-header {
padding-top: 22px;
}
.no-menu .wide-puff img {
max-height: 300px;
width: auto;
}
.no-menu .wide-puff-info {
border-right-width: 8px;
font-size: 1em;
}
.no-menu .wide-puff-search {
top: 35%;
}
.related-content img {
max-width: 116%;
width: 116%;
}
.module.size1of4,
.number-of-slots-4 .module,
.number-of-slots-3 .module {
height: 340px;
}
.module h2,
.module h3 {
font-size: 1em;
}
.module ul {
height: 225px;
}
.number-of-slots-2 .module {
height: 414px;
}
.article .module {
height: 330px;
}
.article .module-content {
font-size: 0.95em;
}
.article .module-header,
.article .module-content .description {
min-height: 0;
}
.article .module-content .description {
padding: 10px;
}
.article .module-header + .description {
padding-top: 0;
}
.l-article-wrap .article.simple p img {
max-width: 760px;
}
.notice-header {
font-size: 1.55em;
max-width: 295px;
}
.filters .followed-by-infobox {
width: 136px;
}
.scroll-to-top-link {
margin-left: 900px;
}
}	
/* ---------------------------------------------------- */
/* CSS TABLET LANDSCAPE FOR UPPSALA UNIVERSITET 		*/
/* - Breakpoint: 1024px */
/* ---------------------------------------------------- */
@media only screen and (min-width: 1025px) {
.local-nav-mobile-header,
.local-nav-mobile {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
body {
overflow-x: hidden;
}
doesnotexist:-o-prefocus,
.l-main-container {
overflow-x: hidden;
}
doesnotexist:-o-prefocus,
.sigill,
.bg-city {
display: none;
}
.l-left-nav-wrap,
.site-name {
display: none;
}
.local-nav-mobile-header {
display: block;
}
.local-nav-mobile-header .current-page {
font-size: 1.1875em;
padding: 15px;
position: static;
}
header .top-nav li,
header .top-nav.second-level li,
.top-links .login {
margin-left: 15px;
padding-left: 15px;
}
.top-nav-dark .top-nav.second-level {
background: #333;
float: none;
margin-bottom: 20px;
margin-left: -2.5%;
padding-top: 7px;
width: 105%;
}
.top-nav-dark .top-nav.second-level li.first{
margin-left: 0;
padding-left: 2.5%;
}
.top-nav-uu-link-wrap {
border-bottom: none;
margin-bottom: 0px;
}
.container,
.no-menu .page-tools-top, 
.no-menu .page-tools {
width: 95%;
max-width: 100%;
}
.no-menu .article {
max-width: 95%;
}
.l-article-wrap {
width: 100%;
}
.not-centralised .sigill,
.centralised .sigill {
background-image: url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_sigill-extra-small.png');
background-size: 65%;
top: 125px;
z-index: 0;
}
.anno {
top: 541px;
}
.number-of-slots-4 .container {
width: 571px;
}
.number-of-slots-4 .module {
height: 385px;
margin-bottom: 6px;
width: 275px;
}
.number-of-slots-4 .module ul {
height: 280px;
}
.no-menu .page-tools-top {
max-width: 100%;
}
.breadcrumbs {
line-height: 2em;
margin: 0.5em 0;
position: static;
}
.breadcrumbs a {
white-space: nowrap;
}
.module h2,
.module h3 {
font-size: 1.1em;
}
.article .module {
height: auto;
max-height: 41.3vw;
}
.article .module-content {
font-size: 2vw;
}
.number-of-slots-3 .module {
height: calc(63px + 34vw); 
}
.number-of-slots-3 .module-content .description {
font-size: 1.7vw;
}
.number-of-slots-3 .module ul {
height: 29vw;
}
.number-of-slots-2 .module {
height: calc(63px + 43vw);
}
.call-to-action-puff .big-link {
font-size: 1.7vw;
}
.is-expanded-full-width {
width: 100%;
}
.wide-puff {
height: auto;
}
.wide-puff img {
width: 100%;
}
.wide-puff-info,
.no-menu .wide-puff-info {
font-size: 1.7vw;
}
.no-menu .wide-puff-header {
padding-top: 15px;
}
.no-menu .wide-puff-style-image-right .wide-puff-info {
background: #333;
border-right-width: 8px;
min-width: 270px;
}
.no-menu .wide-puff .main-image .wide-puff-image {
display: inline-block; 
height: 349px;
position:relative; 
right: -50%;
}
.no-menu .wide-puff .main-image img {
height: 349px;
position: relative; 
left:-50%; 
width: auto;
max-width: none;
}
.no-menu .wide-puff-style-image-right .wide-puff-links {
top: auto;
left: 12%;
bottom: 2%;
}
.related-content img {
max-width: 100%;
width: 100%;
}
.read-more {
right: 0;
}
.greySectionWithList .read-more, 
.simple .read-more, 
.imageRight .read-more {
left: 0;
}
.l-article-wrap .article.simple p img {
max-width: 780px;
}
.filters .followed-by-infobox {
width: 85%;
}
.scroll-to-top-link {
height: 64px;
margin-left: 0;
position: fixed; 
bottom: 5%;
right: 5%; 
width: 64px;
}
}
/* ----------------------------------------------------			*/
/* CSS TABLET PORTRAIT, PHONE LANDSCAPE FOR UPPSALA UNIVERSITET	*/
/* - Contains styles for screens smaller than 766px				*/
/* ----------------------------------------------------			*/
@media screen and (min-width: 767px) {
.mobile.search-filter-header,
.mobile.search-filter-body {
display: none !important;
}
}
@media only screen and (max-width: 766px) { 
p {
margin-bottom: 1.5em;
}
.page-content {
margin-top: 20px;
}
.not-centralised .sigill,
.centralised .sigill {
top: 89px;
}
.l-left-nav-wrap {
display: none;
}
.unit {
margin-bottom: 20px;
width: 100%;
}
.page-tools {
display: none;
}
.with-menu .page-tools-top {
display: block;
float: right;
margin-bottom: 0;
position: relative;
}
.no-menu .page-tools-top {
top: 20px;
}
header .search {
display: none;
}
header {
background-position: 0 -60px;
height: auto;
}
.logo {
width: 54px;
max-height: 51px;
}
.mobile-search-container {
display: block;
}
.not-centralised .logo-wrap {
position: static;
}
.top-content {
min-height: 89px;
height: auto;
}
.centralised .top-nav-wrap,
.not-centralised .top-nav-wrap {
margin: 0;
width: 103% !important;
max-width: 103% !important;
}
.top-nav {
padding-left: 2.5%;
width: 100%;
}
.top-stripe {
background: #000 url('http://live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-stripe-mobile.jpg') top center no-repeat;
height: 18px;
width: 100%;
background-size: 747px;
}
.central-nav-icon {
width: 44px;
}
.central-nav-icon.up {
position: relative;
right: -44px;
}
.centralised .central-nav-icon {
display: block;
}
.top-nav.first-level,
.top-nav.second-level {
float: none;
}
.top-nav .active a,
.top-nav a:hover,
.top-stripe .top-nav .active a, 
.top-stripe .top-nav a:hover {
border-bottom: 1px solid #CCC;
}
.top-nav.first-level {
margin: 0;
}
.top-nav.first-level li {
background: none;
border: none;
float: none;
height: auto;
margin: 0;
padding-left: 0; 
}
.top-nav.first-level a {
border: none;
width: 100%;
border-bottom: 1px solid #CCC;
display: block;
font-size: 0.875em;
padding: 18px;
text-decoration: none;
}
.top-nav.second-level li {
margin: 10px 0 0 10px;
padding: 0 0 0 10px;
}
.not-centralised .top-nav-wrap {
padding: 0;
}
header .top-nav-wrap,
header .responsive-menu-container-bottom {
display: none;
}
.top-nav-dark,
.not-centralised .top-nav-dark {
border-bottom: none;
margin-left: -2.5%;
padding: 0;
}
.top-nav-dark .top-nav.first-level li {
padding-bottom: 0;
}
.top-nav-dark .top-nav.second-level {
margin: 0;
padding-top: 0;
width: 100%;
}
.top-nav-dark .top-nav.second-level li.first {
padding-left: 18px;
}
.top-nav-uu-link-wrap {
margin-left: 3%;
padding: 18px;
}
.footer-content {
padding-right: 0;
}
.footer-content img {
display: inline !important;
margin-right: 7px !important;
}
.footer-element {
background-color: #000;
background-image: none;
}
.footer-content-wrap {
padding-bottom: 55px;
}
.is-expanded-full-width {
width: 100%;
}
.is-img-full-height {
margin-top: 0;
}
.is-size1of3-leftadjust {
padding-left: 0;
}
.tabs li {
clear: left;
display: block;
}
.tabs li a {
border-left: 0!important;
border-bottom: 5px solid transparent;
}
.ui-dialog {
height: 95% !important;
max-height: none;
top: 0 !important;
overflow-y: auto;
width: auto !important;
max-width: 100% !important;
}
.ui-dialog-titlebar-close {
border: 1px solid #FFF;
margin: 12px !important;
position: fixed;
z-index: 1001 !important;
}
.container.wide-puff {
height: auto;
}
.wide-puff .main-image {
position: relative;
}
.wide-puff .main-image img {
float: none;
}
.wide-puff .wide-puff-info {
background: #333;
float: none;
margin-top: -5px;
padding-left: 3.5438596491228070175438596500%;
padding-right: 3.5438596491228070175438596500%;
padding-bottom: 10px;
position: relative;
top: 0;
left: 0;
width: 93%;
}
.wide-puff-info .arrow-link {
left: 19px;
}
.wide-puff .wide-puff-links {
left: 0px;
top: 30px;
margin-left: 3.5438596491228070175438596500%;
margin-right: 3.5438596491228070175438596500%;
}
.wide-puff-info {
font-size: 100% !important;
}
.with-menu .wide-puff .wide-puff-info .read-more,
.no-menu .wide-puff .wide-puff-info .read-more {
left: 0 !important;
right: 0 !important;
}
.wide-puff .wide-puff-info .read-more {
float: none !important;
margin-left: 0;
max-width: 390px;
}
.with-menu .wide-puff .wide-puff-info .read-more {
max-width: 390px;
}
.no-menu .wide-puff img {
max-height: none;
width: 100%;
}
.no-menu .wide-puff .main-image {
position: relative;
width: 100%;
}
.no-menu .wide-puff .main-image .wide-puff-image {
height: auto;
width: auto; 
}
.no-menu .wide-puff .main-image .wide-puff-image img {
height: auto;
max-width: 100%;
}
.puff-search {
border-right: none;
font-size: 1rem;
}
.puff-search-column:nth-child(n) {
border-right: none;
display: block;
min-height: initial;
width: 100%;
}
.puff-search-column:nth-child(1) {
border-bottom: 1px solid #505050;
}
.puff-search-links {
padding-bottom: 1em;
}
.puff-search-options-links a {
margin: 0 1em 0 0;
}
.puff-search-options .puff-search-options-links {
display: block;
margin-top: 0.5em;
position: static;
}
.desktop.search-filter-header,
.desktop.search-filter-body {
display: none !important;
}
.image-video-slider .slides > li {
height: auto;
max-height: none;
overflow: visible;
}
.image-video-slider .puff-image {
height: auto;
max-height: 432px;
overflow: hidden;
}
.article {
margin-bottom: 5px;
padding-bottom: 5px;
}
.article.is-expanded-full-width,
.article.darkGreyBox {
margin-bottom: 35px;
}
.article h1,
.article h2 {
margin-left: -3.16%;
padding-left: 3.16%;
padding-right: 3.16%;
width: 100%;
}
.l-article-wrap .article.simple p img {
max-width: 100%;
}
.caption {
font-size: 0.9em;
}
.read-more {
float: right!important;
left: auto!important;
right: -3.2%!important;
}
.caption-header,
.caption-content,
.grey-header,
.grey-content {
padding-left: 6%;
padding-right: 6%;
}
.darkGreyBox .grey-header,
.darkGreyBox .grey-content {
padding: 10px 23px;
}
.darkGreyBox .size1of3 img {
margin: 23px;
}
.darkGreyBox { 
background: #333;
max-width: 100%;
}
.module-header h2 {
margin-left: 0;
padding: 0 13px;
}
.article-header-image-right div {
width: 100%;
}
.is-img-topright-adjust,
.is-img-top-adjust {
margin-top: 0;
}
.article.is-padding-left-100 h2,
.article.is-padding-left-100 .articleText {
margin-left: -3.6%;
padding-left: 20%;
}
.no-menu .article.is-padding-left-100 .articleText {
margin-left: -3.6%;
padding-left: 3.6%;
}
.article.is-padding-left-100 h2 {
width: 83.6%;
}
.notice-header {
padding-left: 30px; 
padding-right: 30px; 
margin-top: 0px;
margin-left: -30px;
font-size: 1.875em;
max-width: 367px;
}
.notice-content > *{
margin-right: 20%;
}
.size1of3 img {
display: block;
float: none;
margin-left: 0;
max-width: 100%;
max-height: 300px;
width: auto !important;
}
.puff-container .module,
.puff-container .module:last-child {
margin: 0 auto 1em;
}
.module,
.puff-container .module,
.puff-container .puff-call-to-action {
float: none;
height: auto;
width: 100%;
}
.puff-container .module-group {
width: auto;
max-width: 360px;
}
.call-to-action-puff .big-link {
height: 125px;
}
.number-of-slots-3 .module-content .description,
.call-to-action-puff .big-link {
font-size: 1rem;
}
.article .module {
height: 385px;
max-height: 385px;
width: 100%;
max-width: 433px;
}
.article .module-content {
font-size: 1em;
}
.number-of-slots-2 .module {
height: 401px;
}
.number-of-slots-4 .module {
height: 441px;
}
.number-of-slots-3 .module {
height: 434px;
}
.puff-container .module-calendar,
.puff-container .module-list {
height: auto;
max-height: none;
min-height: 150px;
}
/* .module-calendar .link::before, */
/* .module-list .link::before { */
/* display: none; */
/* } */
/* Removed to obtain fade of news items in mobile mode */
/* Sven-Olof Nyström 180219 */

.puff-container .module .module-header + ul {
height: auto;
}
.number-of-slots-3 .calendar-list time {
margin-right: 10%;
width: 20%;
}
.container.wide-puff {
height: auto;
margin-bottom: 45px;
}
.caption-white {
top: 140px;
}
.no-menu .wide-puff .wide-puff-links {
left: 0;
top: 20px;
}
.no-menu .wide-puff .wide-puff-links p {
margin-bottom: 0;
}
.step-by-step {
display: none;
}
.step-by-step-slider {
display: block;
}
.related-content {
height: auto;
}
.related-content img {
width: 100%;
}
.show-hide-filters {
display: block;
}
.filter input[type="checkbox"] {
margin-right: 5px;
width: auto;
}
.filters .followed-by-infobox {
width: 95%;
}
.show-hide-icon {
height: 20px;
margin: 6px 10px 10px 10px;
width: 20px;
}
.caption-lower-left,
.caption-lower-right {
background-color: #000;
bottom: 0;
max-width: 96%;
padding: 2%;
position: relative;
left: 0;
right: 0;
width: 96%;
}
.caption-lower-left h1,
.caption-lower-right h1 {
margin-left: 0!important;
padding: 0!important;
}
.nyhetsbanken-image img {
width: 100%;
max-width: 100%;
}
.nyhetsbanken-image {
width: auto;
max-width: 100%;
}
.search-list .nyhetsbankenSearchText input[type="text"], 
.search-list .nyhetsbankenSearchFor select,
.search-list .nyhetsbankenYear select,
.search-list .nyhetsbankenMonth select {
margin-right: 0;
padding: 5px 2%;
width: 100%;
max-width: 100%;
}
.search-list .nyhetsbankenSearchText input[type="text"] {
max-width: 96%;
width: 96%;
}
.scroll-to-top-link {
position: fixed;
bottom: 5%;
right: 5%;
height: 50px;
width: 50px;
} 
form.search-domain-form {
float: none;
margin: 1em 0 0 0.5em;
}
.puff-search-type-link {
margin: 7px 2px 0px 0;
top: 0;
}
.puff-search-uu .puff-search-type {
margin-bottom: 57px;
position: relative;
}
li.active.puff-search-type-link {
position: absolute;
left: 0;
top: 100%;
}
.search-filter-header {
display: table;
margin-top: 0.5em;
padding: 0.75em;
}
}
/* ---------------------------------------------------- */
/* CSS TABLET SMALL FOR UPPSALA UNIVERSITET 			*/
/* - Contains styles for screens smaller than 550px 	*/
/* ---------------------------------------------------- */
@media only screen and (max-width: 550px) {
h1 {
font-size: 1.85rem;
}
.sigill {
background-size: 40%;
right: -706px;
}
.no-menu .page-tools-top {
margin: 0;
position: static;
width: 100% !important;
}
.no-menu .page-tools-top .listen {
background-color: transparent;
}
.is-padding-left-100 > * {
padding-left: 0;
}
.is-width-75 > * {
width: 100%;
}
.is-width-75 figure {
width: auto;
}
.is-mobile-expanded {
max-width: 113%!important;
margin-left: -6.6%!important;
width: 113%!important;
}
.is-mobile-expanded .image-caption {
padding: 3px 7%;
}
.no-menu .wide-puff {
width: 100%;
}
.no-menu .container.wide-puff {
margin-top: 0px;
}
.with-menu .wide-puff {
margin: 0 -2.5%;
max-width: none;
width: 105%;
}
.no-menu .number-of-slots-4 .module-group {
padding-left: 2.5%;
padding-right: 2.5%;
}
.no-menu .wide-puff-header {
font-size: 1.85rem;
}
.number-of-slots-3 .module ul,
.number-of-slots-4 .module ul {
height: auto;
min-height: 50px;
}
.module-calendar .link, 
.module-list .link {
position: relative;
}
.call-to-action-puff .big-link {
font-size: 0.8em;
height: 110px;
}
.caption-lower-left,
.caption-lower-right {
max-width: 90%;
padding-right: 10%;
position: relative;
bottom: 0;
left: 13px;
width: 90%;
}
.article table {
width: 100%;
}
.article.is-padding-left-100 h2,
.article.is-padding-left-100 .articleText {
padding-left: 3.6%;
}
.article.is-padding-left-100 h2 {
width: 100%;
}
.list-item h3 {
padding-right: 0;
}
.list-item .date {
float: none;
margin: 0;
max-width: 100%;
position: relative;
right: 0;
top: -2px;
}
.list-item .place {
display: block;
max-width: 100%;
width: auto;
}
.search-results .page-tools-top {
position: relative !important;
}
.search-results-list {
margin-top: 13px;
}
}
/*	---------------------------------------------------	*/
/*	CSS PHONE PORTRAIT FOR UPPSALA UNIVERSITET			*/
/*	Contains styles for screens smaller than 480px		*/
/*	---------------------------------------------------	*/
@media only screen and (max-width: 480px) {
.current-page {
display: block;
font-size: 1.1875em;
margin-left: 30px;
padding: 15px;
position: static;
}
.footer-site-entry {
display: block;
}
.footer-site-entry .separator {
display: none;
}
.number-of-slots-2 .call-to-action-puff {
width: 100%;
}	
.module img {
width: 100%;
position: relative;
top: auto;
}
.module-content .description p {
max-width: 90%;
} 
.caption-white {
top: 80px;
}
.container.wide-puff {
margin-top: 0;
}
.wide-puff .wide-puff-links {
top: 10px;
max-width: 93%;
}
.wide-puff .wide-puff-info {
padding-left: 5.5438596491228070175438596500%;
padding-right: 5.5438596491228070175438596500%;
width: 90%;
}
.wide-puff-info .arrow-link {
left: 5.5438596491228070175438596500%;
}
.wide-puff-links p {
margin-bottom: 0;
}
.wide-puff .main-image,
.no-menu .wide-puff .main-image {
width: 100%;
margin: 0 auto; 
}
.wide-puff .main-image .wide-puff-image,
.no-menu .wide-puff .main-image .wide-puff-image {
display: inline-block; 
height: 231px;
position:relative; 
right: -50%;
}
.wide-puff .main-image img,
.no-menu .wide-puff .main-image .wide-puff-image img {
height: 231px;
position: relative; 
left:-50%; 
width: auto;
max-width: none;
}
.no-menu .wide-puff-style-full-width .main-image .wide-puff-image img {
left: -62%;
}
.with-menu .wide-puff .wide-puff-info .read-more,
.no-menu .wide-puff .wide-puff-info .read-more {
height: auto;
left: -6.25% !important;
padding: 10px 19% 10px 5.5438596491228070175438596500%;
width: 88%;
}
.puff-search-links li {
display: block;
font-size: 1rem;
line-height: 2;
}
.puff-search-image-container {
display: inline-block;
height: 125px;
position: relative;
right: -50%;
}
.puff-search-image {
height: 125px;
position: relative;
left: -50%;
width: auto;
max-width: none;
}
.puff-search-surface {
width: 110%;
left: -5%;
}
.puff-search-column {
padding-left: 5%;
padding-right: 5%;
}
.caption {
font-size: 0.8em;
}
.size1of3 img {
max-height: none;
}
.darkGreyBox .grey-header,
.darkGreyBox .grey-content {
padding: 10px 5%;
}
.darkGreyBox .size1of3 {
margin: 0;
}
.darkGreyBox .size1of3 img {
margin: 5%;
max-width: 90%;
}
.article .module {
height: auto;
max-height: 84.5vw;
max-width: 100%;
}
.article .module-content {
font-size: 3.5vw;
}
.filters .followed-by-infobox {
width: 90%;
}
.puff-search-uu {
margin: 0;
width: 100%;
}
.puff-search-filters {
margin-left: -12px;
width: calc(100% + 24px);
}
.list-showing {
margin-bottom: 25px;
padding-top: 10px;
top: 0;
}
.list-view-toggles {
right: auto;
left: 0;
}
.list-image-object img {
float: none;
width: 75%;
max-width: 75%;
margin: 0 auto 10px;
}
.list-image-object p {
padding-left: 0;   
}
.list-item a img {
float: none !important;
padding: 7px 0;
}
.list-item-links li.open-access-icon {
display: block;
float: none;
margin: 0;
text-align: right;
}
}