/* README Subtheme.scss
 *
 * File:        screen.scss
 * Description: Stylesheet for Taalunie subtheme
 * Author:      Two Kings, Sebastiaan Bonardt - @_sebbon
 *
 * This file builds upon styles already laid out from the main base theme Taaluniebasis styling
 * There are therefore no base, resets or any of those type style declarations
 * This css adds to the css form Taalunie basis, and contains website specific styling
 * not set in Taaluniebasis
*/
/**
* File:        _base.scss
* Description: This base file contains all project VARIABLES and (custom) mixins 
* Author:      Sebastiaan Bonardt - @_sebbon
*/
/**
* Website settings. Change these as desired:
*/
/**
* Colours from TAALUNIE HUISSTIJL
*/
/**
* Theme colors 
*/
/*
********************************************************************************
  ___ ___  _    ___  _   _ ___    ___ _  _  ___ ___ ___ ___ 
 / __/ _ \| |  / _ \| | | | _ \  / __| || |/ _ \_ _/ __| __|
| (_| (_) | |_| (_) | |_| |   / | (__| __ | (_) | | (__| _| 
 \___\___/|____\___/ \___/|_|_\  \___|_||_|\___/___\___|___|
                                                            
********************************************************************************

** Set theme Colour from Constellation choices above!! Use A, B, C, etc.
** colour derived from selected constellation colour Huisstijl Taalunie
** After changing this variable recompile sass files in subtheme
*/
/*******************************************************************************
/*******************************************************************************
*/
/* Generic helper colours */
/* Media Query Breakpoints */
/* 
 * Mixin: Breakpoints handling RWD including Old-IE (lte IE98)
*/
/* 
 * Mixin: Old IE. Only print this for Old-ie stylesheet
*/
/* 
 * Mixin: Font size rem and px mixin
*/
/* 
 * Mixin: Header font size rem and px mixin
*/
/*
 * Mixin: REM to Px
*/
/* 
 * Mixin: Linear gradient 
*/
/* Mixin: Background retina image
 * set one background image for both retina, normal and IE screens without issues.
 * use as: @include background-image(spritename, 0  0, 500px 1500px);
 * save images sprite twice the size, set the $size to half e.g. sprite img dimensions: 1000 x 1000, size 500 x 500
 * for retina able browsers background-size values are added
*/
/**
* File:        _theme.scss
* Description: _theme.scss contains all styles for implementing the base theme look & feel
*
* IMPORTANT:   You can set the secondary $baseSecondThemeColour variable in _base.scss
*              to change the header colour according to the site theme from the Taalunie
*              Huisstijl document. After setting the $baseSecondThemeColour variable in
*              this subtheme's _base.scss file recompile the sass files to css for colour
*              changes to take effect
* Author:      Sebastiaan Bonardt - @_sebbon
*/
/* line 13, ../scss/modules/_theme.scss */
body {
  background-color: #f4f4f4;
}
/* line 15, ../scss/modules/_theme.scss */
body > header {
  background-color: #fff;
}
/* line 18, ../scss/modules/_theme.scss */
body > footer {
  background-color: #182b49;
}

@media only screen and (min-width: 48em) {
  /* line 24, ../scss/modules/_theme.scss */
  nav .menu-bg {
    background-color: #00b0ca;
  }
}
@media only screen and (min-width: 48em) {
  /* line 30, ../scss/modules/_theme.scss */
  nav ul ul {
    background-color: #00b0ca;
  }
}
/* line 38, ../scss/modules/_theme.scss */
nav li.active a, nav li.active-trail a {
  background-color: #00b0ca;
}
/* line 40, ../scss/modules/_theme.scss */
nav li.active a:hover, nav li.active a:active, nav li.active a:focus, nav li.active a.active, nav li.active-trail a:hover, nav li.active-trail a:active, nav li.active-trail a:focus, nav li.active-trail a.active {
  background-color: #009ab1;
}
@media only screen and (min-width: 48em) {
  /* line 40, ../scss/modules/_theme.scss */
  nav li.active a:hover, nav li.active a:active, nav li.active a:focus, nav li.active a.active, nav li.active-trail a:hover, nav li.active-trail a:active, nav li.active-trail a:focus, nav li.active-trail a.active {
    background-color: #00b0ca;
  }
}
/* line 49, ../scss/modules/_theme.scss */
nav li a:hover, nav li a:active, nav li a:focus, nav li a.active, nav li a.active-trail {
  background-color: #00b0ca;
}
@media only screen and (min-width: 48em) {
  /* line 54, ../scss/modules/_theme.scss */
  nav .menu-wrap {
    background-color: #00b0ca;
  }
  /* line 57, ../scss/modules/_theme.scss */
  nav .menu-wrap ul {
    background-color: #00b0ca;
  }
  /* line 61, ../scss/modules/_theme.scss */
  nav .menu-wrap ul li.active a, nav .menu-wrap ul li.active a:link, nav .menu-wrap ul li.active a:visited, nav .menu-wrap ul li.active-trail a, nav .menu-wrap ul li.active-trail a:link, nav .menu-wrap ul li.active-trail a:visited {
    color: #00b0ca;
  }
}

/**
* File:        _modulename.scss
* Description: _modulename.scss contains all styles for ....
* Author:      Sebastiaan Bonardt - @_sebbon
*/
/**
* IMPORTANT: ALL STYLES CASCADE FROM TAALUNIEBASIS THEME AND CSS FILES !!!!! EXCLAMATION MARKS !!!!
*
*
* About the Responsive Web Design breakpoints in this setup:
* from base.scss, use small-screens, medium-screens, large-screens, xlarge-screens, wide-screens
* Use them with "respond-to" mixin from base.scss as "@include respond-to(small-screens) {}"
*
* page setup: body direct descendants are the main wrappers containing direct
* descendant with .inner-wrap class set to center the content on the page. Used in favor
* of a general top level wrap all wrapper for esthetics sake.
*
* The design pattern here is that some parts (e.g. header/footer) of the website need a full-width
* background color, but the contents needs to be centered on the page
*
* ! If no full width background-colors are in the design you can remove the inner-wrap div's and
* set the $site-max-width on the body with margin:0 auto;
*
*/
/* line 1, ../scss/modules/_layout.scss */
.front .main-content, .main-content {
  max-width: 100%;
  overflow: visible;
}
@media only screen and (min-width: 75em) {
  /* line 1, ../scss/modules/_layout.scss */
  .front .main-content, .main-content {
    margin-left: 0;
  }
}

@media only screen and (min-width: 48em) {
  /* line 10, ../scss/modules/_layout.scss */
  aside + .main-content {
    float: left;
    width: 75%;
    padding-left: 1em;
    margin-left: 0;
  }
}
@media only screen and (min-width: 60em) {
  /* line 10, ../scss/modules/_layout.scss */
  aside + .main-content {
    max-width: 75%;
    width: 75%;
    padding: 0.3em 1em 0;
    margin-left: 0%;
  }
}
@media only screen and (min-width: 75em) {
  /* line 10, ../scss/modules/_layout.scss */
  aside + .main-content {
    max-width: 80%;
    width: 80%;
    padding: 0.3em 1em 0;
  }
}

@media only screen and (min-width: 60em) {
  /* line 32, ../scss/modules/_layout.scss */
  .main-content + aside {
    float: left;
    max-width: 75%;
    width: 75%;
    padding: 0;
    margin-left: 0%;
  }
}
@media only screen and (min-width: 75em) {
  /* line 32, ../scss/modules/_layout.scss */
  .main-content + aside {
    max-width: 80%;
    width: 80%;
    padding: 0 1em 0;
  }
}

/* line 51, ../scss/modules/_layout.scss */
.front .main-content,
.page-leidraad .main-content,
.node-type-leidraad .main-content {
  width: 100%;
  margin: 0;
}

/* line 60, ../scss/modules/_layout.scss */
.front .main-content .block #mini-panel-taalblokken {
  margin-top: -35px;
}

@media only screen and (min-width: 48em) {
  /* line 69, ../scss/modules/_layout.scss */
  .front .main-content {
    min-height: 760px;
    position: relative;
  }
  /* line 74, ../scss/modules/_layout.scss */
  .front .main-content .block #mini-panel-taalblokken {
    width: 27%;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 1em;
    margin-top: 35px;
  }

  /* line 87, ../scss/modules/_layout.scss */
  .node-type-leidraad .main-content {
    width: 75%;
  }
}
@media only screen and (min-width: 60em) {
  /* line 95, ../scss/modules/_layout.scss */
  .front .main-content {
    min-height: 735px;
  }
  /* line 99, ../scss/modules/_layout.scss */
  .front .main-content .block #mini-panel-taalblokken {
    width: 22%;
  }

  /* line 107, ../scss/modules/_layout.scss */
  .page-leidraad .main-content {
    width: 75%;
    float: left;
  }
  /* line 112, ../scss/modules/_layout.scss */
  .page-leidraad aside {
    width: 24%;
    float: right;
  }

  /* line 119, ../scss/modules/_layout.scss */
  .node-type-leidraad .content-top {
    width: 65%;
  }
}
/**
* File:        _lists.scss
* Description: _lists.scss contains all extra styles for lists
* Author:
*/
/* line 9, ../scss/modules/_lists.scss */
.menu > li > a {
  font-size: 20px;
  line-height: 30px;
}
/* line 14, ../scss/modules/_lists.scss */
.menu > li > .menu {
  padding-left: 15px;
}
/* line 18, ../scss/modules/_lists.scss */
.menu > li > .menu > li > a {
  font-size: 17px;
}

/**
* File:        _search-field-leidraad.scss
* Description: _search-field-leidraad.scss contains all extra styles for search field on leidraad page
*/
/* line 7, ../scss/modules/_search-field-leidraad.scss */
#views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget {
  width: 100%;
  padding: .7em 0 0;
}
/* line 12, ../scss/modules/_search-field-leidraad.scss */
#views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget.views-widget-filter-search_api_views_fulltext label {
  display: block;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 5px;
}
/* line 19, ../scss/modules/_search-field-leidraad.scss */
#views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget.views-widget-filter-search_api_views_fulltext .form-type-textfield {
  margin-bottom: 0;
}
/* line 22, ../scss/modules/_search-field-leidraad.scss */
#views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget.views-widget-filter-search_api_views_fulltext .form-type-textfield .form-text {
  margin-bottom: 0;
}
/* line 29, ../scss/modules/_search-field-leidraad.scss */
#views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget.views-submit-button .form-submit {
  line-height: 22px;
  margin-top: 0;
  width: 100%;
}

@media only screen and (min-width: 37.5em) {
  /* line 40, ../scss/modules/_search-field-leidraad.scss */
  #views-exposed-form-leidraad-page {
    max-width: 863px;
  }
  /* line 45, ../scss/modules/_search-field-leidraad.scss */
  #views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget.views-widget-filter-search_api_views_fulltext {
    width: 69%;
    float: left;
  }
  /* line 50, ../scss/modules/_search-field-leidraad.scss */
  #views-exposed-form-leidraad-page .views-exposed-form .views-exposed-widget.views-submit-button {
    float: right;
    width: 30%;
  }
}
/*
* All the different kinds of string layout used to make everything more clear.
*/
/* line 5, ../scss/modules/_strings.scss */
.string__lightgray, .wle-sublabel {
  color: #6d6f64;
}

/**
* File:        _blocks-aside-leidraad.scss
* Description: _blocks-aside-leidraad.scss contains all extra styles for blocks in right sidebar
*/
/* line 7, ../scss/modules/_blocks-aside-leidraad.scss */
.page-leidraad aside > .block {
  background: #fff;
  border: 1px dotted #00b588;
  margin-bottom: 1em;
  padding: .75em;
}
/* line 13, ../scss/modules/_blocks-aside-leidraad.scss */
.page-leidraad aside > .block p {
  margin: 0;
}
/* line 17, ../scss/modules/_blocks-aside-leidraad.scss */
.page-leidraad aside > .block:first-child {
  background: #FAFAFA;
  border: 1px dashed #00b588;
}
/* line 22, ../scss/modules/_blocks-aside-leidraad.scss */
.page-leidraad aside > .block:last-child {
  background: #00b588;
  color: #fff;
}

/**
* File:        _autocomplete.scss
* Description: _autocomplete.scss contains overrides for autocomplete
*/
/* line 6, ../scss/modules/_autocomplete.scss */
#autocomplete {
  background-color: #FFF;
  border: 1px solid #DDD;
}
/* line 11, ../scss/modules/_autocomplete.scss */
#autocomplete ul li {
  font-size: 16px;
  line-height: 27px;
  padding: 5px;
}
/* line 16, ../scss/modules/_autocomplete.scss */
#autocomplete ul li.selected {
  background: #00b0ca;
}

@media only screen and (min-width: 75em) {
  /* line 24, ../scss/modules/_autocomplete.scss */
  #autocomplete {
    width: 596px !important;
  }
}
/**
* File:        _overrides.scss
* Description: _overrides.scss contains overrides
*/
/* line 5, ../scss/modules/_overrides.scss */
.views-field-search-api-excerpt strong {
  background-color: #00b588;
  color: #fff;
}

/**
* File:        _sub-menu-leidraad.scss
* Description: _sub-menu-leidraad.scss contains all extra styles for the submenu
*/
/* line 10, ../scss/modules/_sub-menu-leidraad.scss */
.node-type-leidraad .sub-menu li.active a:after {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/**
* File:        _blocks-front.scss
* Description: _blocks-front.scss contains all extra styles for blocks on front page
*/
/* line 10, ../scss/modules/_blocks-front.scss */
.front .main-content .block #mini-panel-taalblokken .pane-bean .entity-bean {
  background: #fff;
  border: 1px dotted #00b588;
  margin-bottom: 1em;
  padding: .75em;
}
/* line 16, ../scss/modules/_blocks-front.scss */
.front .main-content .block #mini-panel-taalblokken .pane-bean .entity-bean p {
  margin: 0;
}
/* line 22, ../scss/modules/_blocks-front.scss */
.front .main-content .block #mini-panel-taalblokken .pane-bean.pane-bean-de-regels-van-de-spelling .entity-bean {
  background: #FAFAFA;
  border: 1px dashed #00b588;
}
/* line 29, ../scss/modules/_blocks-front.scss */
.front .main-content .block #mini-panel-taalblokken .pane-bean.pane-bean-groene-boekje .entity-bean {
  background: #00b588;
  color: #fff;
}

/**
* File:        _typography.scss
* Description: _typography.scss contains all extra typography styles
*/
/* line 9, ../scss/modules/_typography.scss */
main strong, footer strong {
  font-family: "Kievit", Arial, Sans-serif;
  font-weight: bold;
}

/* line 17, ../scss/modules/_typography.scss */
.page-leidraad .main-content h1.title {
  font-size: 35px;
  margin-top: 15px;
}

@media only screen and (min-width: 48em) {
  /* line 27, ../scss/modules/_typography.scss */
  .page-leidraad .main-content h1.title {
    font-size: 42px;
  }
}
/**
* File:        _next-prev-leidraad.scss
* Description: _next-prev-leidraad.scss contains all extra styles for next/prev links on leidraad pages
*/
/* line 6, ../scss/modules/_next-prev-leidraad.scss */
.leidraad-nav .previous-article {
  border-bottom: 1px dotted #00b588;
  margin-bottom: .5em;
  padding-bottom: .5em;
  padding-top: .25em;
}
/* line 13, ../scss/modules/_next-prev-leidraad.scss */
.leidraad-nav .next-article {
  padding-top: .25em;
  text-align: right;
}

@media only screen and (min-width: 48em) {
  /* line 21, ../scss/modules/_next-prev-leidraad.scss */
  .leidraad-nav .previous-article,
  .leidraad-nav .next-article {
    display: inline-block;
    width: 50%;
  }
  /* line 27, ../scss/modules/_next-prev-leidraad.scss */
  .leidraad-nav .previous-article {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 33, ../scss/modules/_next-prev-leidraad.scss */
  .leidraad-nav .next-article {
    float: right;
  }
}
/**
* File:        _tables.scss
* Description: _tables.scss contains all extra styles for tables
* Author:
*/
/* line 6, ../scss/modules/_tables.scss */
table {
  border: 1px solid #ECECEC;
}
/* line 9, ../scss/modules/_tables.scss */
table td {
  padding: 10px 7px;
}
/* line 12, ../scss/modules/_tables.scss */
table td p {
  margin: 0;
}

/**
* File:        _footer.scss
* Description: _footer.scss contains all extra styles for the footer
*/
/* line 6, ../scss/modules/_footer.scss */
footer .copyright {
  max-width: none;
}

/**
* File:        _header.scss
* Description: _header.scss contains all extra styles for the header
*/
@media only screen and (min-width: 48em) {
  /* line 8, ../scss/modules/_header.scss */
  header #logo img {
    max-height: 52px;
    max-width: 540px;
  }
}
/* line 1, ../scss/components/entity/_woordenlijst-errata-comparison.scss */
.entity-woordenlijst-errata-comparison {
  padding: 10px 0 10px;
}

/* line 1, ../scss/components/entity/_woordenlijst-api-dataset.scss */
.entity-woordenlijst-api-dataset {
  margin: 0 !important;
}

/* line 1, ../scss/components/bootstrap/_tooltip.scss */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

/* line 25, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

/* line 29, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

/* line 33, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

/* line 37, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

/* line 41, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

/* line 45, ../scss/components/bootstrap/_tooltip.scss */
.tooltip-inner {
  max-width: 200px;
  padding: 7px 15px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

/* line 53, ../scss/components/bootstrap/_tooltip.scss */
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* line 60, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

/* line 67, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

/* line 74, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

/* line 81, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

/* line 88, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

/* line 95, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/* line 102, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/* line 109, ../scss/components/bootstrap/_tooltip.scss */
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/* line 1, ../scss/components/views/_view-empty.scss */
.view-empty {
  margin: 1.5em 0 0 0;
}

/* line 1, ../scss/components/woordenlijst_errata/_wle.scss */
.wle-errata-wrapper {
  padding-top: 7px;
  margin-top: 15px;
}
/* line 5, ../scss/components/woordenlijst_errata/_wle.scss */
.wle-errata-wrapper ul {
  margin-top: 0;
}
/* line 9, ../scss/components/woordenlijst_errata/_wle.scss */
.wle-errata-wrapper ul:last-of-type {
  margin-bottom: 0;
}

/* line 14, ../scss/components/woordenlijst_errata/_wle.scss */
.wle-sublabel {
  color: #9F9F9F;
}

/* line 1, ../scss/components/html/_header.scss */
h1 {
  font-size: 42px;
  margin-top: 15px;
}