/* fix for weird line-height issue on <strong> element */
strong {
    line-height: 1em;
}

/* custom throbber */
.overlay-spinner {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  background: rgba(255,255,255,0.75);
}

.overlay-spinner .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  
}

@keyframes jump
{
  0% {top:0px}
  50% {top:-5px}
  100% {top:0px}
}

.overlay-spinner .spinner .overlay-headline{

  position: absolute;
  left: -125px;
  top: -225px;
  width: 250px;
  text-align: center;
  font-size: 60px;
  color: rgba(100,100,100,0.5);

}
.overlay-spinner .spinner .overlay-headline span{

  position: relative;
  animation-name: jump;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.overlay-spinner .spinner .overlay-headline span:nth-child(1){ animation-delay: 0.1s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(2){ animation-delay: 0.2s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(3){ animation-delay: 0.3s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(4){ animation-delay: 0.4s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(5){ animation-delay: 0.5s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(6){ animation-delay: 0.6s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(7){ animation-delay: 0.7s; }
.overlay-spinner .spinner .overlay-headline span:nth-child(8){ animation-delay: 0.8s; }

.overlay-spinner .spinner .overlay-logo {
  margin-top:-125px;
  margin-left:-125px;
  width:250px;
  height:250px;
}

.ipe-throbber {
  display: none;
}


.section-undervisning .view-image-grid .view-grouping-header p
{
  font-style: normal;
}

.section-undervisning .view-image-grid .views-field.views-field-field-manchet
{
  height: 45px;
  margin-bottom:0.5em;
  overflow: hidden;
}



#superfish-4 .sf-description
{
  display:none;
}

/* search */

/* search link */
#block-menu-menu-secondary-menu a[href="/find"]::after,
#block-menu-menu-secondary-menu a[href="/search"]::after {
    content: "\f002";
    font-family: FontAwesome;
    margin-left: 0.55em;
}

.search-manchet
{
  margin:0 0 1em;
}

.view-id-search.view-display-id-page .views-row
{
  margin-bottom:2em;
}
.view-id-search.view-display-id-page .views-field-title h3
{
  margin-bottom:0.5em;
}

.view-id-search.view-display-id-page .views-field-title a {
    font-weight: bold;
    color: #464646;
}

.view-id-search.view-display-id-page .views-field-type-1
{
  margin: 0.75em 0 0.5em;
}

/* hide items when there's no user input */
.view-id-search.views-exposed-no-input .view-resume,
.view-id-search.views-exposed-no-input .view-empty,
.view-id-search.views-exposed-no-input .pager
{
  display:none;
}

/* show type or not */

.view-id-search.view-display-id-page .views-field-type-1 .content-type-begivenhed .content-type-label,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-artikel .content-type-label,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-samling .content-type-label,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-materiale .content-type-label,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-activity .content-section-label,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-course .content-section-label,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-app_page .content-section-label
{
  /* test showing for all (though we're showing section and not content type in .content-type-label div) */
  display:none;
}

.view-id-search.view-display-id-page .views-field-type-1 .content-type-begivenhed .content-type-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-artikel .content-type-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-samling .content-type-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-materiale .content-type-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-section-label::before
{
  content:' - ';
}

.view-id-search.view-display-id-page .views-field-type-1 .content-type-activity .content-section-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-course .content-section-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-app_page .content-section-label::before,
.view-id-search.view-display-id-page .views-field-type-1 .content-type-person .content-section-label::before
{
  content: '';
}

/* icons for other types */
.material-type-icon-inline.material-type-icon-none.content-type-person::before {
    content: "";
}

.material-type-icon-inline.material-type-icon-none.content-type-activity::before,
.material-type-icon-inline.material-type-icon-none.content-type-course::before,
.material-type-icon-inline.material-type-icon-none.content-type-app_page::before {
  color: #80D429;
  content: "";
  content: "\f0eb";
}
.material-type-icon-none.content-type-activity .content-type-label,
.material-type-icon-none.content-type-course .content-type-label,
.material-type-icon-none.content-type-app_page .content-type-label {
  line-height: 1.5em;
}
.material-type-icon-none.content-type-activity .content-type-label::after,
.material-type-icon-none.content-type-course .content-type-label::after,
.material-type-icon-none.content-type-app_page .content-type-label::after {
  content: " - ";
  background-image: url("../images/Fag-med-smag-logo_rentekst_trimmed.png");
  background-size: 100px 24px;
  width: 112px;
  height:24px;
  display: inline-block;
  vertical-align: baseline;
  margin: 0px 0 0 5px;
  background-position-x: 12px;
  background-repeat: no-repeat;
  /*background-position-y: -4px;*/
}
.material-type-icon-inline.material-type-icon-none.content-type-activity::before{
  /*content: "\f040";*/
}
.material-type-icon-inline.material-type-icon-none.content-type-course::before {
  /*content: "\f0ae";*/
}

/* pager */
.view-search .pager__item a {
    background-color: #4076B3;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
}
.view-search .pager__item a:hover
{
  color:#fff;
}

/* exposed filters */
.views-exposed-widget.views-widget-filter-search_api_views_fulltext
{
  position:relative;
}

.view-id-search.view-display-id-page .views-operator
{
  position:absolute;
  top:65px;
}
.view-id-search.view-display-id-page .views-operator select
{
  width:292px;
  border-color: #E7E7E7;
  border-width: 0;/*1px 0 1px 0;*/
  border-style: solid;
  border-radius: 0;
  font-size: 14px;
  color: inherit;
  padding: 0.25em 1.5em;
  line-height: normal;
  transition: border-color 0.2s ease, outline 0.2s ease;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
}
.view-id-search.view-display-id-page .views-operator select:focus
{
  outline:none;
}
.view-id-search.view-display-id-page .views-operator .form-item::before
{
  position: absolute;
  top: 9px;
  left:10px;
  pointer-events: none;
  color: #4076B3;
  
      content: "";
      display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.view-id-search.view-display-id-page .views-operator select:hover
{
  cursor:pointer;
}

.view-id-search.view-display-id-page > .view-filters
{
  padding: 1em 0 1.5em;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  margin: 0 0 2em 0;
}

.view-id-search.view-display-id-page > .view-filters .views-exposed-widgets:after
{
  content: "";
  display: table;
  clear: left;
}
.view-id-search.view-display-id-page > .view-filters input[type=submit],
.search-form .form-submit
{
  background: #4076B3;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
}
.view-id-search.view-display-id-page > .view-filters input[type=text],
.search-form .form-item-search-api-views-fulltext input
{
  padding: 7px 15px 7px 15px;
  border: 1px solid #aaa;
  
}
.view-id-search.view-display-id-page > .view-filters input[type=submit]:hover,
.search-form .form-submit:hover
{
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.view-id-search.view-display-id-page .views-exposed-form .views-exposed-widget .views-widget,
.view-id-search.view-display-id-page .views-exposed-form .views-exposed-widget .form-submit
{
    margin-top: 22px;
}
.view-id-search.view-display-id-page .views-exposed-form #edit-search-api-views-fulltext-wrapper label
{
  height:16px;
  position:absolute;
  
}

/* sidebar and facets */

.view-id-search.view-display-id-page .sidebar .ctools-collapsible-content,
.view-id-search.view-display-id-page .mobile-filters .ctools-collapsible-content
{
  width:100%;
}

.view-id-search.view-display-id-page .sidebar .facetapi-facetapi-links .ctools-collapsible-content,
.view-id-search.view-display-id-page .mobile-filters .facetapi-facetapi-links .ctools-collapsible-content,
.view-id-search.view-display-id-page .sidebar .facetapi-facetapi-ajax-links .ctools-collapsible-content,
.view-id-search.view-display-id-page .mobile-filters .facetapi-facetapi-ajax-links .ctools-collapsible-content
{
  margin: 1em 0;
}
.view-id-search.view-display-id-page .sidebar .ctools-collapsible-content ul,
.view-id-search.view-display-id-page .mobile-filters .ctools-collapsible-content ul
{
  margin:0;
}

.view-id-search.view-display-id-page .mobile-filters .ctools-collapsible-content ul li
{
  margin:0.5em 0;
}


.facet-filter-active .ctools-collapsible-handle .active-label{
  display:none;
}


.facet-filter-active > .ctools-collapsed > .ctools-collapsible-handle > h3 > .active-label,
.facet-filter-active > .ctools-collapsed > .ctools-collapsible-handle > .active-label{
  display:inline;
  font-style: italic;
  font-weight:normal;
  color: #aaa;
  font-size: 0.75em;
}
.facet-filter-active .ctools-collapsed .ctools-collapsible-handle .active-label::before {
    content: " \f00c  ";
/*    color: #E66D5D;*/
    font-family: 'FontAwesome';

}

.facetapi-facetapi-links li, .facetapi-facetapi-ajax-links li
{
  list-style-type:none;
}
.facetapi-facetapi-links li.leaf.active::before, .facetapi-facetapi-ajax-links li.leaf.active::before
{
  content: '\f00c';
  font-family: 'FontAwesome';
  float: left;
  margin-top:0.15em;
  margin-left: -1.25em;
}
.facetapi-facetapi-links li.leaf.active:hover::before, .facetapi-facetapi-ajax-links li.leaf.active:hover::before
{
  content: '\f00d';
}

.facetapi-facetapi-links li.collapsed::before, .facetapi-facetapi-ajax-links li.collapsed::before
{
  content: '\f0da'; 
  font-family: 'FontAwesome';
  float: left;
  margin-top:0.35em;
  margin-left: -1.25em;
  font-size: 0.75em;
}
.facetapi-facetapi-links li.expanded::before, .facetapi-facetapi-ajax-links li.expanded::before
{
  content: '\f0d7';
  font-family: 'FontAwesome';
  float: left;
  margin-top:0.25em;
  margin-left: -1.25em;
  font-size: 0.75em;
}


.group-info.mobile-filters
{
  border-top:0px;
}

#facet-filter-mobile > .ctools-collapsible-handle
{
  border-bottom: 1px solid #E7E7E7;
}
#facet-filter-mobile > .ctools-collapsible-handle h3
{
  margin-bottom: 0.5em;
}

#facet-filter-sidebar
{
  display:none;
}

@media (max-width:759px)
{
  .view-id-search.view-display-id-page > .view-filters
  {
    margin-bottom: 0;
  }
}

@media (min-width: 760px) {
  #facet-filter-mobile
  {
    display:none;
  }
  #facet-filter-sidebar
  {
    display:block;
  }
  
}

.view-id-search.view-display-id-page .ctools-collapsible-content
{
  position:relative;
}

.view-id-search.view-display-id-page a.reset-link {
  width: auto;
  position: absolute;
  margin-top: -2.75em;
  right: 0px;
  color:#aaa;
  font-size: 0.75em;
}
.view-id-search.view-display-id-page .mobile-filters a.reset-link
{
  display:none;
}
/*
.view-id-search.view-display-id-page .facetapi-facetapi-links.facet-filter-active a.reset-link,
.view-id-search.view-display-id-page .facetapi-facetapi-ajax-links.facet-filter-active a.reset-link
{
  display: block;
}*/
/*
.facetapi-facetapi-links li.leaf, .facetapi-facetapi-ajax-links li.leaf, .facetapi-facetapi-links li.leaf.active:hover, .facetapi-facetapi-ajax-links li.leaf.active:hover
{
    list-style-type: circle;
}
.facetapi-facetapi-links li.active.leaf, .facetapi-facetapi-ajax-links li.active.leaf, .facetapi-facetapi-links li.leaf:hover, .facetapi-facetapi-ajax-links li.leaf:hover
{
    list-style-type: disc;
}
.facetapi-facetapi-links li.collapsed, .facetapi-facetapi-ajax-links li.collapsed
{
  list-style-type: disclosure-closed;
}
.facetapi-facetapi-links li.expanded, .facetapi-facetapi-ajax-links li.expanded
{
  list-style-type: disclosure-open;
}*/

.facetapi-facetapi-links li a, .facetapi-facetapi-ajax-links li a
{
  padding-left: 40px;
  margin-left:-40px;
}

.facetapi-facetapi-links li.last-active, .facetapi-facetapi-ajax-links li.last-active
{
  margin-bottom:1em;
}

@media (min-width: 760px) {
  .view-id-search.view-display-id-page > .view-content, .view-id-search.view-display-id-page > .view-filters, .search-manchet
  {
    max-width: 65.95745%;
  }
}

@media (min-width: 760px) and (min-width: 960px) {
  .view-id-search.view-display-id-page > .view-content, .view-id-search.view-display-id-page > .view-filters, .search-manchet
  {
    
  }
}

/* search block */

.search-form .description
{
  font-style: italic;
  color: #aaa;
}

@media (min-width: 760px) {
  .search-form .description
  {
    width: 48.93617% !important;
    float: right;
  }
  .search-form .form-submit
  {
    margin-top: 31px;
  }
  
}
@media (max-width:959px)
{
  .search-form .form-submit
  {
    margin-top: 26px;
  }
  .secondary-nav { /* add extra width to nav, to make space for search icon */
    width: 35.91489%;
  }
}
.search-form .form-item-search-api-views-fulltext
{
  float:left;
  padding: .5em 1em 0 0;
}


.search-form .form-type-checkbox input[type="checkbox"] {
  display:none;
}
.search-form .form-type-checkbox label.option::before {
    /*content: "\f096";*/
    content: "";
    font-family: FontAwesome;
    margin-right: .5em;
    font-size: 1.25em;
    vertical-align: middle;
    display:inline-block;
    width:1em;
    height:1em;
    vertical-align: bottom;
    
    border: 1px solid #aaa;
    background-repeat: no-repeat;
    background-size: 0.75em;
    background-position: center;

}

.search-form .form-type-checkbox label.option::before,
.view-id-search.view-display-id-page > .view-filters input[type=submit],
.search-form .form-submit,
.view-id-search.view-display-id-page > .view-filters input[type=text],
.search-form .form-item-search-api-views-fulltext input
{
  border-radius: 3px;
}

.search-form .form-type-checkbox input[type="checkbox"]:checked ~ label.option::before {
  /* not using font-awesome
  content: "\f046";
  margin-right: .35em;
  */
  content: "";
  
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'><path fill='none' stroke='currentColor' stroke-width='3' d='M1.73 12.91l6.37 6.37L22.79 4.59' /></svg>");
}

.search-header-form.l-grid
{
  padding-bottom:4em;
  height:auto;
  display:none;
}

@media (max-width:759px)
{
  div.search-button-mobile-toggle
  {
    position: absolute;
    top: 10px;
    right: 70px;
  }
  div.search-button-mobile-toggle.active-trail a.search-button-mobile,
  div.search-button-mobile-toggle.active a.search-button-mobile
  {
     background: #a9a9a9;
  }

  a.search-button-mobile::before {

    content: "\f002";
    width: 2em;
    height: 1.357em;
    display: block;
    border-radius: 2px;
    margin: 0 auto;
    font-family: FontAwesome;
    text-align: center;
    padding-top: 2px;

  }
  a.search-button-mobile {

      background: #f9f9f9;
      border: 1px solid #e1e1e1;
      color: #555555;
      padding: 0.5em 10px;
      display: block;

  }
}

.search-button-mobile,
#superfish-1-toggle
{
  border-radius: 3px;
}


/* secondary menu */

.secondary-nav .menu li.active-trail,
.secondary-nav .menu li:hover {
    border-bottom: 2px solid #aaa;
    padding-bottom: 1px;
}
.secondary-nav .menu li,
.secondary-nav .menu li.last.leaf {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.clearfix-left {
  *zoom: 1;
}
.clearfix-left:after {  
  content: "";
  display: table;
  clear: left;
}