@import "common.less";

/** * @file * Page Styling * * Style the markup found in page.tpl.php. Also includes some styling of * miscellaneous Drupal elements that appear in the $content variable, such as * ul.links, .pager, .more-link, etc. */
/* * Body */
body {
  .zeroMarginPadding();
}
#page { 
	font-size: @normalFontSize; // the one-and-only 
  line-height: 1.5; 
}
/* * The skip-link link will be completely hidden until a user tabs to the link. * See the element-focusable rule in system.base.css. */
#skip-link {
  margin: 0;
  a, a:visited {  
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff;
  }
}
/* * Header */
#header {    
/* Collected - 20130828 jeth */    
	position: relative;
  height: 178px;
  body.page-soegning & {  
    @media all and (max-width: @rspBreakPoint1) {   
      height: 178px-@topMenuHeight;
    }
  }
} 
/* Hide header on pages under skrivebord */
body.page-node-add #header, body.page-node-edit #header, body.page-file-add #header, body.page-admin #header, body.page-contact #header, body.section-skrivebord #header {
	display: none;
} 
#uvmlogo, #sitetitle {  
/* Collected - 20130826 jeth */  
	position: absolute;           
	top: 0;                                         
  margin-top: 0;  
	background: url(http://emu3.emu.dk/sites/all/themes/unizen/images/headerbg2.png) no-repeat;
}
#uvmlogo {    
/* Collected - 20130826 jeth */                    
	.widthHeight(41%, 100%);
	right: 0;
  background-position: right -18px;
  body.page-soegning & {  
    @media all and (max-width: @rspBreakPoint1) {   
      background-position: right -18px-@topMenuHeight;
    }
  }
  a {
    display: block;
    position: absolute; 
    top: 10px; 
    right: 22px;
    text-align: right;
    &:focus {
    	outline: none;  
      img {
      	opacity: 0.65;
      }
    }
    img {     
      @media all and (max-width: @rspBreakPoint4) { 
        width:90%;
      }
    }
  }  
}
#sitetitle { 
/* Collected - 20130826 jeth */                     
	.widthHeight(60%, 100%);
	left: 0;
  background-position: left -18px;
  body.page-soegning & {  
    @media all and (max-width: @rspBreakPoint1) {   
      background-position: right -18px-@topMenuHeight;
    }
  }
  h1 {                 
  	font-size: @FSfrontPageH2;
  	position: absolute;  
  	left: 2*@elementGap; 
  	top: 49px;   
    @media all and (max-width: @rspBreakPoint1) { 
  	 font-size: 154%; // font-size: 2em;
     top: 51px;
    }
    @media all and (max-width: @rspBreakPoint2) {
      top: 26px;
    }
  	margin: 0;
  }
  a {
  	color: #f1f1f1;
    .linkNoHover();
  	font-weight: normal;
  }
  abbr {
  	font-weight: bold;
  }
}
.region-header {
/* Wrapper for any blocks placed in the header region */
	clear: both;
/* Clear the logo */
}
body.page-node-add, body.page-node-edit, body.page-file-add, body.page-admin, body.page-contact, body.section-skrivebord {
	background-image: none;
}
/* * Main (container for everything else) */
#main {
	padding-top: @topMenuHeight;
  body.front & {
  	padding-top: 0;
  }
}
/* * Content */
#content {
	margin-bottom: @elementGap;
}
.region-highlighted {
}
.breadcrumb {
/* Collected - 20130826 jeth */
/* The path to the current page in the form of a list of links */   
  body.front & {
  	display: none;
  }
  @media print { 
    visibility: hidden;
    display: none;
  }  
	position: absolute;
	top: 166px; 
  @media all and (max-width: @rspBreakPoint1) { 
    top: 178px;
  } 
  body.page-soegning & {  
    @media all and (max-width: @rspBreakPoint1) {   
      top: 166px-@topMenuHeight;
    }
  }  
  ol {           
    width: 100%;  
    height: 13px + @elementGap;   
    overflow: hidden;
  	margin: @elementGap;
  	padding: 0;
  	font-size: 13px;
  } 
  li {
  	display: block;
    clear: none;
    float: left;
    max-width: 20em;
  	list-style-type: none;
  	.zeroMarginPadding();
    padding-right: 0.4em;
  	font-weight: bold;  
    line-height: 13px + @elementGap;
    a, .breadcrumb-separator { 
    	display: block;
      clear: none;
      float: left; 
      height: 13px + @elementGap;   
      overflow: hidden;
    	color: #959595;       
    }
    a {    
      max-width: 20em - 1em;
    }                 
    .breadcrumb-separator { 
      padding-left: 0.4em;
      & > span {
      	display: none;
      }
    } 
  }
}
h1.title,
/* The title of the page */
h2.node-title,
/* Title of a piece of content when it is given in a list of content */
h2.block-title,
/* Block title */
h2.title,
/* Comment section heading */
h2.comment-form,
/* Comment form heading */
h3.title {
/* Comment title */
	margin: 0;
}
h2.node-title {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	line-height: 1.3;
}
tr.even {
/* Some tables have rows marked even or odd. */
}
tr.odd {
}
div.messages {
/* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
	margin: 1.5em 0; 
  ul {
  	margin-top: 0;
  	margin-bottom: 0;
  }
}
div.status {
/* Normal priority messages */
}
div.warning, tr.warning {
/* Medium priority messages */
}
div.error, tr.error {
/* High priority messages. See also the .error declaration below. */
}
.error {
/* Errors that are separate from div.messages status messages. */
}
.warning {
/* Warnings that are separate from div.messages status messages. */
}
.tabs {
/* See also the tabs.css file. */
}
.region-help {
/* Help text on a page */
}
.more-help-link {
/* Link to more help */
}
/* Forsider, navigering */
.view-alle-omraader1 td, .view-fag-i-omraade td, .view-skrivebord-browse-termqueue td,
.view-id-emu_emneord_p_temaforside_termqueue_ td, .view-id-prominente_links_p_forsiden, .view-emu-findes-ogs-p-emu {
	padding: @elementGap/2 @elementGap !important;
}
.view-alle-omraader1 td a, .view-fag-i-omraade td a, .view-skrivebord-browse-termqueue td {
	word-wrap: break-word;
}
.view-id-emu_temavisning {  
  .views-field-field-tekst {
  	padding: @elementGap;
  	line-height: 1.4;
  }
  .views-field-field-tema-billede {
  	width: @col1of2;
  	float: left;
  	margin: @elementGap;
  } 
  .view-footer {
  	clear: both;
  }
}
#se-alle-emneord-container, #se-alle-tvaergaaende-emneord-container {
	height: 15px; 
  /* conflict with font-size in em */
	padding-right: @elementGap;               
	margin-bottom: @elementGap; 
  a {
  	float: right;
  }
}
.se-alle-container {           
	height: 15px; 
  /* conflict with font-size in em */
	padding-right: @elementGap;
	text-align: right;
	clear: both; 
}
/* Content */
#content h1 {
	margin-left: @elementGap;
	margin-right: @elementGap;
}
/* Article, Collapsed metadata */
#content .group-collapsed-metadata {  
/* Collected - 20130828 jeth */
	clear: both;
  h3 {
  	border-top: 1px solid black;
  	border-bottom: 1px solid black;
  	font-size: @FSbig; // font-size: 1.4em;
  	line-height: 25px;
  	height: 25px; 
    a {
    	color: black;
    }
  }     
  .group-collapsed-metadata-icon { 
  	.widthHeight(12px, 12px);
  	float: right;
  	margin-top: 7px;
  	background-color: #888;
  	background-image: url("http://emu3.emu.dk/sites/all/themes/unizen/images/fold-ud.png");
  	cursor: pointer; 
    &.fold-ind {
    	background-color: #eee;
    	background-image: url("http://emu3.emu.dk/sites/all/themes/unizen/images/fold-ind.png");
    }
  }  
  .field {
  	margin-left: @elementGap;
  	margin-right: @elementGap;
    padding: 5px 0;
    &:nth-child(even) {
    	background-color: #e9e9e9;
    }
  }   
  .field-label {
  	width: 155px;
  	float: left;
  	padding-left: 5px;
  }  
  .field-items {
  	margin-left: 160px;
  	margin-right: @elementGap;
  }
  .field-name-field-rettigheder .field-item {
    margin-bottom: @elementGap;
    p {
      display: inline-block;
      margin: 0 0 -@elementGap/2 0;
      text-indent: 0;
      clear: both;
    }     
    ul {
    	list-style: none;
    	margin-bottom: -@elementGap/2;
    }
  }
  .field-name-field-faglige-maal-2 .field-item {
  	margin-left: -@elementGap;
  }  
  .field-group-format-wrapper {
  	margin-bottom: 20px;
  } 
}
#content {   
/* Collected - 20130828 jeth */
  article {  
    h2 {                  
    	margin: 30px @elementGap @elementGap @elementGap;
    	font-size: 154%; // font-size: 2.0em;
    	font-weight: bold;
    }
    h3 {                
    	margin: 2*@elementGap @elementGap @elementGap @elementGap;
    	font-weight: bold;
    }    
    .factbox h3 {
    	margin-top: 0;
    }  
    p {                  
    	margin-left: @elementGap;
    	margin-right: @elementGap;
    } 
    table {
    	border: 1px solid black;
    	border-collapse: collapse;
    	margin-left: @elementGap;
    	margin-right: @elementGap;
      td, th {
      	border: 1px solid black;
      	font-family: helvetica, arial, sans-serif;
      }
    } 
    > fieldset {    
    	margin-left: @elementGap;
    	margin-right: @elementGap;
    	font-size: @FSsmall;
      line-height: 1.5;
      .field-items {
        clear: both;
      }
      .field-item {
        display: inline-block;
        margin-left: @elementGap;
      }
    }
    /* Article, comments */
    .comments {  
      h2 {
      	border-top: 1px solid black;
      	border-bottom: 1px solid black;
      	font-size: @FSbig; // font-size: 1.4em;
      	line-height: 25px;
      	height: 25px;
      }    
      form {
      	margin-left: @elementGap;
      	margin-right: @elementGap;
      }
    }   
    .field-name-body a {
    	.linkHover();
      font-weight: normal;
    }
    /* Article gallery */
    .field-name-field-galleri {
    	clear: both;
    	padding-top: 40px;    
      .field-label {     
      	.widthHeight(@largePictureWidth, 25px);
      	margin: 20px @elementGap @elementGap @elementGap;
      	border-top: 1px solid black;
      	border-bottom: 1px solid black;
      	font-weight: bold;
      	line-height: 25px;
      }
      .field-item {
      	width: @col1of6;
        @media all and (max-width: @rspBreakPoint1) {
        	width: @col2of6;
        }
      	float: left;
      	margin: @elementGap; 
        img {
        	height: auto;
        	width: 100%;
        	max-width: @smallPictureWidth;
        }
      }
    }
    /* Article manchet */ 
    .field-name-field-manchet {
    	margin: @elementGap @elementGap;
    	font-size: @FSbiggest; // font-size: 1.6em;
    } 
    /* Article link */
    .field-name-field-link {
    	float: left;
    	color: black;
    	margin: 0 @elementGap 20px @elementGap;
    	background: #D8D8D8;
    	display: inline-block;
    	padding: 2px 5px;
    	.borderRadius(2px);
    	box-shadow: 1px 1px 3px #888;
      .field-label {
      	font-weight: normal;
      }
      a {
      	color: black;
      	font-weight: bold;
      }
    } 
    /* Article addthis_toolbox */
    .addthis_toolbox {
    	float: right;
    	width: 120px;
    	margin-right: @elementGap;
    	margin-bottom: @elementGap;
      a {
        display: inline-block;
      	float: right;
      }
    }                             
    /* Article, indsat modulkode */
    .field-name-field-modulkode {
    	margin-top: 20px;        
      .field-item {
      	margin: 20px @elementGap 20px @elementGap;
      }
      .rssDescription .field-item {
        display: inline;
        margin: 0;
      }
    }
  }  
  /* Article, attribution on embedded videos */ 
  figure {   
    .field-label {
    	display: none;
    }
    .field {
    	width: auto;
    	float: left;
    	color: #999; 
      .field-item:last-child:after {
      	content: ". ";
      }
      .field-item:empty:after {
        content: "";
      }
    }
  }
}
/* Article, sidebars */
.sidebars { 
/* Collected - 20130828 jeth */
  .view-emu-relaterede-eksterne-ressourcer { 
    ul {
    	padding-left: 0;
      font-size: @FSsmall;
      margin-top: @elementGap;
      margin-bottom: @elementGap;
    } 
    li {
    	margin-left: @elementGap; 
    	margin-right: @elementGap;
    	margin-bottom: 5px;
    	list-style-type: none; 
      .content {
        margin-left: 0; 
        margin-right: 0; 
      }
      a {
      	font-weight: bold;
      }
    }     
  }   
  .field-collection-item-field-relaterede-filer img {
  	padding-right: 5px;
  }
  .field-name-field-relateret-fil-manchet, .field-name-field-relateret-fil a {
    .wordBreak();
  }
  /* Article, sidebar tags */
  .views-field-field-tags ul {
  	padding: 0 @elementGap;    
    li {
    	display: inline-block;
    	background: #d8d8d8;
    	.borderRadius(2px);   
    	box-shadow: 1px 1px 3px #888;
    	padding: 0 5px;
    	line-height: 25px;
    	margin: 0 7px @elementGap 0;
      a {
      	margin: 0;
      	color: black;
      	white-space: nowrap;
        .hover &:hover {
        	background: #e9e9e9;
        	box-shadow: 0 0 2px #888;
        }
      }
    }
  }
}   
.views-field-field-relaterede-filer, .views-field-field-ekstern-ressource-manchet {             
  .content {
    margin-left: 0;
  }
}
/* Search result, page */ 
body.page-soegning.no-sidebars #content { 
  h2 {                  
  	margin: 30px @elementGap @elementGap @elementGap;
  	font-size: @FSbig; // font-size: 1.4em;
  }
  p {                  
  	margin-left: @elementGap;
  	margin-right: @elementGap;
  } 
}
body.page-soegning #content h1.title {
	display: none;
}
p.search-performance {
	display: none;
}
body.page-soegning h1 {
	margin-bottom: 20px;
}
body.page-soegning ul {
	padding-left: 0;
}
body.page-soegning ul li {
	list-style-type: none;
	list-style-image: none;
}
/* Search result, items */ 
.view-mode-search_result {  
/* Collected - 20130827 jeth */
	margin-bottom: 20px;
	margin-left: 0;
  @media all and (max-width: @rspBreakPoint2) { 
    .wordBreak();
  }
  h2 {
    display: block;
    font-size: @FSbig; // font-size: 1.4em;
  }    
  .field-name-field-artikelbillede,
  .field-name-field-billede { 
  	float: left; 
  	width: @smallPictureWidth; 
    @media all and (max-width: @rspBreakPoint1) {
      width: 90px;
    }    
    @media all and (max-width: @rspBreakPoint4) {
      width: 70px;
    }
    .nyheder-view & {
    	width: @smallPictureWidth + 2 * @elementGap;
      padding: 0 @elementGap 0 @elementGap;
    }
  	.boxSizing(border-box);
  	padding-right: 0;
    .content {
      margin-left: 0;
      margin-right: 0;
    }
  }       
  h2,                   
  .content {
    margin-left: @smallPictureWidth + @elementGap; 
    @media all and (max-width: @rspBreakPoint1) {
      margin-left: 90px + @elementGap;
    } 
    @media all and (max-width: @rspBreakPoint2) { 
      clear: both;
      margin-left: 0;
    }
    .nyheder-view & { 
      clear: none; // JETH hvad goer den godt for
    }   
  }  
  .field-name-field-omraade,
  .field-name-field-fag1,
  .field-name-field-tags { 
  	margin-bottom: @elementGap/2;
    .field-label, .field-items {
    	display: inline;
    	float: none;
    	width: auto;
    	color: #888;
    }       
    .field-items { 
      padding: 0;
    }
    .field-item {
      display: inline-block; 
      .lt-ie9 & {
        display: inline;
      }  
      &:after {  
        content: ", ";
        padding-right: 0.2em;
      }
      &:last-child:after,
      &.se-alle:after {
      	content: "";
      }  
      a {
        color: #888; 
      }   
    } 
  }     
  .field-name-field-manchet { 
  	margin-bottom: @elementGap;
  }
  .field-name-field-tags {
    @media all and (max-width: @rspBreakPoint2) { 
      display: none;
    } 
  }
}
.block-current-search h2, .block-current-search h3.searchresult-head {
	/* display: none;
*/
}
/* Figures, general */
div.figure-container {
	clear: both;
  display: block;
	-max-width: @largePictureWidth; 
  width: 100%;
  .boxSizing(border-box);
	margin: 0 @elementGap 0.5em @elementGap;
  @media all and (max-width: @maxWidth) { 
    padding-right: 2 * @elementGap;
  } 
  div.figure-container {
  	margin-left: 0;
  	margin-right: 0;
    padding-right: 0;
  }
  & + div {
    clear: both;
  }
}                       
/* One figure, full width */
div.one-figure img {
  width: @largePictureWidth; 
}            
div.two-figures img {
  width: @medPictureWidth; 
}
/* One figure, left or right */ 
.one-figure-left, .one-figure-right {
  .boxSizing(border-box);
	width: @medPictureWidth + 2 * @elementGap;
  max-width: 50%;               
	padding-left: @elementGap;
	padding-right: @elementGap; 
	float: left;
}               
.one-figure-right {
	float: right;
}     
.left-figure-of-two, .right-figure-of-two {
  .boxSizing(border-box);
	width: @medPictureWidth + @elementGap;
  max-width: 50%;
	padding-right: @elementGap;
	float: left;
}  
.right-figure-of-two {
	float: right;
}
/* Four figures */
div.four-figures img {
	width: @smallPictureWidth;
}
div.four-figures .first-figure-of-four {
	width: @smallPictureWidth;
	margin-right: @elementGap;
	float: left;
}
div.four-figures .third-figure-of-four, div.four-figures .second-figure-of-four {
	width: @smallPictureWidth;
	margin: 0 @elementGap;
	float: left;
}
div.four-figures .fourth-figure-of-four {
	width: @smallPictureWidth;
	margin-left: @elementGap;
	float: right;
}
.figcaption {
	color: black;
	clear: both;
	padding-top: 5px;
  font-size: @FSsmall;
}
.field-name-field-copyright, .field-name-field-ophavsret { 
  font-size: @FSsmaller;
}
/* iframes */
.media-element iframe {
    max-width: 100%;
}
/* Factboxes */
.factbox {
	background-color: #dee6e8;
	.borderRadius(3px);
	display: inline-block;  
  h3 {
  	margin-top: @elementGap;
  	margin-left: @elementGap;
  	margin-right: @elementGap;
  }
}
.factbox-left {
	float: left;
	margin-right: 2*@elementGap;
	margin-left: @elementGap;
}
.factbox-right {
	float: right;
	margin-left: 2*@elementGap;
	margin-right: @elementGap;
}
.factbox-medium {
	width: @medPictureWidth;
}
.factbox-small {
	width: @smallPictureWidth;
}
#content article ul {
	margin: 0 @elementGap @elementGap 3*@elementGap;
	padding: 0;
	display: block;
	clear: both; 
  li {
  	line-height: 1.2;
  }
}
#content article ol {
	clear: both;
	display: block;
}
/* Other content */
.region-content {
/* Wrapper for the actual page content */
}
ul.inline {
/* List of links generated by theme_links() */
	display: inline;
	padding: 0;
}
ul.inline li {
	display: inline;
	list-style-type: none;
	padding: 0 1em 0 0;
/* LTR */
}
span.field-label {
/* The inline field label used by the Fences module */
	padding: 0 1em 0 0;
/* LTR */
}
.item-list .pager {
/* A list of page numbers when more than 1 page of content is available */
	padding: 0;
}
.item-list .pager li {
/* Each page number in the pager list */
	padding: 0 0.5em;
}  
a.feed-icon img {
  width: auto;
  margin: @elementGap;
}
.sidebars a.feed-icon, .region a.feed-icon {          
  /* The link to the RSS or Atom feed for the current list of content */
  display: block;
  height: 1.5em;
  text-align: right;
  width: 100%;
  &:before {
    content: "Abonnér på RSS";
    display: block;
    margin-right: 16px + @elementGap + @elementGap;
  }
  img {
    display: inline-block;
    margin: 0 @elementGap 0 0;
    position: relative;
    top: -1.5em;
    width: auto;
  }
}
.view-emu-forsidenyheder + a.feed-icon:after {
    clear: none;
    content: "Abonnér på RSS";
    display: block;
    float: left;
    margin-left: @elementGap;
    margin-top: 8px;
}
.more-link {
/* Aggregator, blog, and forum more link */
	margin-right: @elementGap;
	font-weight: bold; 
  a {
    text-transform: capitalize;
  }   
}
/* oversigt over rss-feeds */
.view-alle-feeds .view-content {
    margin-left: @elementGap;
    margin-right: @elementGap;
}
.view-alle-feeds {
  .view-content > table {
    border: 1px solid #bebfb9;
    table-layout: fixed;
    width: 100%;
  }     
  caption {
    font-weight: bold;
    text-align: left;
    p {
      display: inline-block;
    }
  }
  .views-field-name, .views-field-description {
    width: 42%;
  }
  .views-field-tid {
    width: 20%;     
    @media all and (max-width: @rspBreakPoint2) { 
      width:16%;
    }
  }     
  tr {
    border: none;
    padding: 0;
    background: #ffffff;
    &.even {
      background: #f3f4ee;
    }
  }  
  th, td {
    padding: 0.3em 10px 0 10px;
    vertical-align: top;
  }
  th {
    background: #e1e2dc;
    border: 1px solid #bebfb99;
    text-transform: uppercase;
    padding-bottom: 0.2em;
  } 
}
/*  * UNI-Cs regioner */
.region-anbefalinger, .region-anbefalinger-alt {
	clear: both;
}
aside.nyheder {
	clear: both;
}
aside.udtraek {
	clear: both;
}
.region-tvaergaaende {
	clear: both;
}
h2.block-title {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size: @FSbig; // font-size: 1.4em;
	padding: 0;
	margin: 0 @elementGap;
}
.region ul li {
	margin-left: @elementGap;
	margin-right: @elementGap;
}
/* * Footer */
#footer p {
	margin: @elementGap 5px;
}
/* * Page bottom */
.region-bottom {
/* Wrapper for any blocks placed in the page bottom region */
}
/* Materialeplatformens embedkode */
#content .field-name-field-modulkode .mp-app table, #content .field-name-field-modulkode .mp-app table td, #content .field-name-field-modulkode .mp-app table th {
	border: 0 !important;
	text-shadow: none;
}
.mp-app table {
	margin: @elementGap 0 !important;
}
.mp-app .mp-search {
	background-color: white !important;
	border-top: 1px solid black;
}
.mp-app .mp-search h2 {
	margin: @elementGap 0 !important;
	padding: 0;
}
.mp-app .mp-search input, .mp-app .mp-search button, .mp-app .mp-search select {
	font-size: 13px !important;
}
.mp-app .mp-search {
	padding: 0;
}
.mp-app .mp-search .mp-search-box {
	margin-left: 0;
}
.mp-app label {
	display: inline;
}
.mp-app .mp-radio {
	margin: 0 0 @elementGap 0;
	float: left;
}
.mp-app .mp-pager {
	display: none;
}
/* Nyhed, fuld visning */
body.node-type-nyhed article .field-type-text-with-summary, body.node-type-nyhed section.comments, body.node-type-nyhed .group-collapsed-metadata {
	width: @col4of6;
}
body.node-type-nyhed article header {
	display: none;
}
/* Faelles maal paa soegeresultatsiden */
body.page-soegfm #content .block-facetapi {
	background: #eee;
	.borderRadius(5px);
	padding: 5px @elementGap @elementGap 15px;
}
body.page-soegfm #content .block-facetapi a.facetapi-limit-link {
	display: block;
	text-align: right;
}
body.page-soegfm ul.expanded {
	padding-left: 2*@elementGap;
}
body.page-soegfm li {
	margin-left: 0 !important;
}
body.page-soegfm li.leaf {
	list-style: none !important;
}
body.page-soegfm ul {
	padding-left: @elementGap;
}  
/* hvor boer disse vaere ? */
.comments .field-name-comment-body .field-items {
    margin-left: 20px;
    margin: 0 @elementGap 0 2*@elementGap;
}
.comments .indented {
  margin-left: 2*@elementGap; /* LTR */
}