@charset "UTF-8";
/*==============================================================
TABLE OF CONTENT
================================================================
1.0 Reset: framework/_typography.scss
	1.1 Typography
________________________________________________________________
2.0 Repeatable Patterns: modules/_pattern.scss
	2.1 Elements
	2.2 Colours
	2.3 Buttons
	2.4 Forms
	2.5 Tables
	2.6 Media
		2.6.1 Responsive ads
	2.7 Captions
	2.8 Alignments
	2.9 Clearings
	2.10 Infinite scroll
	2.11 Accessibility
________________________________________________________________
3.0 Basic Structure: framework/_structure.scss
	3.1 Grid
________________________________________________________________
4.0 Header: framework/_header.scss
________________________________________________________________
5.0 Navigation: framework/_navigation.scss
	5.1 Links
	5.2 Menus
________________________________________________________________
6.0 Content: framework/_content.scss
	6.1 Post Thumbnail
	6.2 Entry Header
	6.3 Entry Meta
	6.4 Entry Content
	6.5 Galleries
	6.6 Post Formats
	6.7 Post/Image/Paging Navigation
	6.8 Attachments
	6.9 Archives
	6.10 Contributor Page
	6.11 404 Page
	6.12 Full-width
	6.13 Singular
	6.14 Sharing
	6.15 Comments
	6.16 Shortcodes
	6.17 Taxonomi
________________________________________________________________
7.0 Sidebar: framework/_sidebar.scss
	7.1 Widgets
________________________________________________________________
8.0 Footer: framework/_footer.scss
________________________________________________________________
9.0 Featured Content: framework/_featured.scss
________________________________________________________________
10.0 Multisite: framework/_multisite.scss
________________________________________________________________
11.0 Media Queries: framework/_breakpoints.scss
________________________________________________________________
12.0 Print: framework/_print.scss
==============================================================*/
/*==============================================================
VENDOR - Default fall-backs and external files.
==============================================================*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
  overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

.button,
button,
input[type=button],
.search_jobs #search_categories_chosen input[type=button][type=text],
input[type=reset],
.search_jobs #search_categories_chosen input[type=reset][type=text],
input[type=submit],
.search_jobs #search_categories_chosen input[type=submit][type=text] {
  -webkit-appearance: none;
  border-radius: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*==============================================================
BASE - Base Variable file along with starting point Mixins and Placeholders.
==============================================================*/
/*=============================================================
Variables
=============================================================*/
/*=============================================================
Container // Grid
=============================================================*/
/*=============================================================
Body background-color
=============================================================*/
/*=============================================================
Base colors
=============================================================*/
/*=============================================================
Widget colors
=============================================================*/
/*=============================================================
Featured widget colors
=============================================================*/
/*=============================================================
Collection widget colors
=============================================================*/
/*=============================================================
Job widget colors
=============================================================*/
/*=============================================================
Tags background colors
=============================================================*/
/*=============================================================
Typeface
=============================================================*/
/*=============================================================
Alternate text colors
=============================================================*/
/*=============================================================
Buttons
=============================================================*/
/*=============================================================
Textareas
=============================================================*/
/*=============================================================
Border-color
=============================================================*/
/*==============================================================
FRAMEWORK - Structure and layout files.
==============================================================*/
/*==============================================================
1.1 Typography
==============================================================*/
body,
button,
input,
.search_jobs #search_categories_chosen input[type=text],
select,
textarea {
  color: #222222;
  font-family: "Forza SSm A", "Forza SSm B", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.5;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400;
}

h1 {
  font-size: 2.8rem;
  line-height: 1.2;
  letter-spacing: -0.04rem;
}

h2 {
  font-size: 2.5rem;
  line-height: 1.25;
  letter-spacing: -0.04rem;
}

h3 {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: -0.04rem;
}

h4 {
  font-size: 1.7rem;
  line-height: 1.35;
  letter-spacing: -0.02rem;
}

h5 {
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: -0.01rem;
}

h6 {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.singular h1 {
  font-size: 4rem;
}

.singular h2 {
  font-size: 3.6rem;
}

.singular h3 {
  font-size: 3rem;
}

.singular h4 {
  font-size: 2.4rem;
}

.singular h5 {
  font-size: 1.5rem;
}

.singular h6 {
  font-size: 1rem;
}

/*==============================================================
Larger than phablet
==============================================================*/
@media (min-width: 640px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3.6rem;
  }
  h3 {
    font-size: 3rem;
  }
  h4 {
    font-size: 2.4rem;
  }
  h5 {
    font-size: 1.5rem;
  }
  h6 {
    font-size: 1rem;
  }
  .singular h1 {
    font-size: 5rem;
  }
  .singular h2 {
    font-size: 4.2rem;
  }
  .singular h3 {
    font-size: 3.6rem;
  }
  .singular h4 {
    font-size: 3rem;
  }
  .singular h5 {
    font-size: 2.4rem;
  }
  .singular h6 {
    font-size: 1.5rem;
  }
}
/*==============================================================
Larger than desktop
==============================================================*/
@media (min-width: 960px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 4.2rem;
  }
  h3 {
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 1.5rem;
  }
  .singular h1 {
    font-size: 7rem;
  }
  .singular h2 {
    font-size: 5.8rem;
  }
  .singular h3 {
    font-size: 5rem;
  }
  .singular h4 {
    font-size: 4.2rem;
  }
  .singular h5 {
    font-size: 3.6rem;
  }
  .singular h6 {
    font-size: 2.1rem;
  }
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}

b,
strong {
  font-weight: 900;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 1.5rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

h1.entry-title {
  font-family: "Chivo", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
}

.page-header,
.single-post .entry-subtitle,
h1.widget-title,
.featured-zone .entry-title-primary,
.featured-widget .entry-title-primary,
.team-member,
.related-posts h6,
.admanager-helper h6,
.comments-title,
.comment-reply-title,
#primary-menu ul > li {
  font-family: "Vitesse A", "Vitesse B", Georgia, serif;
}

.entry-meta {
  font-family: "Vitesse SSm A", "Vitesse SSm B", Georgia, serif;
}

h1.entry-title {
  font-weight: 900;
  line-height: 1;
}

.single-post h1.entry-title {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 2rem;
  display: inline-block;
}

h1.entry-title > a {
  text-decoration: none;
  color: #222;
}

@media (max-width: 460px) {
  span.entry-title-primary {
    /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: break-all;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
span.entry-subtitle {
  color: #222;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 1rem;
  padding-top: 0.5rem;
  background: transparent;
}

body.home span.entry-subtitle,
body.archive span.entry-subtitle {
  font-family: "Forza SSm A", "Forza SSm B", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.single-post span.entry-subtitle {
  font-size: 1.6rem;
  margin-top: 1.5rem;
}

@media (min-width: 640px) {
  .single-post span.entry-subtitle,
  .events-single span.entry-subtitle {
    font-size: 2rem;
  }
}
.comments-link {
  font-size: 10px;
  position: relative;
  background: #0091ae;
  background-color: var(--brand_colour);
  color: #ffffff;
  padding: 2.5px 5px;
  border-radius: 3px;
  vertical-align: middle;
}
.comments-link:after {
  content: "";
  border-top: 6px solid #0091ae;
  border-top-color: var(--brand_colour);
  border-left: 4px solid transparent;
  position: absolute;
  right: 3px;
  bottom: -3px;
  width: 0px;
  height: 0px;
}
.comments-link:hover {
  text-decoration: none;
  opacity: 0.8;
}

img.emoji {
  height: 1.6rem;
  display: inline;
}

#entry-categories {
  margin-bottom: 2rem;
}

#cat-meta {
  margin-bottom: 1rem;
}

.cat-links {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.entry-meta {
  line-height: 1;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-size: 1.6rem;
  margin-bottom: 0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-weight: 700;
}

.posted-on .entry-date {
  opacity: 0.6;
}

.posted-on .entry-date:before {
  content: "|";
  margin: 0 5px;
}

.archive-newsletterglue .posted-on {
  margin-top: 0.5rem;
  display: block;
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.archive-newsletterglue .posted-on .entry-date:before {
  content: "";
  margin: 0;
}

img#wpstats {
  clip: rect(1px, 1px, 1px, 1px);
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 0;
}

/*==============================================================
3.0 Basic Structure
==============================================================*/
.site-content,
.breadcrumbs,
header .wrapper,
footer .wrapper,
.admanager-helper {
  clear: both;
  margin: 0 auto;
  max-width: 1460px;
  padding: 0 10px;
  position: relative;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

@media (min-width: 680px) {
  .site-content,
  .breadcrumbs,
  header .wrapper,
  footer .wrapper {
    padding: 0 20px;
  }
  .content-area.twelve.column,
  .content-area.twelve.columns {
    width: 100%;
  }
}
@media (min-width: 1060px) {
  .site-content,
  .breadcrumbs,
  header .wrapper,
  footer .wrapper {
    padding: 0 40px;
  }
}
/*==============================================================
3.1 body classes
==============================================================*/
/* LAYOUT WIDE */
body.layout-wide .primary-sidebar {
  width: 100%;
  display: flex;
  width: 100%;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 680px) {
  body.layout-wide .primary-sidebar aside {
    flex: 0 0 calc(50% - 2rem);
  }
}
@media (min-width: 960px) {
  body.layout-wide .primary-sidebar aside {
    flex: 0 0 calc(33.333% - 2rem);
  }
}
@media (min-width: 1060px) {
  body.layout-wide #primary {
    width: 100%;
  }
  body.layout-wide #primary-sidebar {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    border-top: 1px solid #c0c0c0;
    padding-top: 2rem;
    margin-top: 2rem;
  }
  body.layout-wide #primary-sidebar aside {
    display: inline-block;
    width: 16%;
    margin-right: 5%;
    float: left;
  }
  body.layout-wide #primary-sidebar aside:last-child {
    margin-right: 0;
  }
}
/* LAYOUT REGULAR */
/* LAYOUT OPINION */
/*==============================================================
3.2 Grid (twelve column grid)
==============================================================*/
.column,
.columns {
  width: 100%;
  padding-top: 3%;
  box-sizing: border-box;
}

/*==============================================================
Larger than mobile
==============================================================*/
@media (min-width: 680px) {
  #primary-zone,
  .home .featured-content,
  .front-page .featured-content,
  .blog .featured-content,
  .singular-page .featured-content,
  .archive .featured-content,
  .home .primary-sidebar,
  .blog .primary-sidebar,
  .singular-page .primary-sidebar,
  .archive .primary-sidebar {
    width: 48%;
    float: left;
  }
  .home .featured-content,
  .blog .primary-sidebar,
  .home .primary-sidebar,
  .singular-page .primary-sidebar,
  .archive .primary-sidebar {
    margin-left: 4%;
  }
  .archive-job_listing .primary-sidebar,
  .archive-tribe_events .primary-sidebar {
    width: 100%;
    margin-left: 0;
  }
  .primary-sidebar {
    float: right;
  }
  .singular-post .primary-sidebar {
    float: left;
  }
}
/*==============================================================
For devices larger than 1060px
==============================================================*/
@media (min-width: 1060px) {
  .singular .primary-sidebar,
  .archive .primary-sidebar,
  .blog .primary-sidebar,
  .primary-sidebar {
    width: 30.6666666667%;
    float: right;
  }
  .archive .featured-content,
  .blog .featured-content,
  .singular-page .featured-content {
    width: 100%;
  }
  .front-page .featured-content {
    width: 48%;
  }
  .content-area,
  .tribe-events-single .nine.columns {
    width: 65.3333333333%;
    float: left;
  }
  .woocommerce-account .column, .woocommerce-account .columns {
    float: left;
  }
  .woocommerce-account .three.column, .woocommerce-account .three.columns {
    width: 22%;
  }
  .woocommerce-account .nine.column, .woocommerce-account .nine.columns {
    width: 74%;
    margin-left: 4%;
  }
  .woocommerce-account .content-area {
    margin-left: 4%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .wc-memberships-members-area-navigation {
    width: 22%;
    float: left;
  }
}
/*==============================================================
Larger than tablet
==============================================================*/
/*==============================================================
numToString is borrowed
from https://github.com/atomicpages/skeleton-sass/blob/master/skeleton/core/_dependencies.scss
==============================================================*/
@media (min-width: 1460px) {
  #primary-zone {
    width: 100%;
  }
  /*==============================================================
  Normalize grid
  ==============================================================*/
  .column,
  .columns {
    margin-left: 4%;
    box-sizing: border-box;
    float: left;
  }
  .column:first-child,
  .columns:first-child,
  #content-column {
    margin-left: 0;
  }
  /*==============================================================
  Grid
  ==============================================================*/
  .one.column {
    width: 4.6666666667%;
  }
  .two.column,
  .two.columns {
    width: 13.3333333333%;
  }
  .three.column,
  .three.columns {
    width: 22%;
  }
  .four.column,
  .four.columns {
    width: 30.6666666667%;
  }
  .five.column,
  .five.columns {
    width: 39.3333333333%;
  }
  .six.column,
  .six.columns {
    width: 48%;
  }
  .seven.column,
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.column,
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.column,
  .nine.columns {
    width: 74%;
  }
  .ten.column,
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.column,
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.column,
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-third.column,
  .two-third.columns {
    width: 65.3333333333%;
  }
  .one-half.column,
  .one-half.columns {
    width: 48%;
    margin-left: 0;
    margin-right: 0;
  }
  /*==============================================================
  Offsets
  ==============================================================*/
  .offset-by-one {
    margin-left: 8.6666666667%;
  }
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78%;
  }
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column,
  .offset-by-two-third.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
/*==============================================================
4.0 Header
==============================================================*/
.top-bar {
  background: #fff;
  clear: both;
  color: #000;
  width: 100%;
}

.meta-bar {
  width: 100%;
  clear: both;
}

.logo-bar {
  width: 100%;
  clear: both;
}

#secondary-menu {
  margin: 2rem 0;
  float: left;
}

header .wrapper,
footer .wrapper {
  display: table;
  width: 100%;
  position: relative;
}

.site-branding {
  float: left;
  max-width: 70%;
}

.custom-logo-link {
  height: 65px;
  line-height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  vertical-align: middle;
}

@media (min-width: 960px) {
  .custom-logo-link {
    height: 80px;
  }
}
.custom-logo {
  vertical-align: middle;
}

#top-bar h2.site-description {
  color: #000;
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 2.7;
  margin: 0;
}

/*==============================================================
Login in the header
==============================================================*/
.login-toggle {
  float: right;
  margin-top: 12px;
}

.login-box-wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  right: 4rem;
  max-width: 1460px;
  position: relative;
  z-index: 9999;
}

/*==============================================================
No Access
==============================================================*/
.teaser .login-box-wrapper {
  right: 0;
}

#mobile-login-container {
  padding: 0 2rem 2rem;
}

.mobile-login-toggle {
  width: 100%;
}

.mobile-login-wrapper {
  margin-top: 2rem;
}

.login-box {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.login-box.bg {
  color: #fff;
}

.login-box .button {
  width: 100%;
  margin-bottom: 12px;
  max-width: 290px;
}

@media (min-width: 960px) {
  .login-box {
    position: absolute;
    right: 0;
    width: 290px;
    z-index: 999990;
    padding: 12px;
  }
  .login-box.header::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    margin-top: -20px;
    border: 10px solid transparent;
    border-width: 10px 8px;
    border-color: transparent transparent #005869;
  }
  .logged-in .login-toggle.button a::after {
    background: #d4d4d4;
    bottom: 0;
    content: "y";
    display: inline-block;
    line-height: 3.6rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    color: #ca1e24;
  }
  .logged-in .login-toggle.button {
    padding-right: 35px;
    position: relative;
  }
}
/*==============================================================
Search in the header
==============================================================*/
.search-toggle {
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #5dbacd;
  box-sizing: border-box;
  cursor: pointer;
  float: right;
  height: 80px;
  text-align: center;
  width: 80px;
  position: relative;
}

.search-toggle:hover,
.search-toggle.active {
  background-color: #00667b;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #223344;
}

.search-toggle a {
  position: absolute;
  height: 100%;
  width: 100%;
  display: inline-block;
  left: 0;
  outline: none;
  z-index: 999;
}

.search-toggle.active a {
  height: 100%;
}

.search-toggle a:before {
  color: #fff;
  content: "s";
  font-size: 32px;
  line-height: 80px;
}

.search-toggle a:hover,
.search-toggle a:hover:before,
.search-toggle a:focus:before,
.search-toggle a:active:before {
  text-decoration: none;
}

.search-toggle .screen-reader-text {
  left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
}

.search-box-wrapper {
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.search-form {
  display: inline-block;
  width: 100%;
}

.facetwp-template .search-box form.search-form {
  display: block;
}

.search-form > label {
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .site-logo-link {
    line-height: 80px;
  }
  .search-box-wrapper {
    max-width: 1460px;
  }
  .search-box {
    display: inline-block;
    margin: 2rem 0;
    width: 100%;
    border: 0px solid rgba(0, 0, 0, 0.5);
  }
  header .search-box {
    margin: 0;
    padding: 20px;
    right: 4rem;
    width: 450px;
    z-index: 100;
    position: absolute;
  }
}
.search-box label {
  width: 75%;
}

.search-box .search-field {
  background-color: #fff;
  float: left;
  font-size: 16px;
  padding: 2px 2px 3px 6px;
  width: 100%;
}

header .search-box .search-field {
  border: 0;
}

.search-box .search-submit {
  float: right;
  width: 25%;
  height: 38px;
}

/*==============================================================
5.0 Navigation
==============================================================*/
/*==============================================================
5.1 Links
==============================================================*/
a,
a:visited {
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

/*==============================================================
5.2 Menus
==============================================================*/
.site-navigation {
  clear: both;
  display: block;
  float: right;
}
.site-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.site-navigation ul li {
  display: inline-block;
}
.site-navigation ul li a {
  display: block;
  text-decoration: none;
}

/*==============================================================
Top Navigation
==============================================================*/
.top-navigation a {
  color: #000;
  display: inline-block !important;
  font-size: 1.2rem;
  line-height: 2.7;
  padding-right: 0;
}

.top-navigation li:before {
  content: "|";
  margin: 0 5px;
  color: #000;
  padding-right: 0px;
}

.top-navigation li:first-child:before {
  content: "";
}

/*==============================================================
Secondary Navigation
==============================================================*/
.secondary-navigation {
  clear: none;
  line-height: 52px;
}
.secondary-navigation ul {
  font-weight: 700;
  line-height: 52px;
}
.secondary-navigation ul li {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  margin-right: 20px;
  line-height: 2rem;
}
.secondary-navigation ul a {
  color: #000;
  font-weight: 700;
  text-align: center;
}

#menu-secondary-items li.button a {
  color: #fff;
}

#menu-secondary-items li.light a,
#menu-secondary-items li.transparent a {
  color: #000;
}

@media screen and (min-width: 960px) {
  #menu-secondary-items li.fr {
    margin-top: 12px;
    float: right;
    margin-right: 0;
    border-right: 1px solid #fff;
  }
}
/*==============================================================
Footer Navigation
==============================================================*/
.footer-navigation {
  clear: none;
  font-size: 1.4rem;
  padding: 15px 0;
}
.footer-navigation ul {
  display: inline-block;
}
.footer-navigation li {
  display: inline-block;
  font-size: 1.2rem;
}

.footer-navigation a {
  display: inline-block !important;
  text-transform: uppercase;
  padding: 0 8px;
  color: #fff;
}

.footer-navigation ul li:first-child:before {
  content: "";
}

.footer-navigation ul li:before {
  content: "/";
}

/*==============================================================
Primary Navigation
==============================================================*/
.primary-navigation {
  clear: none;
  color: #000;
}

.navigation .site-navigation .primary-navigation .toggled .toggled-on {
  display: block !important;
}

#primary-menu a {
  padding: 0px 12px;
}

#primary-menu > ul > li {
  font-weight: bold;
  font-size: 20px;
  line-height: 80px;
}

#primary-menu ul ul li a {
  color: #000;
  font-weight: 400;
  font-size: 1.6rem;
}

/*==============================================================
desktop menu
==============================================================*/
@media screen and (min-width: 960px) {
  #primary-menu {
    max-height: 80px;
    max-width: 620px;
    overflow: hidden;
  }
  .site-navigation ul ul {
    position: absolute;
    left: -999em;
    padding-top: 2rem;
  }
  .site-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  #primary-menu > ul > li > a:not(:hover) {
    color: #fff;
  }
  #primary-menu a:hover {
    background: #fff;
  }
  .site-navigation ul li:hover > ul,
  .site-navigation ul li:focus > ul,
  .site-navigation ul li.focus > ul,
  .site-navigation ul li > ul.focus {
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 10000;
    background: #fff;
  }
  .sub-menu:before {
    bottom: 0;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    content: "";
    left: 0;
    margin: 0 -666rem;
    padding: 0 666rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  #primary-menu ul ul li {
    width: 24%;
    vertical-align: top;
    line-height: 2rem;
    padding-top: 2rem;
  }
  #primary-menu ul ul li a:hover {
    text-decoration: underline;
  }
}
/*==============================================================
Small menu
==============================================================*/
.menu-toggle a:before {
  color: #fff;
  content: "i";
  font-size: 4rem;
  margin-top: 0.5rem;
}

body.mobile-menu-active .menu-toggle a:before {
  content: "x";
}

.menu-toggle {
  border: none;
  line-height: 6rem;
}

@media screen and (max-width: 959px) {
  .site-navigation.toggled #content {
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 470px;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 5;
  }
  body.mobile-menu-active .site-content:before {
    background: rgba(0, 0, 0, 0.8);
    height: 10000%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
  }
  body.mobile-menu-active.home .site-content:before {
    top: 0;
  }
  .hfeed.site {
    overflow: hidden;
    position: relative;
  }
  .site-navigation #primary-menu-container.toggle {
    position: absolute;
    background: #fff;
    top: 65px;
    right: 0px;
    width: 310px;
    z-index: 999;
    height: 14000%;
    z-index: 999;
  }
  #primary-menu > ul {
    padding-bottom: 2rem;
  }
  #primary-menu ul li {
    line-height: 2rem;
    padding-top: 2rem;
    width: 100%;
  }
  #primary-menu > ul > li {
    border-top-width: 1px;
    border-top-style: solid;
    padding-bottom: 2rem;
  }
  #primary-menu ul li a {
    padding: 0px 18px;
  }
  .search-box {
    width: 100%;
    padding: 12px 20px;
  }
  #secondary-menu > ul {
    padding: 0 18px;
  }
  #menu-secondary-items li {
    display: inline-block;
    min-width: 130px;
    margin: 0 8px 8px 0;
  }
  #menu-secondary-items li.featured {
    width: 272px;
    float: none;
  }
  #menu-secondary-items .button.transparent,
  #menu-secondary-items button.transparent,
  #menu-secondary-items input[type=submit].transparent,
  #menu-secondary-items input[type=reset].transparent,
  #menu-secondary-items input[type=button].transparent {
    border: 1px solid #0091ae;
  }
}
@media screen and (min-width: 960px) {
  .site-navigation #primary-menu-container.toggle.hide {
    display: block !important;
  }
}
/*==============================================================
Pagination
==============================================================*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .pagination-navigation,
.site-main .job-manager-pagination,
.site-main .post-navigation {
  margin: 1.5rem 0;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

#content nav.pagination-navigation,
nav.pagination-navigation {
  text-align: center;
}

#content nav.pagination-navigation ul,
nav.pagination-navigation ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-left: 1px solid #eee;
  margin: 1px;
}

#content nav.pagination-navigation ul li,
nav.pagination-navigation ul li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}

#content nav.pagination-navigation ul li a,
#content nav.pagination-navigation ul li span,
nav.pagination-navigation ul li a,
nav.pagination-navigation ul li span {
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 0;
  text-decoration: none;
  line-height: 1em;
  font-size: 1em;
  font-weight: 400;
  padding: 0.5em;
  min-width: 1em;
}

#content nav.pagination-navigation ul li a.page-numbers,
#content nav.pagination-navigation ul li span.page-numbers,
nav.pagination-navigation ul li a.page-numbers,
nav.pagination-navigation ul li span.page-numbers {
  display: none;
}

#content nav.pagination-navigation ul li a.prev,
#content nav.pagination-navigation ul li a.next,
#content nav.pagination-navigation ul li span.prev,
#content nav.pagination-navigation ul li span.next,
nav.pagination-navigation ul li a.prev,
nav.pagination-navigation ul li a.next,
nav.pagination-navigation ul li span.prev,
nav.pagination-navigation ul li span.next {
  display: block;
}

@media screen and (min-width: 460px) {
  #content nav.pagination-navigation ul li a.page-numbers,
  #content nav.pagination-navigation ul li span.page-numbers,
  nav.pagination-navigation ul li a.page-numbers,
  nav.pagination-navigation ul li span.page-numbers {
    display: block;
  }
}
/*==============================================================
6.0 Content
==============================================================*/
.hentry {
  margin: 0 0 1.5em;
}

#content-column article {
  border-bottom: 1px solid #d4d4d4;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}

/*==============================================================
6.1 Post Thumbnail
==============================================================*/
.featured-zone img {
  vertical-align: bottom;
}

/*==============================================================
6.2 Entry Header
==============================================================*/
#featured-sidebar h1.entry-title {
  display: table-cell;
  font-size: 2.8rem;
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  #featured-sidebar h1.entry-title {
    font-size: 4rem;
  }
}
@media screen and (min-width: 960px) {
  #featured-sidebar h1.entry-title {
    font-size: 5rem;
  }
  #content-column h1.entry-title {
    font-size: 3.6rem;
  }
}
#content-column h1.entry-title {
  font-size: 2.8rem;
  margin-bottom: 0;
}

.featured-zone .entry-title {
  display: inline-block;
  padding: 20px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  width: 100%;
}

.featured-zone .entry-title-primary,
.featured-zone .entry-subtitle {
  color: #fff;
}

.featured-zone .entry-subtitle {
  letter-spacing: 0;
}

/*==============================================================
6.3 Entry Meta
==============================================================*/
.sticky {
  display: block;
}

.byline, .updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.featured .entry-meta.cat.title .cat-links a,
.featured-zone .entry-meta a {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 5px 15px;
  text-transform: uppercase;
  color: #fff;
}

.entry-author.blog-author {
  max-width: 33.3%;
  float: right;
  border-bottom: 3px solid #0091ae;
}

.entry-author.blog-author header {
  padding: 15px;
  background: #e5f4f7;
}

.entry-author.blog-author header p {
  font-weight: 700;
  color: #0091ae;
  margin: 0;
  padding: 0;
}

.entry-author.blog-author header h2 {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.entry-author.blog-author figure {
  display: block;
  background: #eee;
}

.entry-author.modal-author {
  background-color: red;
  width: 500px;
}

.entry-author.modal-author header {
  padding: 15px;
  background: #e5f4f7;
}

/*==============================================================
6.4 Entry Content
==============================================================*/
.singular-post.access-restricted .featured-content {
  display: none;
}

@media screen and (min-width: 960px) {
  .singular-post .entry-content,
  .singular .comments-area {
    margin-left: 120px;
    margin-right: 80px;
  }
  .singular-post .featured-content {
    float: right;
  }
  .singular-post .entry-content figure.alignleft,
  .singular-post .entry-content figure.full {
    margin-left: -120px;
  }
  .singular-post .entry-content figure.alignleft {
    max-width: 350px;
  }
}
@media screen and (min-width: 750px) {
  .media-box.full {
    margin-right: -80px;
  }
}
.related-posts h1,
.related-posts h2,
.related-posts h3,
.related-posts h4,
.related-posts h5,
.related-posts h6 {
  display: none;
}

.singular .related-posts h1,
.singular .related-posts h2,
.singular .related-posts h3,
.singular .related-posts h4,
.singular .related-posts h5,
.singular .related-posts h6 {
  display: block;
}

.related-posts li {
  list-style: outside none none;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  clear: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*==============================================================
Entry Author Modal
==============================================================*/
section.entry-author-modal {
  position: relative;
  background: #fff;
  margin-bottom: 2rem;
  box-sizing: border-box;
  margin: 1rem 0 0 0;
  height: auto;
  overflow: hidden;
}

section.entry-author-modal button.close-modal {
  position: absolute;
  top: 1rem;
  left: 0;
  background: #fff;
  padding: 0 1rem 0 0;
  color: #0091ae;
  color: var(--brand_colour);
  border-radius: 2px;
  cursor: pointer;
  z-index: 3;
}

section.entry-author-modal button.close-modal:before {
  font-family: "brieficons";
  content: "x";
  padding: 0 !important;
  font-size: 3rem !important;
}

section.entry-author-modal header h1 {
  font-family: "Vitesse A", "Vitesse B", sans-serif;
  font-size: 3rem;
  padding-left: 3.2rem;
}

section.entry-author-modal header h1:before {
  bottom: 7px;
}

section.entry-author-modal .vcard {
  display: block;
  overflow: hidden; /* NECESSARY TO GET IT WORKING */
  margin: 0.5rem 0 1rem 0;
}

/*==============================================================
Remove featured-image-caption from entry-author-modals
==============================================================*/
section.entry-author-modal .vcard .author-presentation {
  display: inline-block;
  width: 30%;
}

section.entry-author-modal .vcard .contact-info {
  padding: 0;
  float: right;
  width: 66%;
  margin-left: 4%;
}

section.entry-author-modal .vcard .contact-info h3 {
  font-size: 1.8rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

section.entry-author-modal .vcard .contact-info p {
  margin: 0;
  padding: 0;
}

section.entry-author-modal .entry-author-content-wrap {
  display: block;
  clear: both;
}

section.entry-author-modal .vcard figure.photo.entry-author-avatar img {
  display: block;
  width: 100%;
  height: auto;
}

section.entry-author-modal .vcard a {
  display: block;
  text-decoration: none;
}

section.entry-author-modal .vcard h2.entry-author-name {
  font-size: 1.4rem;
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid #fff;
}

nav.author-navigation.navigation {
  display: block;
  padding: 0.5rem 0 0 0;
  margin-bottom: 1rem;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

nav.author-navigation.navigation ul.author-menu-items {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
}

nav.author-navigation.navigation ul.author-menu-items li {
  display: inline-block;
  float: left;
  margin-right: 2rem;
}

nav.author-navigation.navigation ul.author-menu-items li a {
  display: block;
  padding: 0 0 0px 0;
  text-align: left;
  outline: none;
  text-transform: uppercase;
  font-weight: 800;
}

.contact-info p a:before {
  display: inline;
  padding: 0 0.5rem 0 0;
  font-family: "brieficons";
  font-size: 2rem;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

/*==============================================================
Brieficons
==============================================================*/
.contact-info p.author-email a:before {
  content: "m";
}

.contact-info p.author-phone a:before {
  content: "C";
}

.contact-info p.author-twitter a:before {
  content: "t";
}

/*==============================================================
End brieficons
==============================================================*/
nav.author-navigation.navigation ul.author-menu-items li a:hover,
nav.author-navigation.navigation ul.author-menu-items li a.active:hover,
nav.author-navigation.navigation ul.author-menu-items li a.active:focus {
  text-decoration: none;
}

nav.author-navigation.navigation ul.author-menu-items li a.active {
  color: #707070;
  border-bottom: 3px solid #707070;
}

.author-description {
  line-height: 2.5rem;
}

@media screen and (min-width: 960px) {
  section.entry-author-modal .vcard {
    display: inline-block !important;
    width: 30%;
  }
  section.entry-author-modal .vcard .author-presentation {
    background: #eee;
    display: block;
    width: 100%;
  }
  .entry-author-content-wrap {
    display: inline-block;
    float: right;
    width: 66%;
    margin-left: 4%;
  }
  nav.author-navigation.navigation {
    border-top: 0;
  }
  section.entry-author-modal .vcard .contact-info {
    display: block;
    float: none !important;
    width: 100% !important;
    margin: 1rem 0 0 0 !important;
  }
  section.entry-author-modal .vcard .contact-info h3 {
    display: block;
    margin: 0 0 0.5rem 0;
  }
}
/*==============================================================
END Entry Author Modal
==============================================================*/
/*==============================================================
Entry Author Opinion
==============================================================*/
section.entry-author-opinion {
  width: 100%;
  background: #fff;
  border-bottom: solid 3px #0091ae;
  border-color: var(--brand_colour);
  float: right;
  clear: right;
  margin: 0 0 2rem 0;
  position: relative;
}

/*==============================================================
BEGIN MEDIA QUERY
==============================================================*/
@media screen and (min-width: 960px) {
  section.entry-author-opinion {
    width: 33.3%;
    background: #fff;
    border-bottom: solid 3px #0091ae;
    border-color: var(--brand_colour);
    float: right;
    clear: right;
    margin: 0 0 2rem 0;
  }
  body.layout-opi .entry-content,
  article.category-blog .entry-content,
  article.category-blogs .entry-content,
  article.category-debat .entry-content,
  article.category-leder .entry-content,
  article.category-stikpillen .entry-content,
  article.category-opinion .entry-content {
    margin-left: 0;
    width: 62.6666%;
    margin-right: 4%;
    float: left;
  }
  section.entry-author-opinion:nth-of-type(1) {
    margin-top: 1.5em;
  }
}
/*==============================================================
END MEDIA QUERY
==============================================================*/
/*==============================================================
BEGIN MEDIA QUERY
==============================================================*/
@media screen and (max-width: 640px) {
  section.entry-author-opinion:nth-of-type(1) {
    border-top: 1px solid #c0c0c0;
    padding-top: 2rem;
  }
  section.entry-author-opinion h2.entry-author-name,
  section.entry-author-opinion p.author-title-workplace {
    float: right;
    width: 66%;
    margin: 0 0 0 4% !important;
    padding: 0 !important;
  }
  section.entry-author-opinion figure.entry-author-avatar {
    width: 30%;
    display: inline-block !important;
  }
  section.entry-author-opinion .vcard .author-presentation {
    background: transparent;
  }
  section.entry-author-opinion .contact-info {
    background: #fff;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0 !important;
    display: block;
    clear: both;
    padding: 1rem 0 0 0 !important;
  }
  section.entry-author-opinion .contact-info p:last-child {
    margin: 0 0 1rem 0 !important;
  }
  section.entry-author-opinion .contact-info p a:before {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    line-height: 1rem;
    padding: 0;
  }
  section.entry-author-opinion .contact-info h3 {
    display: none;
  }
  section.entry-author-opinion .contact-info p a {
    display: block;
    padding: 0.5rem;
  }
  section.entry-author-opinion .contact-info p a:hover {
    opacity: 0.8;
  }
  section.entry-author-opinion .author-email,
  section.entry-author-opinion .author-phone.tel,
  section.entry-author-opinion .author-twitter,
  section.entry-author-opinion .author-facebook,
  section.entry-author-opinion .author-linkedin,
  section.entry-author-opinion .author-google-plus {
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0 !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    background: #0091ae;
    background-color: var(--brand_colour);
  }
  section.entry-author-opinion .author-email a span,
  section.entry-author-opinion .author-phone.tel a span,
  section.entry-author-opinion .author-twitter a span,
  section.entry-author-opinion .author-facebook a span,
  section.entry-author-opinion .author-linkedin a span,
  section.entry-author-opinion .author-google-plus a span {
    display: none;
  }
  section.entry-author-opinion .contact-info p.author-google-plus a:before {
    content: "g";
  }
  section.entry-author-opinion .contact-info p.author-facebook a:before {
    content: "f";
  }
  section.entry-author-opinion .contact-info p.author-linkedin a:before {
    content: "l";
  }
  section.entry-author-opinion .contact-info p.author-twitter a:before {
    content: "t";
  }
}
/*==============================================================
END MEDIA QUERY
==============================================================*/
section.entry-author-opinion .vcard .author-presentation {
  margin: 0;
}

section.entry-author-opinion .vcard .author-presentation h2 {
  font-family: "Vitesse A", "Vitesse B", sans-serif;
  padding: 1.5rem 1.5rem 0 1.5rem;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #0091ae;
  color: var(--brand_colour);
}

section.entry-author-opinion .vcard .author-presentation .author-title-workplace {
  padding: 0 1.5rem 1.5rem 1.5rem;
  margin: 0;
}

section.entry-author-opinion .author-presentation.opinion.widget.bg .fn.author-title-workplace {
  display: none;
}

section.entry-author-opinion .author-presentation.opinion.widget.bg > .fn ~ .fn {
  display: block;
}

section.entry-author-opinion .vcard .author-presentation figure {
  display: block;
  background: #eee;
}

section.entry-author-opinion .vcard .author-presentation figure img {
  display: block;
  width: 100%;
  height: auto;
}

section.entry-author-opinion .author-description.opinion {
  clear: both;
  padding: 15px 0;
  margin-bottom: 1rem;
}

section.entry-author-opinion .author-description.opinion p,
section.entry-author-opinion .contact-info p {
  padding: 0;
  margin: 0;
}

section.entry-author-opinion .contact-info {
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

section.entry-author-opinion .contact-info h3,
section.entry-author-opinion .entry-author-archive h3 {
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

section.entry-author-opinion .contact-info a {
  text-decoration: none;
  outline: none;
}

section.entry-author-opinion .contact-info a:hover {
  outline: none;
}

section.entry-author-opinion .entry-author-article-list ul,
section.entry-author-modal .entry-author-article-list ul {
  margin: 0 0 0.5rem 2rem;
}

section.entry-author-opinion .entry-author-article-list ul li,
section.entry-author-modal .entry-author-article-list ul li {
  margin: 0 0 0.5rem 0;
}

/* IF CURRENT POST HAS CLASS:
CATEGORY-BLOG, CATEGORY-DEBAT, CATEGORY-LEDER, CATEGORY-STIKPILLEN OR CATEGORY-OPINION */
/* END IF CURRENT POST */
section.entry-author-opinion .entry-author-archive {
  margin-bottom: 1rem;
}

/*==============================================================
END Entry Author Opinion
==============================================================*/
/*==============================================================
6.5 Galleries
==============================================================*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*==============================================================
6.5.1 flexslider - related posts
==============================================================*/
.flexslider {
  display: block;
  position: relative;
  border-top: solid 1px rgba(0, 145, 174, 0.7);
  border-bottom: solid 1px rgba(0, 145, 174, 0.7);
  margin: 0 0 4rem 0;
  padding: 0 3rem;
  position: relative;
  zoom: 1;
  clear: both;
  min-height: 200px;
  height: auto;
}

/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin: 2rem 0 2rem 0;
}

.flexslider .slides > li a,
.flexslider .slides > li .rp4wp_component.rp4wp_component_title a {
  color: #000;
}

.flexslider .slides > li.has-post-thumbnail a figure,
.flexslider .slides > li.has-post-thumbnail .rp4wp_component.rp4wp_component_image {
  width: 35%;
  display: inline-block;
}

.flexslider .slides > li.has-post-thumbnail a .related-posts,
.flexslider .slides > li .rp4wp_component.rp4wp_component_title {
  width: 65%;
  display: inline-block;
  float: right;
  padding-left: 10px;
}

.flexslider .slides > li.no-post-thumbnail a figure img,
.flexslider .slides > li.no-post-thumbnail .rp4wp_component_title {
  width: 100%;
  display: block;
  padding-left: 0;
}

.flexslider .slides > li a p,
.flexslider .slides > li .rp4wp_component.rp4wp_component_title a p {
  font-weight: 700;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
}

.flex-viewport {
  max-height: 2000px;
  margin: 0 55px;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

li.flex-nav-prev,
li.flex-nav-next {
  display: block;
  background: #0091ae;
  background-color: var(--brand_colour);
  height: 100%;
  top: 0;
  width: 50px;
}

*.flex-direction-nav {
  height: 0;
  cursor: pointer !important;
}

.flex-direction-nav a {
  background: #0091ae;
  background-color: var(--brand_colour);
  font-size: 0;
  text-decoration: none;
  display: block;
  width: 25px;
  height: 100%;
  margin: 0 0 0 0;
  position: absolute;
  top: 0%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer !important;
  color: #fff;
}

.flex-direction-nav a:before {
  font-family: "brieficons";
  font-size: 16px;
  display: inline-block;
  content: "y";
  transform: rotate(90deg);
  position: absolute;
  width: 10px;
  height: 15px;
  left: 50%;
  top: 50%;
  margin-top: -7.5px;
  margin-left: -3px;
}

.flex-direction-nav a.flex-disabled:before {
  display: none;
}

.flex-direction-nav a.flex-next:before {
  content: "y";
  transform: rotate(-90deg);
  margin-top: 0;
  margin-left: -9px;
}

.flex-direction-nav .flex-prev {
  left: 0;
}

.flex-direction-nav .flex-next {
  right: 0;
  text-align: right;
}

.flex-direction-nav .flex-disabled {
  opacity: 0.7 !important;
  filter: alpha(opacity=0);
  cursor: default;
  color: rgba(0, 0, 0, 0.2);
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a .flex-play:before {
  content: "\f003";
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  left: 0;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/*==============================================================
6.6 Post Formats
==============================================================*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*==============================================================
6.7 Post/Image/Paging Navigation
==============================================================*/
#content-column .entry-media {
  float: left;
  margin-right: 3%;
  width: 40%;
}

#content-column .has-post-thumbnail .entry-media {
  float: none;
  margin-right: 0;
  width: 100%;
}

body.home #content-column .has-post-thumbnail .image-landscape,
body.archive #content-column .has-post-thumbnail .image-landscape,
#content-column .format-image .image-landscape {
  float: none;
  margin-right: 0;
  width: 100%;
}

#content-column .image-portrait {
  width: 20%;
}

#content-column .has-post-thumbnail .image-portrait,
#content-column .format-image .image-portrait {
  width: 40%;
}

/*==============================================================
6.8 Attachments
==============================================================*/
/*==============================================================
6.9 Archives
==============================================================*/
.page-header {
  overflow: hidden;
  position: relative;
  margin-top: 3%;
}

.page-title {
  display: inline;
  padding-right: 8px;
  position: relative;
  z-index: 2;
  font-weight: 800;
}

.page-title:after {
  bottom: 13px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 100%;
  position: absolute;
  width: 1140px;
  z-index: 1;
}

.page-description {
  margin-left: 0.3em;
}

/*==============================================================
6.10 Contributor Page
==============================================================*/
/*==============================================================
6.11 404 Page
==============================================================*/
/*==============================================================
6.12 Full Width
==============================================================*/
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

/*==============================================================
6.13 Singular
==============================================================*/
/*============================================================== 	 	-
6.14 Sharing
==============================================================*/
.sharedaddy {
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0;
  position: relative;
}

.sharedaddy .sd-block {
  padding: 10px 0 3px;
  vertical-align: middle;
}

div.sharedaddy h3.sd-title:before {
  display: none !important;
}

div.sharedaddy h3.sd-title {
  font-size: 1.4rem !important;
  line-height: 3 !important;
  margin-right: 10px !important;
  margin-bottom: 0 !important;
}

.sd-content, .sd-content ul {
  display: inline;
}

#sharing_email .sharing_send,
.sd-content ul li .option a.share-ustom,
.sd-content ul li a.sd-button,
.sd-content ul li.advanced a.share-more,
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content > ul > li .digg_button > a,
.sd-social-official .sd-content > ul > li > a.sd-button,
.sd-social-text .sd-content ul li a.sd-button {
  box-shadow: none !important;
  color: #777 !important;
  text-decoration: none !important;
}

.entry-footer {
  margin: 10px 0 30px;
  clear: both;
}

.tags-links {
  display: block;
}

.tags-links > a {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}

.tags-links > a,
.tags-links > a:visited,
.tags-links > a:hover,
.tags-links > a:focus,
.tags-links > a:active {
  color: #fff;
}

/*==============================================================
6.15 Comments
==============================================================*/
ol.comment-list {
  margin: 0;
}

article.comment-body {
  border-bottom: 1px solid #d4d4d4;
  padding: 15px 0;
}

.comment-respond {
  margin-top: 2rem;
}

.comments-title {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
}

.comment-list li {
  list-style: outside none none;
}

.comment-author.vcard {
  display: inline;
}

.comment-metadata {
  display: inline;
}

.comment-metadata::before {
  content: "|";
  margin: 0 5px;
}

.says {
  display: none;
}

.comment-respond small {
  font-size: 1.6rem;
}

.safe-comments-report-link {
  float: right;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

li.role-moderator > article > footer > div.comment-author,
li.role-author.bypostauthor > article > footer > div.comment-author {
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
}

li.role-moderator > article > footer > div.comment-author::before,
li.role-author.bypostauthor > article > footer > div.comment-author::before {
  content: " Dagens Medicin | ";
  color: #0091ae;
  font-weight: bold;
  padding: 0 0.4rem;
  margin-left: 2.4rem;
}

/*==============================================================
6.14 Restricted access
==============================================================*/
.subscription--entry,
.paywall--entry {
  padding: 2rem 0;
  margin-top: 0;
}
.subscription--entry h2,
.paywall--entry h2 {
  font-family: "Chivo", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
  font-size: 2rem;
  font-weight: 700;
}
.subscription--entry h3,
.paywall--entry h3 {
  font-family: "Chivo", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.subscription--entry .paywall__loginlink,
.paywall--entry .paywall__loginlink {
  margin-right: 1rem;
}
.subscription--entry .paywall__reglink,
.paywall--entry .paywall__reglink {
  margin-left: 1rem;
}
.subscription--entry hr,
.paywall--entry hr {
  margin-top: 4rem;
}
.subscription--entry .wp-block-buttons > .wp-block-button.has-custom-width,
.paywall--entry .wp-block-buttons > .wp-block-button.has-custom-width {
  max-width: 230px;
}

@media screen and (min-width: 960px) {
  body:not(.layout-wide) article.post .entry-content .paywall,
  body:not(.layout-wide) article.post .entry-content .subscription {
    margin-left: -120px;
    margin-right: -80px;
  }
}
@media screen and (max-width: 1360px) and (min-width: 1060px) {
  .pricing-table:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap !important;
  }
  .pricing-table:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}
@media screen and (max-width: 1360px) and (min-width: 1060px) {
  .pricing-table:not(.is-not-stacked-on-mobile) {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 880px) {
  .pricing-table:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap !important;
  }
  .pricing-table:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}
@media screen and (max-width: 880px) {
  .pricing-table:not(.is-not-stacked-on-mobile) {
    flex-wrap: nowrap;
  }
}
#pricing-table,
#no-access {
  padding: 40px;
  border-top-style: solid;
  border-top-width: 3px;
  margin-top: 1rem;
}
#pricing-table:after,
#no-access:after {
  content: "";
  display: block;
  clear: both;
}
#pricing-table .wrapper,
#no-access .wrapper {
  clear: both;
  margin: 0 auto;
  max-width: 1140px;
}
#pricing-table #subscribe h3,
#no-access #subscribe h3 {
  display: block;
}
#pricing-table #subscribe > h3,
#no-access #subscribe > h3 {
  font-size: 1.6rem;
}
#pricing-table #subscribe .trial-subscribtion,
#no-access #subscribe .trial-subscribtion {
  float: left;
}
#pricing-table #subscribe .go-to-checkout,
#no-access #subscribe .go-to-checkout {
  padding-left: 15px;
  margin-top: 5px;
  display: block;
  float: left;
}
#pricing-table #subscribe .added_to_cart,
#no-access #subscribe .added_to_cart {
  display: none;
}
#pricing-table .login-box,
#no-access .login-box {
  position: relative;
  padding: 0;
  width: 100%;
  margin-top: 1em;
}
#pricing-table .login-box input, #pricing-table .login-box .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen #pricing-table .login-box input[type=text],
#no-access .login-box input,
#no-access .login-box .search_jobs #search_categories_chosen input[type=text],
.search_jobs #search_categories_chosen #no-access .login-box input[type=text] {
  max-width: 455px;
}
#pricing-table h2,
#no-access h2 {
  font-size: 2rem;
  margin-bottom: 0;
}
#pricing-table .login-box-wrapper > h3,
#no-access .login-box-wrapper > h3 {
  font-size: 1.6rem;
}
#pricing-table li.entry.product h3,
#no-access li.entry.product h3 {
  display: none;
}

#no-access.border {
  border-color: var(--border_light_colour);
}

.woocommerce-checkout .entry-content,
.woocommerce-cart .entry-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bg.dark .lost_password > a {
  color: #fff;
}

img.woocommerce-placeholder {
  display: none !important;
}

.membership-content #customer-login-form, .wc-registration #customer-login-form {
  display: none;
}

.email-exists #customer-login-form,
.show-login #customer-login-form,
#customer-login-form:target {
  display: block;
}

.email-exists #customer-register-form, .show-login #customer-register-form {
  display: none;
}

#customer-register-form:target {
  display: block;
}

/*==============================================================
6.16 Shortcodes
==============================================================*/
aside.content-box {
  border: 1px solid #d4d4d4;
  height: auto;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

@media screen and (min-width: 960px) {
  .pull-left {
    margin-left: -120px;
  }
  aside.content-box:not(.full) {
    width: 260px;
    margin-right: 30px;
    float: left;
  }
  .content-box.full {
    margin-right: -80px;
  }
}
aside.content-box p {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

aside.content-box .content-box-title {
  border-bottom: 1px solid #d4d4d4;
  width: 100%;
  padding: 1.5rem 2rem;
  font-size: 2rem;
  font-weight: 700;
}

aside.content-box .content-box-text {
  padding: 1.5rem 2rem;
}

aside.content-box ol {
  color: #000000;
  font-weight: 400;
}

aside.content-box ul li {
  margin-bottom: 15px;
  margin-left: -15px;
  padding-left: 5px;
  padding-right: 15px;
}

/*==============================================================
Blockquotes
==============================================================*/
.blockquote, blockquote {
  position: relative;
  padding: 10px 20px;
  font-weight: 700;
  color: #0091ae;
  color: var(--brand_colour);
  display: inline-block;
  border-top: solid 3px #0091ae;
  border-bottom: solid 3px #0091ae;
  border-color: var(--brand_colour);
  margin-left: 0;
  margin-right: 0;
  margin-top: 2rem;
}

blockquote.pullquote:before {
  content: "q";
  position: absolute;
  left: 0;
  top: -26px;
  font-family: "Brieficons";
  background: #fff;
  font-size: 2.5rem;
  padding: 0 1rem 0 0;
  display: inline-block;
  color: #0091ae;
  color: var(--brand_colour);
}

blockquote footer {
  font-weight: 400;
  color: #222;
}

span.share {
  display: block;
  clear: both;
  padding: 1rem 0;
  margin: 0 0 1rem 0;
}

span.share em {
  margin-right: 0.5rem;
}

span.share em:first-child {
  font-style: normal;
  font-size: 1.4rem;
  color: #909090;
  margin-right: 1rem;
}

span.share em a {
  text-decoration: none;
  outline: none;
}

span.share em a:hover {
  text-decoration: none;
}

span.share em a span:before {
  vertical-align: middle;
  font-size: 2rem;
}

@media screen and (min-width: 960px) {
  .blockquote, blockquote {
    width: 260px;
    margin: 2rem 3rem 0 0;
    float: left;
  }
  span.share {
    display: inline-block;
    margin: 0 2rem 3rem -12rem;
    width: 260px;
    float: left;
  }
}
/*==============================================================
6.17 Taxonomi
==============================================================*/
.my_term-archive a {
  color: black;
}

/*==============================================================
7.0 Sidebar
==============================================================*/
/*==============================================================
7.1 Widgets
==============================================================*/
.widget {
  margin: 0 0 1.5em;
}

.widget .widget-title {
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0;
}

.widget .widget-title span {
  display: block;
}

.widget ul, .widget ol {
  margin: 0;
}

.widget ul li {
  list-style: outside none none;
  border-bottom: 1px solid #d4d4d4;
  padding: 5px 0;
}

.widget ul li:first-child {
  border-top: 1px solid #d4d4d4;
}

.widget ul li a:link,
.widget ul li a:visited {
  text-decoration: none;
}

.widget_top-posts li,
.widget-entry-views li {
  min-height: 5rem;
}

.widget ul li h4,
.widget ul li div,
.widget_top-posts a,
.widget ul.ev-entry-views-list a {
  color: #222;
  font-size: 1.4rem;
  text-decoration: none;
  margin-bottom: 0;
}

/*==============================================================
Make sure select elements fit in widgets
==============================================================*/
.widget select {
  max-width: 100%;
}

/*==============================================================
Widgets with background color
==============================================================*/
.widget .widget-title span.bg,
.widget.bg .textwidget {
  padding: 2rem;
}

aside.widget.bg .textwidget {
  padding: 2rem;
}

/*==============================================================
Text Widgets
==============================================================*/
.textwidget h2.entry-title {
  font-size: 2rem;
}
.textwidget h2.entry-title.bg.dark {
  background-color: inherit;
}
.textwidget h2.entry-title.bg.dark a {
  color: #fff;
}
.textwidget h2.entry-title a {
  color: #222222;
}
.featured .textwidget button.dark {
  background-color: #8e1975;
  border: none;
}

/*==============================================================
Widgets with footer-bar
==============================================================*/
.widget-footer-bar {
  color: #fff;
  padding: 10px 10px 8px;
}

.widget-footer-bar p {
  margin-bottom: 0;
}

.widget-footer-bar a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  vertical-align: middle;
}

/*==============================================================
Hide widgets in primary sidebar, when access is restricted
- except first two widget
==============================================================*/
@media (min-width: 460px) {
  body.singular-post.visitor-access #primary-sidebar aside {
    display: none;
  }
  body.singular-post.visitor-access #primary-sidebar aside:nth-child(-n+2) {
    display: block;
  }
}
/*==============================================================
Regular post widget
==============================================================*/
ul.regular-widget li {
  clear: both;
  border-top: 1px solid #d4d4d4;
  border-bottom: 0 solid #d4d4d4;
}

ul.regular-widget li:first-child {
  border-top: 0 solid #d4d4d4;
}

ul.regular-widget li:last-child {
  border-bottom: 1px solid #d4d4d4;
}

ul.regular-widget .entry-media {
  float: left;
  margin: 0.3rem 3% 0 0;
  width: 20%;
}

/*==============================================================
Recent post widget
==============================================================*/
.widget .recent .entry-meta {
  display: inline-block;
  float: left;
  line-height: 1.5;
  vertical-align: top;
  width: 20%;
}

.widget .recent .title {
  display: inline-block;
  width: 75%;
  margin-left: 5%;
}

.widget .recent .color.txt {
  color: #0091ae;
  color: var(--link_colour);
}

.more-link > a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "b";
  display: inline-block;
  font-family: "Brieficons";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 1.2rem;
  position: relative;
  top: 3px;
}

/*==============================================================
Featured posts widget
==============================================================*/
.featured-widget img {
  vertical-align: bottom;
}

.featured-widget h1.entry-title {
  display: inline-block;
  padding: 20px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  width: 100%;
  border-bottom: 1px solid white;
}

.featured-widget .entry-title-primary,
.featured-widget .entry-subtitle {
  color: #fff;
  background: transparent;
}

.featured-widget .entry-subtitle {
  letter-spacing: 0;
}

/*==============================================================
Entry views widget
==============================================================*/
.widget-entry-views ul,
.widget_top-posts ul {
  counter-reset: li;
}

.widget-entry-views li::before,
.widget_top-posts li::before {
  color: #fff;
  content: counter(li, decimal);
  counter-increment: li;
  float: left;
  line-height: 30px;
  margin-top: 4px;
  padding-left: 12px;
  vertical-align: text-top;
  width: 30px;
}

.widget_top-posts a,
.ev-entry-views-list a {
  display: block;
  padding-left: 40px;
}

/*==============================================================
Search widget
==============================================================*/
.widget_search .search-submit {
  display: none;
}

/*==============================================================
Bloggers widget
==============================================================*/
.widget_woothemes_our_team {
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

.team-members {
  padding: 0 10px;
}

.team-member {
  font-size: 2rem;
  padding: 10px 0;
}

.team-member > figure {
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 30%;
}

.team-member h3, .team-member div {
  display: inline-block;
  width: 70%;
  font-size: 1.4rem;
  line-height: 1;
  padding-left: 10px;
}

.team-member div {
  margin-top: -10px;
  vertical-align: top;
}

.team-member h3 {
  vertical-align: top;
  margin-bottom: 0;
  font-weight: 700;
}

#featured-sidebar {
  display: inline-block;
  padding-bottom: 1.5em;
  max-width: 100%;
}

#featured-sidebar .widget:first-child {
  margin: 0 0 1.5em 0;
}

/*==============================================================
Cover widget
==============================================================*/
.cover-widget article {
  clear: both;
  display: inline-block;
  padding: 1.5rem 0;
  border-bottom: 1px solid #d4d4d4;
}

.cover-widget article:first-child {
  padding-top: 0;
}

.cover-widget ul li:last-child {
  border: 0 none;
  padding-bottom: 0;
}

.cover-widget .entry-header {
  display: table-cell;
}

.cover-widget .related-posts h6 {
  display: none;
}

.widget .related-posts {
  margin: 0;
}

.widget .related-posts li {
  font-size: 1.4rem;
}

.widget .related-posts ul li:first-child {
  border-top: 0px solid #fff;
}

@media (min-width: 460px) {
  .cover-widget .entry-media {
    float: left;
    max-width: 40%;
    margin-right: 3%;
  }
}
.cover-widget .related-posts {
  margin-top: 0.6em;
}

/*==============================================================
Text/Ad widget
==============================================================*/
aside.ad-container {
  display: inline-block;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  width: 100%;
}

aside.ad-container.hide {
  display: none;
}

aside.ad-container {
  border-bottom: 1px solid #d4d4d4;
}

aside.ad-container.widget_admanager_widget {
  margin: 0 auto;
  padding: 0;
  border: none;
  margin-left: auto;
  margin-right: auto;
}

aside.ad-container .widget-title span.bg {
  background: #fff;
  color: #000;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  margin: 0 0 0.5rem 0;
  text-align: left;
  border-bottom: none;
}

.widget_ad_widget:not(.ad-container) {
  margin: 0;
}

/*==============================================================
Collection Widget
==============================================================*/
aside.collection.widget .widget-title {
  background: #fff;
  border-bottom-style: solid;
  border-bottom-width: 5px;
}

aside.collection.widget .widget-title span {
  background-color: #0091ae;
  background-color: var(--brand_colour);
  display: inline-block;
  font-size: 1.4rem;
  padding: 15px 15px 10px 15px;
  font-weight: 700;
}

#content-column .collection-widget {
  padding: 0 10px;
}
#content-column .collection-widget article h1.entry-title {
  font-size: 2rem;
}

@media (min-width: 460px) {
  #content-column .collection-widget {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    padding: 0 20px 20px;
  }
  #content-column .collection-widget article {
    display: block;
    page-break-inside: avoid; /* Firefox */
    -moz-column-break-inside: avoid;
         break-inside: avoid; /* IE 10+ */
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  }
  #content-column .collection-widget article:first-child {
    -moz-column-span: all;
         column-span: all;
    -webkit-column-span: all; /* Chrome, Safari, Opera */
  }
  #content-column .collection-widget article:first-child h1.entry-title {
    font-size: 3.6rem;
  }
  @-moz-document url-prefix() {
    #content-column .collection-widget article:first-child h1.entry-title {
      font-size: 2rem;
    }
  }
}
.widget.bg.dark .entry-header a,
.widget.bg.dark .entry-header a span.entry-subtitle {
  color: #fff;
}

/*==============================================================
Apsis Newsletter Widget
==============================================================*/
input.apsispro-signup-name, .search_jobs #search_categories_chosen input.apsispro-signup-name[type=text],
input.apsispro-signup-email,
.search_jobs #search_categories_chosen input.apsispro-signup-email[type=text] {
  width: 100%;
}

.apsispro-form input, .apsispro-form .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .apsispro-form input[type=text] {
  margin-right: 1rem;
}

.apsispro-form label {
  display: inline;
}

/*==============================================================
7.2 Content Sidebar Widgets
==============================================================*/
/* RSS widget */
.widget_rss .widget-title a {
  color: #fff;
}

.widget_rss .rss-widget-icon {
  display: none;
}

/*==============================================================
7.2.1 [Custom] Content Sidebar + ad-container Widgets
==============================================================*/
article.type-post .featured-content {
  float: none;
  width: 100%;
  position: relative;
  z-index: 999;
  padding-top: 0;
}

article.type-post .entry-content .featured-content {
  margin-right: 0;
}

@media (min-width: 1460px) {
  article.type-post .featured-content {
    float: right;
    width: 300px;
  }
  article.type-post .entry-content .featured-content {
    margin-right: -80px;
  }
}
/*==============================================================
8.0 Footer
==============================================================*/
footer.site-footer {
  z-index: 999;
  position: relative;
}

footer .meta-bar {
  color: #fff;
  width: 100%;
  clear: both;
}

#meta-bar-footer .site-description {
  clear: none;
  float: left;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0;
  padding: 15px 0;
}

.wrapper site-logo attachment-medium {
  float: none !important;
  border: 1px solid black !important;
}

.footer_text {
  float: left;
  color: #fff;
  width: 25%;
  padding-top: 25px;
  padding-right: 25px;
}

@media (max-width: 750px) {
  .footer_text,
  .site-branding {
    width: 100% !important;
    padding-right: 0 !important;
  }
}
footer#colophon a {
  color: #fff;
}

footer .site-branding {
  padding-right: 55px;
  padding-top: 20px;
  width: 25%;
}

#customize-theme-controls .accordion-section-content {
  font-size: 10px;
}

footer #user-info,
footer #tweet-link {
  clear: both;
}

/*==============================================================
9.0 Featured Content
==============================================================*/
/*==============================================================
10.0 Multisite
==============================================================*/
/*==============================================================
11.0 Media Queries // Breakpoints
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
==============================================================*/
/*==============================================================
12.0 Print
==============================================================*/
.search_jobs div.search_categories {
  padding-top: 0 !important;
}
.search_jobs #search_region_chosen, .search_jobs #search_categories_chosen {
  width: 100% !important;
  margin: 10px 0 0 0;
}
.search_jobs #search_region_chosen a, .search_jobs #search_categories_chosen a {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #BCBBBB;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  background: none;
}
.search_jobs #search_region_chosen a b, .search_jobs #search_categories_chosen a b {
  background-size: 73px 50px !important;
  background-position: 0px 6px !important;
}
.search_jobs #search_region_chosen.chosen-container-active.chosen-with-drop a b, .search_jobs #search_categories_chosen.chosen-container-active.chosen-with-drop a b {
  background-size: 73px 50px !important;
  background-position: -25px 6px !important;
}
.search_jobs #search_categories_chosen input[type=text] {
  height: auto !important;
}

/*==============================================================
MODULES - Re-usable site elements.
==============================================================*/
/*=============================================================
2.0 Repeatable Patterns
=============================================================*/
/*=============================================================
Hide and show elements
=============================================================*/
.hide {
  display: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

@media screen and (min-width: 960px) {
  .mobile.hide {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .desktop.hide {
    display: block;
  }
}
/*=============================================================
Brieficons
=============================================================*/
.menu-toggle a:before,
.search-toggle a:before,
.logged-in .login-toggle.button a::after {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: Brieficons;
  text-decoration: inherit;
  vertical-align: middle;
}

.login-toggle.button a:hover:after,
.login-toggle.button a:focus:after,
.login-toggle.button a:active:after,
.menu-toggle a:hover:before,
.menu-toggle a:focus:before,
.menu-toggle a:active:before {
  text-decoration: none !important;
}

.related-posts h6,
.comment-reply-title legend {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  font-size: 2rem;
  line-height: 1.3;
}

.related-posts ul {
  margin-left: 0;
}

/*=============================================================
2.1 Elements
=============================================================*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

/*=============================================================
2.2 Colours
=============================================================*/
/*=============================================================
Custom properties (variables)
=============================================================*/
:root {
  --background_colour: #fff;
  --brand_colour: #0091ae;
  --light_background_colour: #f2ede5;
  --dark_background_colour: #00667b;
  --regular_widget_background_colour: #e5f4f7;
  --light_widget_background_colour: #f2ede5;
  --dark_widget_background_colour: #00667b;
  --featured_widget_background_colour: #005869;
  --light_widget_title_background_colour: #a19271;
  --dark_widget_title_background_colour: #8e1975;
  --tags_background_colour: #0091ae;
  --button_background_colour: #0091ae;
  --button_featured_colour: #ca1e24;
  --button_light_colour: #d4d4d4;
  --button_dark_colour: #005869;
  --link_colour: #0091ae;
  --alt_text_colour: #a19271;
  --border_light_colour: #5dbacd;
  --border_dark_colour: #223344;
}

/*=============================================================
Brand colour
=============================================================*/
.bg {
  background-color: #0091ae;
}

/*=============================================================
Widget background colour
=============================================================*/
.widget.bg, .teaser.bg {
  background-color: #e5f4f7;
}

/*=============================================================
Light background colour
=============================================================*/
.widget.bg.light,
.bg.light {
  background-color: #f2ede5;
}

/*=============================================================
Dark background colour
=============================================================*/
.widget.bg.dark,
.bg.dark {
  background-color: #00667b;
}

/*=============================================================
Featured widget background colour
=============================================================*/
.featured .bg.dark {
  background-color: #005869;
}

.collection .bg.dark {
  background-color: #E5F4F7;
}

/*=============================================================
Widget title light background colour
=============================================================*/
.widget.bg.light .widget-title span.bg {
  background-color: #a19271;
}

/*=============================================================
Widget title dark background colour
=============================================================*/
.widget.bg.dark .widget-title span.bg,
.featured .entry-meta.cat.title .cat-links a {
  background-color: #8e1975;
}

.tags-links > a {
  background-color: #0091ae;
}

/*=============================================================
Button background colour
=============================================================*/
.wp-block-button__link,
.button,
button,
input[type=button],
.search_jobs #search_categories_chosen input[type=button][type=text],
input[type=reset],
.search_jobs #search_categories_chosen input[type=reset][type=text],
input[type=submit],
.search_jobs #search_categories_chosen input[type=submit][type=text] {
  background-color: #0091ae;
  border: 1px solid #0091ae;
}

/*=============================================================
Featured button background colour
=============================================================*/
.button.featured,
button.featured,
input[type=submit].featured,
.search_jobs #search_categories_chosen input[type=submit].featured[type=text],
input[type=reset].featured,
.search_jobs #search_categories_chosen input[type=reset].featured[type=text],
input[type=button].featured,
.search_jobs #search_categories_chosen input[type=button].featured[type=text] {
  background-color: #ca1e24;
  border: 1px solid #ca1e24;
}

/*=============================================================
Dark button background colour
=============================================================*/
.button.dark,
button.dark,
input[type=submit].dark,
.search_jobs #search_categories_chosen input[type=submit].dark[type=text],
input[type=reset].dark,
.search_jobs #search_categories_chosen input[type=reset].dark[type=text],
input[type=button].dark,
.search_jobs #search_categories_chosen input[type=button].dark[type=text] {
  background-color: #005869;
  border: 1px solid #005869;
}

/*=============================================================
Light button background colour
=============================================================*/
.button.light,
button.light,
input[type=submit].light,
.search_jobs #search_categories_chosen input[type=submit].light[type=text],
input[type=reset].light,
.search_jobs #search_categories_chosen input[type=reset].light[type=text],
input[type=button].light,
.search_jobs #search_categories_chosen input[type=button].light[type=text] {
  background-color: #d4d4d4;
  border: 1px solid #d4d4d4;
}

/*=============================================================
Archive header border color
=============================================================*/
.page-title:after {
  background-color: #0091ae;
}

/*=============================================================
Top posts counter background color
=============================================================*/
.widget-entry-views li::before,
.widget_top-posts li::before {
  background-color: #0091ae;
}

/*=============================================================
Link text colour
=============================================================*/
a {
  color: #0091ae;
}

/*=============================================================
Coloured text
=============================================================*/
.color.txt,
aside.content-box h3,
.related-posts h6 {
  color: #0091ae;
}

/*=============================================================
Alternate coloured text
=============================================================*/
.alt.color.txt,
.widget.bg h3 a {
  color: #a19271;
}

/*=============================================================
Border colour
=============================================================*/
.widget .widget-title,
.border {
  border-color: #0091AE;
}

/*=============================================================
Light widget border colour
=============================================================*/
.widget.bg.light .widget-title {
  border-color: #a19271;
}

/*=============================================================
Dark widget border colour
=============================================================*/
.widget.bg.dark .widget-title {
  border-color: #8e1975;
}

/*=============================================================
2.3 Buttons
=============================================================*/
button,
input,
.search_jobs #search_categories_chosen input[type=text],
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

.button,
button,
input[type=button],
.search_jobs #search_categories_chosen input[type=button][type=text],
input[type=reset],
.search_jobs #search_categories_chosen input[type=reset][type=text],
input[type=submit],
.search_jobs #search_categories_chosen input[type=submit][type=text] {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 2rem;
}

.button a,
button a,
input[type=button] a,
.search_jobs #search_categories_chosen input[type=button][type=text] a,
input[type=reset] a,
.search_jobs #search_categories_chosen input[type=reset][type=text] a,
input[type=submit] a,
.search_jobs #search_categories_chosen input[type=submit][type=text] a {
  color: #fff;
}

.button a.login,
.login-box .button a {
  display: block;
  outline: none;
}

.button:hover,
button:hover,
input[type=submit]:hover,
.search_jobs #search_categories_chosen input[type=submit][type=text]:hover,
input[type=reset]:hover,
.search_jobs #search_categories_chosen input[type=reset][type=text]:hover,
input[type=button]:hover,
.search_jobs #search_categories_chosen input[type=button][type=text]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
.search_jobs #search_categories_chosen input[type=submit][type=text]:focus,
input[type=reset]:focus,
.search_jobs #search_categories_chosen input[type=reset][type=text]:focus,
input[type=button]:focus,
.search_jobs #search_categories_chosen input[type=button][type=text]:focus {
  opacity: 0.85;
}

.button.bigger,
button.bigger,
input[type=submit].bigger,
.search_jobs #search_categories_chosen input[type=submit].bigger[type=text],
input[type=reset].bigger,
.search_jobs #search_categories_chosen input[type=reset].bigger[type=text],
input[type=button].bigger,
.search_jobs #search_categories_chosen input[type=button].bigger[type=text] {
  text-transform: uppercase;
  min-width: 90px;
  padding: 10px 15px;
}

.button.transparent,
button.transparent,
input[type=submit].transparent,
.search_jobs #search_categories_chosen input[type=submit].transparent[type=text],
input[type=reset].transparent,
.search_jobs #search_categories_chosen input[type=reset].transparent[type=text],
input[type=button].transparent,
.search_jobs #search_categories_chosen input[type=button].transparent[type=text] {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #fff;
  color: #000 !important;
  background-color: transparent;
}

.login.button.red {
  border-left: 1px solid #fff;
  margin-top: 11px;
  line-height: normal;
}

.button.red:visited, button.red:visited {
  color: #fff;
}

.login-toggle.button.featured {
  border: 0;
}

/*=============================================================
2.4 Forms
=============================================================*/
input[type=checkbox], .search_jobs #search_categories_chosen input[type=checkbox][type=text],
input[type=radio],
.search_jobs #search_categories_chosen input[type=radio][type=text] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type=search], .search_jobs #search_categories_chosen input[type=search][type=text] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, .search_jobs #search_categories_chosen input[type=search][type=text]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
.search_jobs #search_categories_chosen input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #BCBBBB;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
}

/*=============================================================
Removes awkward default styles on some inputs for iOS
=============================================================*/
input[type=email],
input[type=number],
input[type=search],
input[type=text],
.search_jobs #search_categories_chosen input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top; /* Improves readability and alignment in all browsers */
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 3px;
  width: 100%;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
.search_jobs #search_categories_chosen input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #e9e9e9;
  outline: 0;
}

label,
legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type=checkbox], .search_jobs #search_categories_chosen input[type=checkbox][type=text],
input[type=radio],
.search_jobs #search_categories_chosen input[type=radio][type=text] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}

/*=============================================================
Login form
=============================================================*/
#loginform-header .input {
  width: 100%;
}

#loginform-header label {
  color: #fff;
}

/*=============================================================
2.5 Tables
=============================================================*/
table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #BCBBBB;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/*=============================================================
2.6 Media
=============================================================*/
img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
img.emoji {
  height: 1.6rem;
  display: inline;
}

/*=============================================================
Make sure embeds and iframes fit their containers
=============================================================*/
embed,
iframe,
object {
  max-width: 100%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.dataTables_wrapper {
  max-width: 100%;
}

@media screen and (min-width: 960px) {
  .dataTables_wrapper {
    margin-left: -120px;
    margin-right: -80px;
    max-width: none;
  }
}
.chart .wp-embedded-content {
  width: 100%;
}

iframe.wp-embedded-content {
  width: 100%;
}

.slideshow-window {
  border-radius: 0;
  background-color: var(--dark_background_colour);
  border-color: var(--dark_background_colour);
}

.slideshow-slide-caption {
  height: unset;
  line-height: 1.5;
  background-color: var(--dark_background_colour);
  padding-top: 5px;
  bottom: 0px;
  text-shadow: unset;
}

.slideshow-controls {
  bottom: 50px;
}

/*=============================================================
2.6.2 Audio
=============================================================*/
.category-podcast figure.audio {
  background-color: #222222;
}
.category-podcast figure.audio:before {
  content: url(http://stetoskopet.nu/onewebstatic/d9e5842981-steto%20tight.png);
  display: inline-block;
  padding: 1.1rem 0 0.8rem 1rem;
}
@media (min-width: 640px) {
  .category-podcast figure.audio > div {
    width: 87%;
    float: right;
    padding: 1.7rem 0;
  }
}
@media (min-width: 960px) {
  .category-podcast figure.audio > div {
    width: 92%;
  }
}

.taxonomy-category-podcast #content-column .category-podcast figure.audio {
  background-color: #fff;
  width: 10%;
}
.taxonomy-category-podcast #content-column .category-podcast figure.audio:before {
  padding: 0;
}
@media (min-width: 640px) {
  .taxonomy-category-podcast #content-column .category-podcast figure.audio > div {
    padding: 0;
  }
}

.taxonomy-category-podcast #content-column .category-podcast .entry-header {
  display: inline-block;
}

/*=============================================================
2.7 Captions
=============================================================*/
.wp-caption {
  max-width: 100%;
}

.singular-post .wp-caption {
  margin-bottom: 1.5em;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin: 0 auto;
}

.wp-caption figcaption {
  line-height: 0;
}

.wp-caption .wp-caption-text,
.wp-caption .wp-caption-credit {
  font-size: 1.4rem;
  display: inline;
  line-height: 1.8rem;
}

/*=============================================================
2.8 Alignments
=============================================================*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/*=============================================================
2.9 Clearings
=============================================================*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: block;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*=============================================================
2.10 Infinite scroll
=============================================================*/
/*=============================================================
Globally hidden elements when Infinite Scroll is supported
and in use.
=============================================================*/
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/*=============================================================
When Infinite Scroll has reached its end we need to re-display
elements that were hidden (via .neverending) before
=============================================================*/
.infinity-end.neverending .site-footer {
  display: block;
}

/*=============================================================
2.11 Accessibility
=============================================================*/
/*=============================================================
Text meant only for screen readers
=============================================================*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
a .screen-reader-text:hover,
.screen-reader-text:active,
a .screen-reader-text:active,
.screen-reader-text:focus,
a .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

span.delimiter:last-child {
  display: none;
}

/*=============================================================
 *  2.6.1 Responsive ads
 * ============================================================= */
.ad {
  position: relative;
  padding-top: 0rem;
  padding-bottom: 300px; /* Fallback if no banner is shown */
  height: 0;
  overflow: hidden;
}
.ad:empty {
  background: #eee;
}

.ad:empty:before {
  content: attr(id);
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 1rem;
  text-align: right;
  display: block;
  color: rgba(0, 0, 0, 0.6);
}

.ad iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div#afd, #afd {
  text-align: center;
}

aside.ad-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.top-sidebar aside.ad-container {
  max-width: 1200px;
}

.ad.testbanner {
  padding-bottom: 1px;
}

.text-ad-slot > div {
  text-align: center;
  border-top: 1px solid #d4d4d4 !important;
  border-bottom: 1px solid #d4d4d4 !important;
  padding: 1em 0;
}

/*=============================================================
 *  2.6.2 Non-responsive ads
============================================================= */
.ad-slot > div {
  border-bottom: 1px solid #d4d4d4 !important;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.content.related.grid .ad-slot > div {
  border-bottom: 0px solid #d4d4d4 !important;
}
.ad-slot > div:before {
  content: "Annonce";
  text-align: left;
  display: block;
  font-size: 1rem;
  font-family: "Vitesse A", "Vitesse B", Georgia, serif;
  letter-spacing: 0.1rem;
}
.native-ad .ad-slot > div:before {
  content: "";
}
.ad-slot.native-ad > div:before {
  content: "";
}

/*=============================================================
Mobile (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
/*=============================================================
Phablet (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
/*=============================================================
Tablet (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
/*=============================================================
Desktop (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
/*=============================================================
Mobile (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
.ad.panorama {
  padding-bottom: 50%;
}

.ad.rectangle {
  padding-bottom: 40%;
}

.ad.rectangle-lower {
  padding-bottom: 50%;
}

.ad.skyscraper {
  padding-bottom: 40%;
}

.ad.skyscraper-tall {
  padding-bottom: 50%;
}

.ad.skyscraper-tall-article {
  padding-bottom: 50%;
}

/*=============================================================
Phablet (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
@media (min-width: 460px) {
  .ad.panorama {
    padding-bottom: 16.6666666667%;
  }
  .ad.rectangle {
    padding-bottom: 50%;
  }
  .ad.rectangle-lower {
    padding-bottom: 40%;
  }
  .ad.skyscraper {
    padding-bottom: 133.3333333333%;
  }
  .ad.skyscraper-tall {
    padding-bottom: 200%;
  }
  .ad.skyscraper-tall-article {
    padding-bottom: 50%;
  }
}
/*=============================================================
Tablet (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
@media (min-width: 640px) {
  .ad.panorama {
    padding-bottom: 16.6666666667%;
  }
  .ad.rectangle {
    padding-bottom: 50%;
  }
  .ad.rectangle-lower {
    padding-bottom: 40%;
  }
  .ad.skyscraper {
    padding-bottom: 133.3333333333%;
  }
  .ad.skyscraper-tall {
    padding-bottom: 50%;
  }
  .ad.skyscraper-tall-article {
    padding-bottom: 50%;
  }
}
/*=============================================================
Desktop (mixin dagens_ads can be found in base/_mixins.scss)
=============================================================*/
@media (min-width: 960px) {
  .ad.panorama {
    padding-bottom: 16.6666666667%;
  }
  .ad.rectangle {
    padding-bottom: 50%;
  }
  .ad.rectangle-lower {
    padding-bottom: 40%;
  }
  .ad.skyscraper {
    padding-bottom: 133.3333333333%;
  }
  .ad.skyscraper-tall {
    padding-bottom: 200%;
  }
  .ad.skyscraper-tall-article {
    padding-bottom: 200%;
  }
}
/*--------------------------------------------------------------
* Events
--------------------------------------------------------------*/
#tribe-events-content a.button,
.tribe-events-event-meta a.button {
  color: #ffffff;
}
#tribe-events-content a.button.bg,
.tribe-events-event-meta a.button.bg {
  color: #ffffff;
}

#buy-ticket {
  display: none;
}

.my-events-table-wrapper {
  background-image: none !important;
}

.tribe-events-notices {
  margin-top: 0;
}

.events-category-efteruddannelse .video-events {
  display: none;
}

.event-meta a {
  font-family: Arvo, Georgia, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.event-meta .tribe-event-categories {
  font-weight: 900;
  margin: 0 0 1rem 0;
}

.event-header h2 {
  font-family: Arvo, Georgia, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.400000006px;
  line-height: 28px;
  margin: 2rem 0 2rem 0;
}

.event-ticket-call-out {
  background: #0091ae;
  background-color: var(--brand_colour);
  color: #ffffff;
  padding: 20px;
}

.event-ticket-call-out .button {
  background: #223344;
  color: #ffffff;
}

.event-ticket-call-out h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

.event-ticket-call-out p {
  font-size: 16px;
  margin-bottom: 0;
}

.event-ticket-call-out .button {
  position: relative;
}

@media (min-width: 960px) {
  .event-ticket-call-out .button {
    position: absolute;
    bottom: 2rem;
    right: 3rem;
  }
}
/* EVENT SECTION */
.event-section {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 2rem;
}

.event-section h2 {
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 1rem;
  font-weight: 900;
}

.event-section .three.columns, .event-section .three.column {
  width: 23% !important;
}

.event-section .eight.columns, .event-section .eight.column {
  margin-top: 0 !important;
}

.event-sessions {
  border-bottom: 1px solid #c0c0c0;
}

.event-sessions .session {
  overflow: hidden;
  margin-bottom: 0px;
  padding-bottom: 0;
  border-bottom: 1px solid #c0c0c0;
}

.event-sessions .session:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.event-sessions .session .date .time {
  padding: 0;
  font-weight: 700;
}

.event-sessions h3.session-days {
  font-weight: 700;
  font-size: 18px;
  border-bottom: 1px solid #c0c0c0;
  padding: 1rem 0;
  margin: 0;
}

.event-sessions h3.session-days span {
  float: right;
  color: #909090;
  font-size: 1.5rem;
  vertical-align: middle;
  line-height: 2.5rem;
}

.event-sessions .content {
  display: block;
}

.event-sessions .content h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #0091ae;
}

.event-sessions .content h4 {
  margin: 0;
  font-size: 14px;
}

.event-sessions .content h2 {
  margin: 0 0 1rem;
  font-size: 22px;
  line-height: 28px;
  font-weight: 900;
}

ul.sessions-list,
ul.session-speakers-list {
  display: block;
  width: 100%;
  list-style-type: none;
  margin: 0 0 1rem;
  padding: 0;
  overflow: hidden;
}

ul.session-speakers-list:empty {
  display: none;
}

ul.session-speakers-list li.speaker {
  position: relative;
  display: inline-block;
  float: left;
  width: 20%;
}

ul.session-speakers-list li.speaker + li.speaker {
  margin-left: 6.5%;
}

ul.session-speakers-list li.speaker + li.speaker:nth-child(5n+0) {
  clear: both;
  margin-left: 0;
}

ul.session-speakers-list li.speaker h3 {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.6rem;
}

ul.session-speakers-list li.speaker figure {
  display: inline-block;
  width: 100%;
  height: 50px;
  background: #eee;
  overflow: hidden;
}

ul.session-speakers-list li.speaker figure img {
  max-width: 100%;
  height: auto;
}

/* ============================================== */
.speaker-list-horizontal-scroller .speaker {
  width: 140px; /* If this is changed remmeber to update accordingly in functions.js as well */
  float: left;
}

.speaker-list-horizontal-scroller .speaker img {
  max-width: 100%;
  height: auto;
}

.speaker-list-horizontal-scroller .speaker h4 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 0;
  text-align: center;
}

.session-wrapper {
  margin-bottom: 2rem;
}

.session-speakers-horizontal-scroller {
  margin-bottom: 0;
}

.session-speakers-horizontal-scroller .speaker {
  width: auto;
  float: left;
  margin-right: 10px; /* If this is changed remmeber to update accordingly in functions.js as well */
}

.session-speakers-horizontal-scroller .speaker + .speaker {
  padding-left: 10px; /* If this is changed remmeber to update accordingly in functions.js as well */
  border-left: 1px solid #d4d4d4;
}

.session-speakers-horizontal-scroller .speaker img {
  width: 40px;
  display: inline;
  margin-right: 10px;
}

.session-speakers-horizontal-scroller .speaker h3,
.session-speakers-list li.speaker h3 {
  font-size: 16px;
  font-weight: 600;
  color: #0091ae;
  display: inline;
}

.session-wrapper-horizontal-scroller .session {
  width: 100%;
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}

.session-wrapper-horizontal-scroller .session + .session {
  width: 100%;
  padding-left: 0;
  border-left: 0px;
}

@media (min-width: 750px) {
  .session-wrapper-horizontal-scroller .session {
    width: 100%;
    float: left;
  }
  .session-wrapper-horizontal-scroller .session + .session {
    width: 100%;
  }
}
/*--------------------------------------------------------------
* Events sidebar
--------------------------------------------------------------*/
.widget-bg {
  background: #e5f4f7;
  background-color: var(--regular_widget_background_colour);
  border-bottom: solid 3px #0091ae;
  border-bottom-color: var(--brand_colour);
  padding-bottom: 15px;
}

.widget-bg h4, .widget-bg dl, .widget-bg p {
  padding-left: 15px;
  padding-right: 15px;
}

.event-sidebar .widget {
  overflow: hidden;
}

.event-sidebar .widget h1 {
  margin-bottom: 2rem !important;
}

.event-sidebar .widget h4 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 0;
}

.event-sidebar .widget .phone, .event-sidebar .widget .mail {
  margin-bottom: 0;
}

.event-sidebar .widget .phone span, .event-sidebar .widget .mail span {
  font-weight: 900;
}

.widget.event-location h1 {
  margin-bottom: 0 !important;
}

/* quick fix, needs to find a proper solution to hiding this. */
.event .tribe-events-single-section-title {
  display: none;
}

.event dd {
  margin: 0;
}

.event-location .tribe-venue {
  font-size: 20px;
  font-weight: 900;
  margin: 10px 0 5px;
}

.event-location .tribe-events-address {
  margin-bottom: 15px;
}

.event-partners img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.event-partners .partner {
  margin-bottom: 20px;
}

.event-partners .partner:last-child {
  margin-bottom: 0;
}

.event-partners .partner a {
  color: #000;
}

.event-promoters img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.event-promoters .promoter {
  margin-bottom: 20px;
  width: 50%;
  display: block;
  float: left;
}

.event-promoters .promoter.left {
  padding-right: 10px;
}

.event-promoters .promoter.right {
  padding-left: 10px;
}

.event-promoters .promoter a {
  color: #000;
}

/*--------------------------------------------------------------
* Events calendar
--------------------------------------------------------------*/
#tribe-bar-form label {
  font-size: 10px;
}

#tribe-bar-form input, #tribe-bar-form .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen #tribe-bar-form input[type=text] {
  font-size: 12px;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
  font-size: 11px;
  background: #0091ae;
  background-color: var(--brand_colour);
}

.tribe-events-calendar thead th {
  background: #0091ae;
  background-color: var(--brand_colour);
  border-left: 1px solid #00778f;
  border-right: 1px solid #00778f;
}

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] a,
.tribe-mini-calendar .tribe-events-has-events.tribe-events-present a, #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover,
.tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a {
  background: #0091ae;
  background-color: var(--brand_colour);
}

.tribe-events-calendar td.tribe-events-present div.tribe_events {
  padding: 5px;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover div.tribe_events h3 a, .tribe-events-calendar td.tribe-events-present.mobile-active div.tribe_events h3 a {
  color: #fff;
}

a.tribe-events-ical.tribe-events-button {
  display: none !important;
}

/*--------------------------------------------------------------
* Events calendar list
--------------------------------------------------------------*/
/* Alternatively style all different views */
#tribe-bar-form #tribe-bar-views {
  display: none !important;
}

#tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
  width: 100% !important;
  right: 0 !important;
}

.tribe-events-list h2.tribe-events-list-event-title {
  display: block;
  margin-bottom: 2rem;
}

.tribe-events-list h2.tribe-events-list-event-title .entry-subtitle {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
}

#tribe-events-pg-template .type-tribe_events ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#tribe-events-pg-template .type-tribe_events ul li {
  display: inline-block;
  float: left;
}

#tribe-events-pg-template .type-tribe_events ul li + li {
  margin-left: 1rem;
  border-left: 1px solid #ddd;
  padding-left: 10px;
}

.tribe-events-list-separator-month {
  padding: 1rem;
}

.tribe-events-list-separator-month:before {
  display: block;
  clear: both;
}

#tribe-events-pg-template .tribe-events-loop {
  max-width: 100%;
}

.tribe-event-schedule-details {
  margin-bottom: 1rem;
}

.tribe-event-venue-organizer-details {
  margin-left: 0%;
  margin-bottom: 1rem;
  float: none;
  clear: both;
}

.tribe-event-registration.fr {
  float: left;
}

@media (min-width: 960px) {
  .tribe-event-venue-organizer-details {
    display: inline-block;
    margin-left: 3%;
    box-sizing: border-box;
  }
  .tribe-event-registration.fr {
    float: right;
  }
}
@media (max-width: 959px) {
  body.events-archive .content-area {
    width: 100%;
  }
}
.tribe-events-list .time-details, .tribe-events-list .tribe-events-venue-details,
.tribe-events-organizer-details {
  display: block;
  vertical-align: top;
  line-height: inherit;
  width: auto;
  font-size: 1.6rem;
}
.tribe-events-list .time-details p, .tribe-events-list .tribe-events-venue-details p,
.tribe-events-organizer-details p {
  margin-bottom: 0;
}
.tribe-events-list .time-details a + a, .tribe-events-list .tribe-events-venue-details a + a,
.tribe-events-organizer-details a + a {
  margin-left: 0;
}

.tribe-events-loop .tribe-events-event-meta {
  overflow: hidden;
  margin: 0 0 1rem 0;
}

.tribe-events-loop .tribe-events-content {
  padding: 0;
}

@media (min-width: 750px) {
  #tribe-events-pg-template .type-tribe_events {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 750px) {
  #tribe-events-pg-template .type-tribe_events .tribe-event-schedule-details .tribe-event-date-start {
    padding-left: 1.2rem;
  }
}
#tribe-events-pg-template .type-tribe_events .tribe-events-event-image,
#tribe-events-pg-template .type-tribe_events .tribe-events-content {
  float: none !important;
  width: 100% !important;
}

#tribe-events-pg-template .type-tribe_events .tribe-events-event-image {
  padding-top: 1.5rem;
}

#tribe-events-pg-template .type-tribe_events .tribe-events-list-event-title a {
  display: block;
  font-weight: 700;
  font-size: 2.5rem;
}

#tribe-events-pg-template .type-tribe_events .tribe-events-event-cost {
  float: none;
  margin: 0 0 1rem 0;
}

#tribe-events-pg-template .type-tribe_events .tribe-events-event-cost span {
  text-align: left;
  padding: 0;
  background: transparent;
  border: none;
}

.tribe-events-photo-event-wrap {
  background: transparent !important;
}

/*--------------------------------------------------------------
* Community events form
--------------------------------------------------------------*/
#tribe-community-events .events-community-post-title input, #tribe-community-events .events-community-post-title .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen #tribe-community-events .events-community-post-title input[type=text], #tribe-community-events .events-community-post-content textarea {
  width: 100% !important;
}

.tribe-community-event-info {
  margin: 0px;
}

#tribe-community-events h4 {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 20px !important;
  font-weight: 900 !important;
  font-family: Raleway, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  text-transform: none;
}

table.tribe-community-event-info tr.venue + tr.venue + tr.venue + tr.venue + tr.venue {
  display: none;
}

table.tribe-community-event-info tr.venue + tr.venue + tr.venue + tr.venue + tr.venue + tr.venue {
  display: table-row;
}

.eventForm select {
  margin-right: 5px;
}

table.tribe-community-event-info input, table.tribe-community-event-info .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen table.tribe-community-event-info input[type=text] {
  width: 60%;
}

div.chosen-container.chosen-container-single,
div.chosen-container.chosen-container-single.chosen-with-drop {
  width: 60% !important;
}

div#event_timezone_chosen.chosen-container.chosen-container-single,
div#event_timezone_chosen.chosen-container.chosen-container-single.chosen-with-drop {
  width: 48% !important;
}

table.tribe-community-event-info input[type=checkbox], table.tribe-community-event-info .search_jobs #search_categories_chosen input[type=checkbox][type=text], .search_jobs #search_categories_chosen table.tribe-community-event-info input[type=checkbox][type=text] {
  width: auto;
}

input#EventZip, .search_jobs #search_categories_chosen input#EventZip[type=text], input#EventStartDate, .search_jobs #search_categories_chosen input#EventStartDate[type=text], input#EventEndDate, .search_jobs #search_categories_chosen input#EventEndDate[type=text] {
  width: 30%;
}

#tribe-community-events #event_cost {
  display: none;
}

div#tribe-community-events.form {
  padding-bottom: 30px;
}

/*--------------------------------------------------------------
* Events tickets
--------------------------------------------------------------*/
.tribe-events-tickets tr td:first-child {
  padding-left: 0 !important;
}

.tribe-events-tickets tr td:last-child {
  padding-right: 0 !important;
}

.tribe-events-tickets .tribe-tickets-attendees-list-optout {
  display: none !important;
}

.tribe-tickets-meta-row .tribe-tickets-table tr td {
  border-bottom: none;
}

/*--------------------------------------------------------------
* jQuery scrollbar styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
* Gravity Forms
--------------------------------------------------------------*/
.newsletter-forms {
  border: 1px solid #0091ae;
  padding: 1rem;
  margin: 1rem 0;
}

h2.gform_title,
h3.gform_title {
  font-size: 2.5rem;
  font-weight: bold;
}

.gfield_consent_label {
  display: inline;
}

.gform_fields.description_below .field_description_below .gfield_description.gfield_consent_description {
  border: none;
  padding: 0;
}

.gform_required_legend {
  font-size: 1.2rem;
}

.gfield_checkbox button {
  background-color: #fff;
  border: 1px solid #0091ae;
  color: #0091ae;
}

/*--------------------------------------------------------------
* Job ads
--------------------------------------------------------------*/
@media (max-width: 750px) {
  .job_listing .inner.three.column, .job_listing .inner.three.columns {
    width: 100%;
  }
}
@media (min-width: 750px) {
  .job_listing .inner.three.column, .job_listing .inner.three.columns {
    width: 33%;
  }
  .job_listing .inner.eight.column, .job_listing .inner.eight.columns {
    width: 63%;
  }
}
.job_listing .inner.eight.column, .job_listing .inner.eight.columns,
.job_listing .inner.eight.column .sharedaddy, .job_listing .inner.eight.columns .sharedaddy {
  margin-top: 0;
}

.job_listing .entry-title {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.facetwp-facet-job_search .facetwp-input-wrap {
  display: block;
  width: 100%;
}

.archive-job_listing .columns {
  margin-left: 4%;
  box-sizing: border-box;
  float: left;
}

.archive-job_listing .columns:first-child {
  margin-left: 0;
}

.archive-job_listing .six.columns {
  width: 48%;
}

.archive-job_listing .fs-label-wrap {
  width: 100%;
}

.taxonomy-job_listing_region .txt.color,
.taxonomy-job_listing_type .txt.color,
.taxonomy-specialities .txt.color,
.taxonomy-job_listing_tag .txt.color,
.taxonomy-job_listing_category .txt.color,
.archive-job_listing .txt.color {
  color: #99a511;
}

.taxonomy-job_listing_region .page-title:after,
.taxonomy-job_listing_type .page-title:after,
.taxonomy-specialities .page-title:after,
.taxonomy-job_listing_category .page-title:after,
.taxonomy-job_listing_tag .page-title:after,
.archive-job_listing .page-title:after {
  background-color: #99a511;
}

.taxonomy-job_listing_region .page-title:before {
  content: "Job | Område | ";
}

.taxonomy-job_listing_type .page-title:before {
  content: "Job | Type | ";
}

.taxonomy-specialities .page-title:before {
  content: "Job | Speciale | ";
}

.taxonomy-job_listing_category .page-title:before {
  content: "Job | Stilling | ";
}

.taxonomy-job_listing_tag .page-title:before {
  content: "Job | Gruppe | ";
}

.job_listing .button,
.job_filters .button {
  margin-bottom: 3rem;
  display: inline-block;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  background-color: #99a511;
}

.job_filters .button {
  margin-top: 3rem;
}

.job_filters .button.active .less.hide {
  display: block;
}

.job_filters .button.active .more {
  display: none;
}

h2.application-date {
  font-family: "Arvo", Georgia, serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: #0091ae;
  color: var(--brand_colour);
  margin-top: 15px;
}

h2.application-date span {
  display: block;
}

.job_listing .preamble p {
  font-size: 20px;
  line-height: 28px;
  font-family: "Arvo", Georgia, serif;
}

.job_listing .application .application_button {
  width: auto !important;
  padding: 10px 20px !important;
  line-height: 20px;
}

/* Job ads widget */
.widget-information {
  background: #f2ede5;
}

.widget-information .widget-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-information div div {
  padding: 1.5rem 1.5rem 0;
}

.widget-information .widget-list li {
  padding: 15px 20px;
  border-top: solid 1px #ffffff;
}

.widget-information .widget-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1.5rem 2rem 0;
}

.widget-information li {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.widget-information img {
  margin-top: 10px;
}

.widget-information .bold {
  font-weight: 700;
}

.widget-information .button {
  width: 100%;
  font-family: "Arvo", Georgia, serif;
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}

p.job-manager-single-alert-link a::before {
  color: #99a511;
}

p.job-manager-single-alert-link .button.transparent {
  border-color: #99a511;
  padding: 1rem;
}

.sidebar .job-manager-single-alert-link {
  margin: 3rem 0;
}

aside.widget.job_manager {
  background: #fbfaf5;
}

aside.widget.job_manager span.bg,
aside.widget.job_manager .widget-footer-bar.bg {
  background-color: #99a511;
}

aside.widget.job_manager .widget-footer-bar.bg.dark {
  background-color: #565a0d;
}

.widget.job_manager ul li:nth-child(odd) {
  background: #ebeed3;
}

.widget.job_manager ul li {
  border: none !important;
  padding: 10px;
}

.widget.job_manager .job_listing a {
  background: none !important;
  padding: 0 !important;
}

.widget.job_manager .job_listing a .meta {
  display: none;
}

.widget.job_manager input#job_search_keywords {
  width: 70%;
}

aside.widget.job_manager input.button, aside.widget.job_manager .search_jobs #search_categories_chosen input.button[type=text], .search_jobs #search_categories_chosen aside.widget.job_manager input.button[type=text] {
  float: right;
  width: 30%;
  line-height: 2.6rem;
  background: #565a0d;
}

aside.widget.last_chance .job_logo,
aside.widget.last_chance .info,
aside.widget.last_chance nav.job-manager-pagination {
  display: none;
}

aside.widget.last_chance .job_header h3 {
  font-weight: 700;
}

/* Job ads search results */
#content-column .job_listings .job_listing a {
  padding: 15px !important;
}

#content-column .job_listings .job_listing.job_position_featured a {
  background: #f5f5f5 !important;
}

#content-column .job_listings .job_listing.job_position_featured a:hover {
  background: #e0e0e0 !important;
}

#content-column .job_listings .job_listing a .position h3,
#content-column .job_listings .job_listing a .position h4 {
  display: block;
}

#content-column .job_listings .job_listing a .position {
  width: auto !important;
  margin-left: 15px !important;
  border-left: solid 1px #d5d5d5;
}

#content-column .job_listings .job_listing a .info {
  width: 78%;
  display: block;
  float: left;
  padding-top: 10px;
  color: #000;
}

li.job_listing .info p {
  margin-bottom: 0;
}

#content-column .job_listings .job_listing a .company_logo {
  position: relative !important;
  width: 20% !important;
  height: auto !important;
  left: 0 !important;
  padding-right: 15px !important;
  margin-right: 0 !important;
}

@media only screen and (max-width: 767px) {
  ul.job_listings li.job_listing a img.company_logo {
    display: none;
  }
  #content-column .job_listings .job_listing a .position {
    margin-left: 0px !important;
  }
  #content-column .job_listings .job_listing a .info {
    width: 100%;
    padding-left: 0px !important;
  }
}
#content-column .job_listings .job_listing a .position h3 {
  color: #000;
  font-weight: 900;
  margin-top: 10px !important;
  line-height: 1.4 !important;
  font-size: 18px !important;
}

#content-column .job_listings .job_listing a .position h4 {
  color: #a2a2a2;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.job_filters {
  background: transparent;
}

.job_filters .search_jobs {
  padding: 0 0 10px;
  border-bottom: 1px solid #eee;
}

.job_filters .search_jobs .search_keywords {
  width: 100% !important;
  padding-right: 0 !important;
  float: none !important;
}

.advanced-toggle {
  padding-top: 10px;
  display: block;
}

@media (min-width: 750px) {
  .job_filters .search_jobs .advanced-search .search_categories {
    width: 50%;
    float: left;
    clear: none;
  }
  .job_filters .search_jobs .advanced-search .search_categories.left {
    padding-right: 0.5em;
  }
  .job_filters .search_jobs .advanced-search .search_categories.right {
    padding-left: 0.5em;
  }
  #content-column .job_listings .job_listing a .position {
    max-width: 75% !important;
  }
}
#job-manager-alerts table ul.job-alert-actions li {
  float: left !important;
  display: block;
}

.search_jobs .filter_by_tag_cloud a {
  font-size: inherit !important;
}

/*--------------------------------------------------------------
* My Account
--------------------------------------------------------------*/
.my-account small {
  display: block;
  margin-bottom: 20px;
}

.my-account fieldset {
  margin-bottom: 20px;
}

.my-account input:not([type=checkbox]):not([type=radio]), .my-account .search_jobs #search_categories_chosen input[type=text]:not([type=checkbox]):not([type=radio]), .search_jobs #search_categories_chosen .my-account input[type=text]:not([type=checkbox]):not([type=radio]),
.my-account textarea {
  width: 100%;
  margin-bottom: 15px;
}

.my-account input.button, .my-account .search_jobs #search_categories_chosen input.button[type=text], .search_jobs #search_categories_chosen .my-account input.button[type=text] {
  width: auto;
}

.my-account .login-box {
  position: relative !important;
}

.my-account .login-box #rememberme {
  width: auto !important;
}

.my-account .login-box .lost_password a {
  color: #0091ae !important;
  color: var(--brand_colour);
}

.my-account.missing-info {
  float: none !important;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  padding: 10px;
  border-bottom: 3px solid #0091ae;
  border-bottom-color: var(--brand_colour);
  background: #e5f4f7;
  margin-top: 20px;
}

.my-account.missing-info .img-wrapper {
  float: left;
  padding-right: 20px;
  width: 20%;
  height: auto;
}

.my-account.missing-info .content-wrapper {
  float: left;
  width: 80%;
}

@media (min-width: 750px) {
  .my-account-content .four.columns, .my-account-content .four.column {
    padding-right: 4%;
    margin-right: 0;
  }
  .my-account.missing-info .img-wrapper {
    width: 10%;
  }
  .my-account.missing-info .content-wrapper {
    width: 90%;
  }
}
.my-account-content {
  display: none;
}

.my-account-content.user-information {
  display: block;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.woocommerce-MyAccount-navigation ul li.is-active {
  background: #0091ae;
  background-color: var(--brand_colour);
  border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #fff;
}

.woocommerce-MyAccount-navigation-link--back-to-teams:before, .woocommerce-MyAccount-navigation-link--back-to-memberships:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: Brieficons;
  vertical-align: middle;
  content: "v";
  display: inline-block;
  color: #0091ae;
}

.heavy {
  font-weight: 900;
}

.text-blue {
  color: #0091ae;
  color: var(--brand_colour);
}

.panel {
  margin-bottom: 20px;
  border-bottom: solid 3px;
}

.panel-title {
  display: block;
  padding: 20px;
  margin: 0;
  font-size: 2.4rem;
  line-height: 3rem;
}

.panel-body {
  padding: 20px;
}
.my-account-content .panel-body {
  min-height: 300px;
}

/* Clearfix */
.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-default {
  background-color: #f5f4f0;
  border-bottom-color: #a19271;
}

.panel-default .panel-title {
  background: #a19271;
  color: #fff;
}

.panel-primary {
  background-color: #e5f4f7;
  border-bottom-color: #0091ae;
  border-bottom-color: var(--brand_colour);
}

.panel-body > :last-child {
  margin-bottom: 0;
}

.btn {
  font-family: "Vitesse A", "Vitesse B", "Arial", serif;
}

.btn-big {
  min-width: 90px;
  text-transform: uppercase;
  padding: 10px 15px;
}

.btn-default {
  background: #a19271;
  background: linear-gradient(to right, #a19271 0%, #b4a88d 100%);
  background: -webkit-linear-gradient(left, #a19271 0%, #b4a88d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a19271), color-stop(100%, #b4a88d));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= "#a19271", endColorstr= "#b4a88d", GradientType=1);
}

label {
  cursor: pointer;
}

.help-block {
  display: block;
  color: #999;
  font-size: smaller;
  font-weight: normal;
}

/*--------------------------------------------------------------
* My Account
--------------------------------------------------------------*/
.my-account input, .my-account .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .my-account input[type=text], .my-account textarea {
  width: 100%;
  margin-bottom: 15px;
}

.my-account input.button, .my-account .search_jobs #search_categories_chosen input.button[type=text], .search_jobs #search_categories_chosen .my-account input.button[type=text] {
  width: auto;
}

@media (min-width: 750px) {
  .my-account #update-user .four.columns, .my-account #update-user .four.column {
    padding-right: 4%;
    margin-right: 0;
  }
}
/*--------------------------------------------------------------
* Apsis signup
--------------------------------------------------------------*/
.apsispro-us-form-item input, .apsispro-us-form-item .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .apsispro-us-form-item input[type=text] {
  transform: scale(1.25);
}
.apsispro-us-form-item label {
  display: inline-block;
  margin-left: 1.4rem;
}

.apsispro-signup-response {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-decoration: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 2rem;
  background-color: #ca1e24;
  border: 1px solid #ca1e24;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.apsispro-signup-response:empty {
  display: none;
}

/*--------------------------------------------------------------
* Gravity forms signup
--------------------------------------------------------------*/
.gform_confirmation_wrapper {
  list-style: none;
  margin: 1em 0;
}
.gform_confirmation_wrapper .gform_confirmation_message {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-decoration: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 2rem;
  background-color: #ca1e24;
  border: 1px solid #ca1e24;
  margin: 0.5rem 0.5rem 0.5rem 0;
}

.gform_body .password-input .dashicons {
  color: var(--brand_colour);
}

/*--------------------------------------------------------------
 * Native ads
 --------------------------------------------------------------*/
.advertorial {
  padding: 10px;
  margin-top: 10px;
  background: #f9f9f9;
}
.advertorial h1, .advertorial p {
  font-family: Arial;
}
.advertorial h1 {
  font-size: 2.8rem;
  font-weight: bold;
}
.advertorial p {
  font-size: 1.4rem;
}
.advertorial a {
  color: #222;
}
.advertorial .label {
  font-size: 14px;
}

/*--------------------------------------------------------------
* WooCommerce error
--------------------------------------------------------------*/
.woocommerce-error {
  list-style: none;
  margin: 1em 0;
}
.woocommerce-error li {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-decoration: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 2rem;
  background-color: #ca1e24;
  border: 1px solid #ca1e24;
  margin: 0.5rem 0.5rem 0.5rem 0;
}

/*--------------------------------------------------------------
* WooCommerce checkout
--------------------------------------------------------------*/
.woocommerce-checkout h3 {
  display: block;
  font-size: 20px;
  padding: 10px 0 20px;
}

.woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last {
  width: 50%;
  float: left;
}

.woocommerce-checkout .form-row-first {
  padding-right: 10px;
}

.woocommerce-checkout .form-row-last {
  padding-left: 10px;
}

.woocommerce-checkout .form-row-first input, .woocommerce-checkout .form-row-first .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .woocommerce-checkout .form-row-first input[type=text], .woocommerce-checkout .form-row-last input, .woocommerce-checkout .form-row-last .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .woocommerce-checkout .form-row-last input[type=text],
.woocommerce-checkout .form-row-wide input,
.woocommerce-checkout .form-row-wide .search_jobs #search_categories_chosen input[type=text],
.search_jobs #search_categories_chosen .woocommerce-checkout .form-row-wide input[type=text] {
  width: 100%;
}

.woocommerce-checkout #billing_address_2 {
  margin-top: 29px;
}

ul.wc_payment_methods {
  list-style: none;
  margin-left: 0;
}

/*--------------------------------------------------------------
* WooCommerce my account
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 * Search results
 --------------------------------------------------------------*/
.facetwp-template .post-categories {
  list-style: none;
  margin: 0;
  float: left;
  display: block;
}

.facetwp-template .post-categories li {
  display: inline;
}

.facetwp-template .post-categories li + li:before {
  content: "|";
  margin: 0 5px 0 2px;
  color: #0091ae;
  color: var(--brand_colour);
}

.facetwp-template .post-categories li a {
  font-weight: bold;
}

.facetwp-template .no-results .search-form {
  display: inline-block;
  width: 100%;
}

.facetwp-template .no-results .search-field {
  background-color: #fff;
  float: left;
  font-size: 16px;
  padding: 2px 2px 3px 6px;
  width: 75%;
}

.facetwp-template .no-results .search-submit {
  float: right;
  width: 25%;
  height: 38px;
}

.search-sidebar h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.search-sidebar .facetwp-facet-publish_date input, .search-sidebar .facetwp-facet-publish_date .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .search-sidebar .facetwp-facet-publish_date input[type=text] {
  width: 48%;
}

.search-sidebar .facetwp-facet-publish_date input + input, .search-sidebar .facetwp-facet-publish_date .search_jobs #search_categories_chosen input[type=text] + input, .search_jobs #search_categories_chosen .search-sidebar .facetwp-facet-publish_date input[type=text] + input, .search-sidebar .facetwp-facet-publish_date .search_jobs #search_categories_chosen input + input[type=text], .search_jobs #search_categories_chosen .search-sidebar .facetwp-facet-publish_date input + input[type=text] {
  margin-left: 4%;
}

ul.job_listings {
  clear: both;
}

.facetwp-facet {
  margin-bottom: 10px !important;
  position: relative;
  min-height: 44px;
}
.facetwp-facet .fs-label {
  cursor: pointer;
  background: #fff;
  padding: 12px !important;
  box-shadow: inset -44px 0 0 0 #0091ae;
  box-shadow: inset -44px 0 0 0 var(--brand_colour);
}
.facetwp-facet .fs-arrow {
  border-top-color: #fff;
  margin-right: 3%;
}

.facet-label {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.facetwp-search-wrap .facetwp-btn {
  display: none !important;
}

.facetwp-btn.f-reset {
  display: none !important;
}

.facetwp-facet, .facetwp-facet input, .facetwp-facet .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .facetwp-facet input[type=text], .facetwp-type-fselect .fs-wrap, .facetwp-type-fselect .fs-dropdown {
  width: 100% !important;
}

.facetwp-hidden-filters {
  clear: both;
  width: 100%;
  display: block;
}
.facetwp-hidden-filters .section-one, .facetwp-hidden-filters .section-two {
  float: left;
  width: 100%;
}
.facetwp-hidden-filters .section-one .six.columns {
  padding-top: 0;
}

.facetwp-search-filter .facet-label {
  display: none;
}
.facetwp-search-filter input, .facetwp-search-filter .search_jobs #search_categories_chosen input[type=text], .search_jobs #search_categories_chosen .facetwp-search-filter input[type=text] {
  padding: 28px 15px;
  font-size: 20px;
}

.fwp-load-more, .facetwp-toggle {
  margin: 20px auto;
  display: block;
  padding: 12.5px 40px;
}

.facetwp-toggle {
  display: inline-block;
  margin-top: 10px;
}

/*--------------------------------------------------------------
 * Related content
 --------------------------------------------------------------*/
.content.related {
  border-top: solid 1px #dddddd;
  margin: 2rem 0;
}
.content.related.grid {
  display: flex;
  width: 100%;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content.related.grid article,
.content.related.grid div {
  flex: 0 0 100%;
}
.content.related.grid .native-ad {
  padding: 10px 0;
  border-bottom: solid 1px #dddddd;
}
@media (min-width: 680px) {
  .content.related.grid article,
  .content.related.grid div {
    flex: 0 0 calc(50% - 2rem);
    max-width: 440px;
  }
}
@media (min-width: 960px) {
  .content.related.grid article,
  .content.related.grid div {
    flex: 0 0 calc(33.333% - 2rem);
    max-width: 321px;
  }
}
.content.related h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.content.related .entry-subtitle {
  font-family: "Forza SSm A", "Forza SSm B", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content.related .posted-on .entry-date {
  font-family: "Forza SSm A", "Forza SSm B", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
}
.content.related .posted-on .entry-date:before {
  content: "";
  margin: 0;
}