/*
 * @author D. Tiems (info-at-dennistiems-dot-com)
 * @version 2021-04-30 23:36
 * @copyright Copyright Base4
 */

/**
 * Stylesheet markup, use this file as a template to start creating a new overruling CSS file
 */

/*
 * *********************************************************************************************************************
 * CSS Variables
 * Custom CSS vars that can be configured in CMS
 * *********************************************************************************************************************
 */

:root {
    --color-1-light: rgba(166, 191, 75, 1);
    --color-1-dark: rgba(102, 140, 74, 1);
    --color-2-light: rgba(255, 144, 41, 1);
    --color-2-dark: rgba(194, 102, 16, 1);

    --border-radius:0;

    --img-check: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrk1FEKwCAIBuDcCbrxumE7ym7gchT8tEiZvfWDD0F+IILEzGFljrA4G4JBltLqR2KpEx0PKFgWq1Tygohd8vaAH8wz8hDTwIQfLdgMTLUhdw1TbAbG2oCoimkj96iKWZaCqIpZt9xQFUOQECKiESq5LeBr7HdgHwEGAOpN1UlSrmcyAAAAAElFTkSuQmCC');

    --font-family-1:verdana, sans-serif;
    --font-family-2:arial, sans-serif;

    --color-white: rgba(255, 255, 255, 1);
    --color-lighter: rgba(240, 240, 240, 1);
    --color-light: rgba(210, 210, 210, 1);
    --color-medium: rgba(160, 160, 160, 1);
    --color-dark: rgba(80, 80, 80, 1);
    --color-darker: rgba(40, 40, 40, 1);
    --color-black: rgba(0, 0, 0, 1);

    --color-black-transparent: rgba(0, 0, 0, 0.2);
    --color-white-transparent: rgba(255, 255, 255, 0.8);
}


/*
 * *********************************************************************************************************************
 * Custom defined style
 * Apply all custom defined settings to all elements
 * *********************************************************************************************************************
 */

/**
 * Apply fonts to all default elements
 */
body {
    font-family: var(--font-family-2);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
legend {
    overflow-wrap: break-word;
    font-family: var(--font-family-1);
}


/**
 * Apply border radius to all default elements
 */
.img-thumbnail,
code,
pre,
.form-control,
.btn,
.dropdown-menu,
.input-group-addon,
.nav-tabs.nav-justified > li > a,
.nav-pills > li > a,
.nav-tabs-justified > li > a,
.pagination,
.pager li > a,
.pager li > span,
.thumbnail,
.alert,
.progress,
.panel,
.panel-group .panel,
.well,
.stage-toggle,
.btn-scrolltop,
.media {
    border-radius: var(--border-radius);
}
/* Smaller border radius */
kbd,
.input-sm,
.form-group-sm .form-control,
.btn-sm,
.btn-group-sm > .btn,
.btn-xs,
.btn-group-xs > .btn,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-group-addon.input-sm,
.well-sm,
.btn-sm,
.btn-group-sm > .btn,
.btn-xs,
.btn-group-xs > .btn {
    border-radius: calc(0.8 * var(--border-radius));
}
/* Larger border radius */
.img-rounded,
.input-lg,
.form-group-lg .form-control,
.btn-lg,
.btn-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-addon.input-lg,
.well-lg,
.btn-lg,
.btn-group-lg > .btn,
.modal-content {
    border-radius: calc(1.2 * var(--border-radius));
}
/* Reset to none */
pre code,
.btn-link,
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:first-child):not(:last-child),
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn,
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child),
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item,
.alert-full {
    border-radius:0;
}
/* Special cases */
.nav-tabs > li > a,
.panel-heading {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.panel-heading.collapsed {
    border-radius: var(--border-radius);
}
.panel > .list-group {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
@media (min-width: 920px) {
    .nav-tabs.nav-justified > li > a,
    .nav-tabs-justified > li > a {
        border-radius: var(--border-radius) var(--border-radius) 0 0;
    }
}

/**
 * Apply border radius to all custom elements
 */
.block-popover-inner {
    border-radius: calc(1.2 * var(--border-radius));
}
/* Always zero to touch the edges */
.container-fluid img {
    border-radius:0 !important;
}


/**
 * Apply colors to all elements
 */
a {
    color: var(--color-1-dark);
}
a:hover,
a:focus {
    color: var(--color-1-dark);
    filter: brightness(125%);
    transition: all 0.1s;
}
/* Correct for brightness on images inside of normal links, the images will have no change in brightness on hover */
a img {
    transition: all 0.1s;
}
a:hover img,
a:focus img {
    filter: brightness(80%);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
legend{
    color: var(--color-1-dark);
}
.btn-default {
    color: var(--color-black);
    background-color: var(--color-white-transparent);
    border-color: var(--color-1-light);
    transition: all 0.1s;
}
.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: var(--color-black);
    background-color: var(--color-white-transparent);
    border-color: var(--color-1-dark);
    filter: brightness(80%);
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: var(--color-white-transparent);
    border-color: var(--color-1-light);
}
.btn-primary {
    color: var(--color-white);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
    transition: all 0.1s;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: var(--color-white);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
    filter: brightness(125%);
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}
.btn-link {
    color: var(--color-1-dark);
    transition: all 0.1s;
}
.btn-link:hover,
.btn-link:focus {
    color: var(--color-1-dark);
    filter: brightness(125%);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    transition: all 0.1s;
    color: var(--color-white);
    background-color: var(--color-1-dark);
}
.nav-pills > li.active > a img,
.nav-pills > li.active > a:hover img,
.nav-pills > li.active > a:focus img {
    filter: brightness(0) invert(1);
}
.pagination > li > a,
.pagination > li > span {
    transition: all 0.1s;
    color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--color-1-dark);
    background-color: var(--color-white);
    border-color:var(--color-1-dark);
    filter: brightness(125%);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: var(--color-white);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}
.label-default {
    transition: all 0.1s;
    background-color: var(--color-1-light);
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: var(--color-1-light);
    filter: brightness(125%);
}
.label-primary {
    transition: all 0.1s;
    background-color: var(--color-1-dark);
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: var(--color-1-dark);
    filter: brightness(125%);
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: var(--color-1-dark);
    background-color: var(--color-white);
}
.panel {
    border-color: var(--color-black-transparent);
}
.panel-default > .panel-heading {
    background-color: var(--color-white-transparent);
}
.panel-primary > .panel-heading {
    background-color: var(--color-dark);
}
.panel-primary > .panel-heading img {
    filter: brightness(0) invert(1);
}
.thumbnail {
    border-color: var(--color-1-light);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: var(--color-1-dark);
}
.thumbnail .caption {
    color: var(--color-black);
}
.progress-bar {
    background-color: var(--color-1-dark);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    color: var(--color-white);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}

/**
 * Apply colors to all custom elements
 */
.stage-toggle {
    color: var(--color-1-dark);
    background-color: var(--color-white);
    border-color:  var(--color-1-dark);
}
.stage-toggle:hover,
.stage-toggle:focus {
    color: var(--color-white);
    background-color: var(--color-1-dark);
}
.block-popover-inner {
    background-color: var(--color-white);
    border-color:var(--color-white);
}
.cookie-message {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

/*
 * Apply colors to elements with different (light) background
 */
div[style*="background-color:var(--color-2-light)"] a {
    color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] a:hover,
div[style*="background-color:var(--color-2-light)"] a:focus {
    color: var(--color-2-dark);
}
/* Correct for brightness on images inside of normal links, the images will have no change in brightness on hover */
div[style*="background-color:var(--color-2-light)"] h1,
div[style*="background-color:var(--color-2-light)"] h2,
div[style*="background-color:var(--color-2-light)"] h3,
div[style*="background-color:var(--color-2-light)"] h4,
div[style*="background-color:var(--color-2-light)"] h5,
div[style*="background-color:var(--color-2-light)"] h6,
div[style*="background-color:var(--color-2-light)"] .h1,
div[style*="background-color:var(--color-2-light)"] .h2,
div[style*="background-color:var(--color-2-light)"] .h3,
div[style*="background-color:var(--color-2-light)"] .h4,
div[style*="background-color:var(--color-2-light)"] .h5,
div[style*="background-color:var(--color-2-light)"] .h6,
div[style*="background-color:var(--color-2-light)"] legend {
    color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .btn-default {
    border-color: var(--color-2-light);
}
div[style*="background-color:var(--color-2-light)"] .btn-default:focus,
div[style*="background-color:var(--color-2-light)"] .btn-default.focus,
div[style*="background-color:var(--color-2-light)"] .btn-default:hover,
div[style*="background-color:var(--color-2-light)"] .btn-default:active,
div[style*="background-color:var(--color-2-light)"] .btn-default.active,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-default,
div[style*="background-color:var(--color-2-light)"] .btn-default:active:hover,
div[style*="background-color:var(--color-2-light)"] .btn-default.active:hover,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-default:hover,
div[style*="background-color:var(--color-2-light)"] .btn-default:active:focus,
div[style*="background-color:var(--color-2-light)"] .btn-default.active:focus,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-default:focus,
div[style*="background-color:var(--color-2-light)"] .btn-default:active.focus,
div[style*="background-color:var(--color-2-light)"] .btn-default.active.focus,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-default.focus {
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .btn-default.disabled:hover,
div[style*="background-color:var(--color-2-light)"] .btn-default[disabled]:hover,
div[style*="background-color:var(--color-2-light)"] fieldset[disabled] .btn-default:hover,
div[style*="background-color:var(--color-2-light)"] .btn-default.disabled:focus,
div[style*="background-color:var(--color-2-light)"] .btn-default[disabled]:focus,
div[style*="background-color:var(--color-2-light)"] fieldset[disabled] .btn-default:focus,
div[style*="background-color:var(--color-2-light)"] .btn-default.disabled.focus,
div[style*="background-color:var(--color-2-light)"] .btn-default[disabled].focus,
div[style*="background-color:var(--color-2-light)"] fieldset[disabled] .btn-default.focus {
    border-color: var(--color-2-light);
}
div[style*="background-color:var(--color-2-light)"] .btn-primary {
    color: var(--color-white);
    background-color: var(--color-2-dark);
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .btn-primary:focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary.focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary:hover,
div[style*="background-color:var(--color-2-light)"] .btn-primary:active,
div[style*="background-color:var(--color-2-light)"] .btn-primary.active,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-primary,
div[style*="background-color:var(--color-2-light)"] .btn-primary:active:hover,
div[style*="background-color:var(--color-2-light)"] .btn-primary.active:hover,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-primary:hover,
div[style*="background-color:var(--color-2-light)"] .btn-primary:active:focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary.active:focus,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-primary:focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary:active.focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary.active.focus,
div[style*="background-color:var(--color-2-light)"] .open > .dropdown-toggle.btn-primary.focus {
    color: var(--color-white);
    background-color: var(--color-2-dark);
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .btn-primary.disabled:hover,
div[style*="background-color:var(--color-2-light)"] .btn-primary[disabled]:hover,
div[style*="background-color:var(--color-2-light)"] fieldset[disabled] .btn-primary:hover,
div[style*="background-color:var(--color-2-light)"] .btn-primary.disabled:focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary[disabled]:focus,
div[style*="background-color:var(--color-2-light)"] fieldset[disabled] .btn-primary:focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary.disabled.focus,
div[style*="background-color:var(--color-2-light)"] .btn-primary[disabled].focus,
div[style*="background-color:var(--color-2-light)"] fieldset[disabled] .btn-primary.focus {
    background-color: var(--color-2-dark);
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .btn-link {
    color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .btn-link:hover,
div[style*="background-color:var(--color-2-light)"] .btn-link:focus {
    color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .nav-pills > li.active > a,
div[style*="background-color:var(--color-2-light)"] .nav-pills > li.active > a:hover,
div[style*="background-color:var(--color-2-light)"] .nav-pills > li.active > a:focus {
    background-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .pagination > li > a,
div[style*="background-color:var(--color-2-light)"] .pagination > li > span {
    color: var(--color-2-dark);
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .pagination > li > a:hover,
div[style*="background-color:var(--color-2-light)"] .pagination > li > span:hover,
div[style*="background-color:var(--color-2-light)"] .pagination > li > a:focus,
div[style*="background-color:var(--color-2-light)"] .pagination > li > span:focus {
    color: var(--color-2-dark);
    border-color:var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .pagination > .active > a,
div[style*="background-color:var(--color-2-light)"] .pagination > .active > span,
div[style*="background-color:var(--color-2-light)"] .pagination > .active > a:hover,
div[style*="background-color:var(--color-2-light)"] .pagination > .active > span:hover,
div[style*="background-color:var(--color-2-light)"] .pagination > .active > a:focus,
div[style*="background-color:var(--color-2-light)"] .pagination > .active > span:focus {
    background-color: var(--color-2-dark);
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .label-default {
    background-color: var(--color-2-light);
}
div[style*="background-color:var(--color-2-light)"] .label-default[href]:hover,
div[style*="background-color:var(--color-2-light)"] .label-default[href]:focus {
    background-color: var(--color-2-light);
}
div[style*="background-color:var(--color-2-light)"] .label-primary {
    background-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .label-primary[href]:hover,
div[style*="background-color:var(--color-2-light)"] .label-primary[href]:focus {
    background-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .list-group-item.active > .badge,
div[style*="background-color:var(--color-2-light)"] .nav-pills > .active > a > .badge {
    color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .thumbnail {
    border-color: var(--color-2-light);
}
div[style*="background-color:var(--color-2-light)"] a.thumbnail:hover,
div[style*="background-color:var(--color-2-light)"] a.thumbnail:focus,
div[style*="background-color:var(--color-2-light)"] a.thumbnail.active {
    border-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .progress-bar {
    background-color: var(--color-2-dark);
}
div[style*="background-color:var(--color-2-light)"] .list-group-item.active,
div[style*="background-color:var(--color-2-light)"] .list-group-item.active:hover,
div[style*="background-color:var(--color-2-light)"] .list-group-item.active:focus {
    background-color: var(--color-2-dark);
    border-color: var(--color-2-dark);
}


/*
 * Apply colors to inverted (dark) elements, they will have lighter text
 */

div[style*="-dark"] {
    color: var(--color-white);
}
div[style*="-dark"] a {
    color:inherit;
    filter: brightness(80%);
}
div[style*="-dark"] h1,
div[style*="-dark"] h2,
div[style*="-dark"] h3,
div[style*="-dark"] h4,
div[style*="-dark"] h5,
div[style*="-dark"] h6,
div[style*="-dark"] .h1,
div[style*="-dark"] .h2,
div[style*="-dark"] .h3,
div[style*="-dark"] .h4,
div[style*="-dark"] .h5,
div[style*="-dark"] .h6,
div[style*="-dark"] legend{
    color: var(--color-white);
}
div[style*="-dark"] .btn-default {
    color: var(--color-white);
    background-color: inherit;
    border-color: var(--color-white);
    filter:none;
}
div[style*="-dark"] .btn-default:focus,
div[style*="-dark"] .btn-default.focus,
div[style*="-dark"] .btn-default:hover,
div[style*="-dark"] .btn-default:active,
div[style*="-dark"] .btn-default.active,
div[style*="-dark"] .open > .dropdown-toggle.btn-default,
div[style*="-dark"] .btn-default:active:hover,
div[style*="-dark"] .btn-default.active:hover,
div[style*="-dark"] .open > .dropdown-toggle.btn-default:hover,
div[style*="-dark"] .btn-default:active:focus,
div[style*="-dark"] .btn-default.active:focus,
div[style*="-dark"] .open > .dropdown-toggle.btn-default:focus,
div[style*="-dark"] .btn-default:active.focus,
div[style*="-dark"] .btn-default.active.focus,
div[style*="-dark"] .open > .dropdown-toggle.btn-default.focus {
    color: var(--color-white);
    background-color: var(--color-black-transparent);
    border-color: var(--color-white);
    filter: none;
}
div[style*="-dark"] .btn-primary{
    color: var(--color-1-dark);
    background-color: var(--color-white);
    border-color: var(--color-white);
    filter:none;
}
div[style*="background-color:var(--color-2-dark)"] .btn-primary {
    color: var(--color-2-dark);
    background-color: var(--color-white);
    border-color: var(--color-white);
    filter:none;
}
div[style*="-dark"] .btn-primary:focus,
div[style*="-dark"] .btn-primary.focus,
div[style*="-dark"] .btn-primary:hover,
div[style*="-dark"] .btn-primary:active,
div[style*="-dark"] .btn-primary.active,
div[style*="-dark"] .open > .dropdown-toggle.btn-primary,
div[style*="-dark"] .btn-primary:active:hover,
div[style*="-dark"] .btn-primary.active:hover,
div[style*="-dark"] .open > .dropdown-toggle.btn-primary:hover,
div[style*="-dark"] .btn-primary:active:focus,
div[style*="-dark"] .btn-primary.active:focus,
div[style*="-dark"] .open > .dropdown-toggle.btn-primary:focus,
div[style*="-dark"] .btn-primary:active.focus,
div[style*="-dark"] .btn-primary.active.focus,
div[style*="-dark"] .open > .dropdown-toggle.btn-primary.focus{
    color: var(--color-1-dark);
    background-color: var(--color-white-transparent);
    border-color: var(--color-white);
}
div[style*="background-color:var(--color-2-dark)"] .btn-primary:focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary:hover,
div[style*="background-color:var(--color-2-dark)"] .btn-primary:active,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.active,
div[style*="background-color:var(--color-2-dark)"] .open > .dropdown-toggle.btn-primary,
div[style*="background-color:var(--color-2-dark)"] .btn-primary:active:hover,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.active:hover,
div[style*="background-color:var(--color-2-dark)"] .open > .dropdown-toggle.btn-primary:hover,
div[style*="background-color:var(--color-2-dark)"] .btn-primary:active:focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.active:focus,
div[style*="background-color:var(--color-2-dark)"] .open > .dropdown-toggle.btn-primary:focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary:active.focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.active.focus,
div[style*="background-color:var(--color-2-dark)"] .open > .dropdown-toggle.btn-primary.focus {
    color: var(--color-2-dark);
    background-color: var(--color-white-transparent);
    border-color: var(--color-white);
}
div[style*="-dark"] .btn-primary.disabled:hover,
div[style*="-dark"] .btn-primary[disabled]:hover,
div[style*="-dark"] fieldset[disabled] .btn-primary:hover,
div[style*="-dark"] .btn-primary.disabled:focus,
div[style*="-dark"] .btn-primary[disabled]:focus,
div[style*="-dark"] fieldset[disabled] .btn-primary:focus,
div[style*="-dark"] .btn-primary.disabled.focus,
div[style*="-dark"] .btn-primary[disabled].focus,
div[style*="-dark"] fieldset[disabled] .btn-primary.focus{
    color: var(--color-1-light);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-light);
}
div[style*="background-color:var(--color-2-dark)"] .btn-primary.disabled:hover,
div[style*="background-color:var(--color-2-dark)"] .btn-primary[disabled]:hover,
div[style*="background-color:var(--color-2-dark)"] fieldset[disabled] .btn-primary:hover,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.disabled:focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary[disabled]:focus,
div[style*="background-color:var(--color-2-dark)"] fieldset[disabled] .btn-primary:focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary.disabled.focus,
div[style*="background-color:var(--color-2-dark)"] .btn-primary[disabled].focus,
div[style*="background-color:var(--color-2-dark)"] fieldset[disabled] .btn-primary.focus {
    color: var(--color-2-light);
    background-color: var(--color-2-dark);
    border-color: var(--color-2-light);
}
div[style*="-dark"] .btn-link {
    color: inherit;
}
div[style*="-dark"] .btn-link:hover,
div[style*="-dark"] .btn-link:focus {
    color: inherit;
    filter: brightness(125%);
}
div[style*="-dark"] .nav-pills > li > a {
    filter:none;
}
div[style*="-dark"] .nav-pills > li > a img {
    filter: brightness(0) invert(1);
}
div[style*="-dark"] .nav-pills > li > a:hover,
div[style*="-dark"] .nav-pills > li > a:focus{
    color: var(--color-1-dark);
    background-color: var(--color-white);
    filter:none;
}
div[style*="background-color:var(--color-2-dark)"] .nav-pills > li > a:hover,
div[style*="background-color:var(--color-2-dark)"] .nav-pills > li > a:focus {
    color: var(--color-2-dark);
    background-color: var(--color-white);
    filter:none;
}
div[style*="-dark"] .nav-pills > li > a:hover img,
div[style*="-dark"] .nav-pills > li > a:focus img {
    filter:none;
}
div[style*="-dark"] .nav-pills > li.active > a,
div[style*="-dark"] .nav-pills > li.active > a:hover,
div[style*="-dark"] .nav-pills > li.active > a:focus{
    color: var(--color-1-dark);
    background-color: var(--color-white);
}
div[style*="background-color:var(--color-2-dark)"] .nav-pills > li.active > a,
div[style*="background-color:var(--color-2-dark)"] .nav-pills > li.active > a:hover,
div[style*="background-color:var(--color-2-dark)"] .nav-pills > li.active > a:focus {
    color: var(--color-2-dark);
    background-color: var(--color-white);
}
div[style*="-dark"] .nav-pills > li.active > a img,
div[style*="-dark"] .nav-pills > li.active > a:hover img,
div[style*="-dark"] .nav-pills > li.active > a:focus img {
    filter: none;
}
div[style*="-dark"] .panel {
    border-color: var(--color-white-transparent);
}
div[style*="-dark"] .panel-heading {
    color:var(--color-white);
}
.panel div.panel-heading[style*="-dark"]{
    color: var(--color-white);
}
.panel-primary div.panel-heading[style="background-color:var(--color-1-light)"]{
    background: var(--color-1-dark) !important;
}
.panel-primary div.panel-heading[style="background-color:var(--color-2-light)"]{
    background: var(--color-2-dark) !important;
}
div[style*="-dark"] .panel-heading img {
    filter: brightness(0) invert(1);
}
.panel div.panel-heading[style*="-dark"] img{
    filter: brightness(0) invert(1);
}

/*
Do later?
div[style*="background-color:var(--color-1-dark)"] .pagination > li > a,
div[style*="background-color:var(--color-1-dark)"] .pagination > li > span {
    color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}
div[style*="background-color:var(--color-1-dark)"] .pagination > li > a:hover,
div[style*="background-color:var(--color-1-dark)"] .pagination > li > span:hover,
div[style*="background-color:var(--color-1-dark)"] .pagination > li > a:focus,
div[style*="background-color:var(--color-1-dark)"] .pagination > li > span:focus {
    color: var(--color-1-dark);
    background-color: var(--color-white);
    border-color:var(--color-1-dark);
    filter: brightness(125%);
}
div[style*="background-color:var(--color-1-dark)"] .pagination > .active > a,
div[style*="background-color:var(--color-1-dark)"] .pagination > .active > span,
div[style*="background-color:var(--color-1-dark)"] .pagination > .active > a:hover,
div[style*="background-color:var(--color-1-dark)"] .pagination > .active > span:hover,
div[style*="background-color:var(--color-1-dark)"] .pagination > .active > a:focus,
div[style*="background-color:var(--color-1-dark)"] .pagination > .active > span:focus {
    color: var(--color-white);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}
div[style*="background-color:var(--color-1-dark)"] .label-default {
    background-color: var(--color-1-light);
}
div[style*="background-color:var(--color-1-dark)"] .label-default[href]:hover,
div[style*="background-color:var(--color-1-dark)"] .label-default[href]:focus {
    background-color: var(--color-1-light);
    filter: brightness(125%);
}
div[style*="background-color:var(--color-1-dark)"] .label-primary {
    background-color: var(--color-1-dark);
}
div[style*="background-color:var(--color-1-dark)"] .label-primary[href]:hover,
div[style*="background-color:var(--color-1-dark)"] .label-primary[href]:focus {
    background-color: var(--color-1-dark);
    filter: brightness(125%);
}
div[style*="background-color:var(--color-1-dark)"] .list-group-item.active > .badge,
div[style*="background-color:var(--color-1-dark)"] .nav-pills > .active > a > .badge {
    color: var(--color-1-dark);
    background-color: var(--color-white);
}

 */
div[style*="-dark"] .thumbnail {
    border-color: var(--color-white);
}
div[style*="-dark"] a.thumbnail:hover,
div[style*="-dark"] a.thumbnail:focus,
div[style*="-dark"] a.thumbnail.active {
    border-color: var(--color-white);
}
div[style*="-dark"] .thumbnail .caption {
    color: var(--color-white);
}
div[style*="-dark"] .progress-bar {
    background-color: var(--color-white);
}
/*
@Todo later
div[style*="background-color:var(--color-1-dark)"] .list-group-item.active,
div[style*="background-color:var(--color-1-dark)"] .list-group-item.active:hover,
div[style*="background-color:var(--color-1-dark)"] .list-group-item.active:focus {
    color: var(--color-white);
    background-color: var(--color-1-dark);
    border-color: var(--color-1-dark);
}
 */


/*
 * *********************************************************************************************************************
 * General style
 * For full page, like fonts, colors and body background.
 * *********************************************************************************************************************
 */

/* All content on the background of an element should align to the bottom, to allow the use of custom seperators */
.block-background .container-fluid {
    position:absolute;
    bottom: 0;
    width:100vw;
}


/*
 * *********************************************************************************************************************
 * Animations
 * General animations for everywhere.
 * *********************************************************************************************************************
 */



/*
 * *********************************************************************************************************************
 * Location specific style
 * Borders, margins, paddings, font sizes, colors and backgrounds of specific locations.
 * *********************************************************************************************************************
 */

.btn-default.stage-toggle,
.btn-default.block-overlay-toggle,
.btn-default.btn-scrolltop {
    padding:10px 16px;
}
.btn-default.block-overlay-toggle {
    top:auto;
    left:calc(100vw - 118px);
    bottom:108px;
}
.btn-default.block-overlay-toggle:before {
    content: "MENU";
}
body[style*='overflow: hidden'] .btn-default.block-overlay-toggle {
    bottom:48px;
}
.btn-default.btn-scrolltop {
    left:calc(100vw - 70px);
    bottom:160px;
}

/* Place cookie message on bottom of screen */
.cookie-message {
    position:fixed;
    left:calc(50vw - 170px);
    bottom:108px;
    width:340px;
    padding:12px 0 6px 0;
    max-width:70vw;
    max-height:none;
    box-shadow: 0 0 3px var(--color-black-transparent);
    opacity:0.9;
}
/* On mobile there might be a menu button, so shift the message to the left */
@media(max-width: 767px) {
    .cookie-message {
        left:20px;
        max-width:calc(100vw - 60px - 97px);
    }
}
@media(min-width: 768px) {
    .cookie-message > div {
        max-width:90%;
    }
}
.cookie-message:hover {
    opacity: 1;
}
.cookie-message p {
    padding-bottom:6px;
}
.cookie-message .btn {
    padding:1px 8px;
    border-radius: calc(0.8 * var(--border-radius));
}
.cookie-message > div {
    max-height:none;
    margin-right:0;
}
.cookie-message .close {
    right:12px;
}
.cookie-message .close:hover {
    color: var(--color-1-dark);
    opacity:1;
}

/* Even without content, there will be a header */
header {
    min-height:120px;
}

/* loc-h-2 will float over the following content */
.loc-h-2 {
    height:0 !important;
    overflow:visible;
}
.loc-h-2 .loc-center {
    padding-top: 24px;
}

/* Transparent background with shadow on bottom after scroling */
.container-sticky .block-foreground {
    transition: all 1s;
}
.container-sticky.container-sticky-sticked .block-foreground{
    background-color: var(--color-white-transparent);
    box-shadow: 0 0 3px var(--color-black-transparent);
}

main .loc-container {
    padding-top:24px;
}

/* Text in footer always smaller */
footer {
    font-size:0.85em;
}
footer h1 {
    font-size:1.5em;
}
footer h2 {
    font-size:1.2em;
}
footer h3,
footer h4,
footer h5,
footer h6 {
    font-size:1em;
}

footer .loc-f-1 {
    padding-top:24px;
}
footer .loc-f-2 {
    padding-top:12px;
}
footer .loc-f-3 {
    padding-bottom:12px;
}

/* Mobile menu location */
.loc-s-2 {
    display: block !important;
    bottom:calc(-1 * var(--border-radius));

    height:auto !important;
    max-height:90vh;
    width:100vw;

    border-radius: calc(1.2 * var(--border-radius));
    background: linear-gradient(to right, var(--color-1-dark), var(--color-1-light) 150%) !important;

    transition: all 0.1s;
    opacity: 1 !important;

    font-size:2em;

    overflow-y:auto;
    overflow-x:hidden;
}
.loc-s-2 .block-foreground {
    padding-bottom:100px;
}
.loc-s-2.hidden {
    bottom:-100%;
}


/*
 * *********************************************************************************************************************
 * Element specific style
 * How do global wells, buttons, panels, etc. look like.
 * *********************************************************************************************************************
 */

/* Wider buttons */
.btn-default,
.btn-primary {
    padding-left:48px;
    padding-right:48px;
}

/* Form control with bottom border */
.form-control {
    background-color:var(--color-white-transparent);
    border-bottom:4px solid var(--color-2-dark);
}
.form-control:focus {
    border-color: var(--color-2-dark);
}
div[style*="-dark"] .form-control {
    border:0;
}

/* Legend will be equal to h2 */
legend {
    border:0;
    padding-inline-start:0;
    line-height:40.8px;
    font-weight:600;
}

/* Add rounded edges to colorbox */
#cboxContent,
#cboxLoadedContent {
    border-radius: calc(1.2 * var(--border-radius));
}
#cboxLoadedContent {
    overflow:hidden !important;
}

/*
 * Make carousel fade, not slide
 */
.carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-inner .active {
    opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
    opacity: 1;
}
.carousel-control {
    z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*
 * When an element has a background color, make a gradient
 */
div[style*="background-color:var(--color-1-dark)"] {
    background: linear-gradient(to right, var(--color-1-dark), var(--color-1-light) 150%) !important;
}
div[style*="background-color:var(--color-1-light)"] {
    background: linear-gradient(to right, var(--color-1-light), var(--color-1-dark) 150%) !important;
}
div[style*="background-color:var(--color-2-dark)"] {
    background: linear-gradient(to right, var(--color-2-dark), var(--color-2-light) 150%) !important;
}
div[style*="background-color:var(--color-2-light)"] {
    background: linear-gradient(to right, var(--color-2-light), var(--color-2-dark) 150%) !important;
}


/*
 * *********************************************************************************************************************
 * Element on location specific style
 * How do global wells, buttons, panels, etc. look like on a specific location.
 * *********************************************************************************************************************
 */

footer h1,
footer .h1,
footer h2,
footer .h2,
footer h3,
footer .h3,
footer legend {
    padding-bottom:6px;
    border-bottom:1px solid var(--color-white);
}



/*
 * *********************************************************************************************************************
 * Entity specific style
 * How do specific wells, buttons, panels, etc. in specific entities look like.
 * *********************************************************************************************************************
 */

/*
 * entity-menu
 */

/* Make sure subitems are also displayed nicely */
.entity-menu ul ul {
    list-style-type:none;
    padding-left:0;
}

/*
 * entity-article
 */

.entity-article {
    border-radius: var(--border-radius);
}

/**
 * Apply custom list image
 */
.entity-article ul {
    list-style: none;
}
.entity-article ul li {
    position: relative;
}
.entity-article ul li:before {
    position: absolute;
    display: block;
    content: '\2022'; /* bullet point, for screen readers */
    text-indent: -999999px; /* move the bullet point out of sight */
    left: -1.5em;
    width: 1em; /* desired width of the image */
    height: 1.5em; /* unrelated to image height; this is so it gets snipped */
    background-repeat: no-repeat;
    background-image: var(--img-check);
    background-size: 1em;
    background-position: 0 .3em;
}
div[style*="-dark"] .entity-article ul li:before,
div[style*="-dark"].entity-article ul li:before{
    filter: brightness(0) invert(1);
}


/*
 * entity-imagelist
 */

/* Make sure there is never a background color visble on the bottom when this might be a seperator image */
.entity-imagelist.count-1 {
    margin-bottom:-1px;
}

/* Equal padding all around */
.entity-imagelist .media {
    padding:6px;
}

/* Also border radius on slideshow images */
main .entity-imagelist img,
footer .entity-imagelist img {
    border-radius: var(--border-radius);
}

/* All caption over slideshow is in white */
.entity-imagelist .carousel-caption h4,
.entity-imagelist .carousel-caption p {
    color:var(--color-white);
    text-shadow: 0 0 3px var(--color-black);
}
.entity-imagelist .carousel-caption .btn {
    color:var(--color-white);
    background-color:var(--color-2-dark);
    border-color:var(--color-white);

}
.entity-imagelist .carousel-caption .btn:hover,
.entity-imagelist .carousel-caption .btn:focus {
    filter:brightness(125%);
}

/* Center text under images */
.entity-imagelist.entity-imagelist-basic.middle h4,
.entity-imagelist.entity-imagelist-basic.top h4,
.entity-imagelist.entity-imagelist-basic.middle p,
.entity-imagelist.entity-imagelist-basic.top p {
    text-align:center;
}


/*
 * entity-webform
 */

.entity-webform {
    border-radius:var(--border-radius);
}


/*
 * entity-map
 */

/* Allow the border radius to actually be visible by setting sthe correct overflow */
.entity-map {
    overflow:hidden;
    border-radius:var(--border-radius);
}

/*
 * entity-infolist
 */

.entity-infolist-panels .panel {
    text-align:center;
    margin-bottom:24px;
}
.entity-infolist-panels .panel-heading img {
    width:50%;
}
.entity-infolist-panels .panel-heading {
    font-size:2rem;
    font-weight:bold;
}
.entity-infolist-panels .panel-heading p {
    font-size:1.5rem;
    font-weight:normal;
}
.entity-infolist-panels .list-group img {
    display:inline-block;
    height:1.2em;
    width:auto;
    margin-top:-4px;
}




/*
 * entity-socialmedia
 */

.entity-socialmedia-google-review .header > div > div,
.entity-socialmedia-google-review .footer > div > div,
.entity-socialmedia-google-review .single-item > div {
    border-radius: var(--border-radius);
}
.entity-socialmedia-google-review .header,
.entity-socialmedia-google-review .footer,
.entity-socialmedia-google-review .single-item {
    padding-bottom:24px;
}
.entity-socialmedia-google-review.top .header > div > div,
.entity-socialmedia-google-review.middle .header > div > div,
.entity-socialmedia-google-review.top .footer > div > div,
.entity-socialmedia-google-review.middle .footer > div > div {
    text-align:center;
}
.entity-socialmedia-google-review .media {
       margin-top:0;
       padding-top:6px;
       padding-bottom:6px;
   }
.entity-socialmedia-google-review .media-left,
.entity-socialmedia-google-review .media-right {
    width:calc(100% / 3);
}
.entity-socialmedia-google-review.middle,
.entity-socialmedia-google-review.top {
    text-align:center;
}
.entity-socialmedia-google-review.top img,
.entity-socialmedia-google-review.middle img {
    margin:auto;
}
.entity-socialmedia-google-review .header > div > div > :first-child {
    margin-top: 0;
}
.entity-socialmedia-google-review .btn {
    margin-bottom:1em;
}
.entity-socialmedia-google-review .btn + .btn {
    margin-left:1em;
    margin-bottom:0;
}

.entity-socialmedia-google-review.top img,
.entity-socialmedia-google-review.middle img{
    max-width:30%;
}
.entity-socialmedia-google-review.top .stars,
.entity-socialmedia-google-review.middle .stars{
    margin-bottom:24px;
}
.entity-socialmedia-google-review .time{
    font-style: italic;
    font-size: 0.9em;
}

/* When there is only one per line, never induce a min-height */
.entity-socialmedia-google-review .single-item.col-lg-12.col-md-12.col-sm-12.col-xs-12 > div {
    min-height:0 !important;
    border-left:1px solid white;
    padding-left:12px !important;
    border-radius:0;
}
.entity-socialmedia-google-review.none h4{
    font-style: italic;
    font-size: 0.9em;
}
.entity-socialmedia-google-review.none h4:before{
    content:"- ";

}


/*
* *********************************************************************************************************************
* Element and entity specific style for specific locations
* How do specific wells, buttons, panels, etc. in specific entities on specific locations look like.
* *********************************************************************************************************************
*/


/**
 * entity-article
 */

/* Add line under centered headers in all main locations */
main .entity-article h1[style*="center"],
main .entity-article h2[style*="center"],
main .entity-article h3[style*="center"],
main .entity-article .h1[style*="center"],
main .entity-article .h2[style*="center"],
main .entity-article .h3[style*="center"] {
    margin-bottom:48px;
}
main .entity-article h1[style*="center"]:after,
main .entity-article h2[style*="center"]:after,
main .entity-article h3[style*="center"]:after,
main .entity-article .h1[style*="center"]:after,
main .entity-article .h2[style*="center"]:after,
main .entity-article .h3[style*="center"]:after {
    background: none repeat scroll 0 0 var(--color-2-dark);
    bottom: -6px;
    content: "";
    display: block;
    height: 6px;
    position: relative;
    width: 150px;
    left: calc(50% - 75px);
}
main div[style*="-dark"] .entity-article h1[style*="center"]:after,
main div[style*="-dark"].entity-article h1[style*="center"]:after,
main div[style*="-dark"] .entity-article h2[style*="center"]:after,
main div[style*="-dark"].entity-article h2[style*="center"]:after,
main div[style*="-dark"] .entity-article h3[style*="center"]:after,
main div[style*="-dark"].entity-article h3[style*="center"]:after {
    background-color: var(--color-white);
}
main div[style*="color-1-light"] .entity-article h1[style*="center"]:after,
main div[style*="color-1-light"].entity-article h1[style*="center"]:after,
main div[style*="color-1-light"] .entity-article h2[style*="center"]:after,
main div[style*="color-1-light"].entity-article h2[style*="center"]:after,
main div[style*="color-1-light"] .entity-article h3[style*="center"]:after,
main div[style*="color-1-light"].entity-article h3[style*="center"]:after {
    background-color: var(--color-1-dark);
}

/**
 * entity-menu
 */

/* The pills menu items will have a line above */
.container-sticky .entity-menu .nav-pills > li + li {
    margin-left:0;
}
.container-sticky .entity-menu .nav-pills > li > a {
    border-radius: 0;
    background-color:transparent;
    color:var(--color-white);
    border:0;
    border-top:2px solid var(--color-white);
}
.container-sticky .entity-menu .nav-pills > li > a:hover,
.container-sticky .entity-menu .nav-pills > li > a:focus {
    filter:none;
    background-color:transparent;
    color:var(--color-white);
    border-color:var(--color-2-dark);
}
.container-sticky .entity-menu .nav-pills > li.active > a,
.container-sticky .entity-menu .nav-pills > li.active > a:hover,
.container-sticky .entity-menu .nav-pills > li.active > a:focus {
    filter:none;
    color: var(--color-white);
    background-color:transparent;
    border-top:4px solid var(--color-2-dark);
}
.container-sticky .entity-menu .nav-pills > li > a img,
.container-sticky .entity-menu .nav-pills > li > a:hover img,
.container-sticky .entity-menu .nav-pills > li > a:focus img {
    filter: brightness(0) invert(1);
}
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li > a {
    color:var(--color-black);
    border-top:2px solid var(--color-medium);
}
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li > a:hover,
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li > a:focus {
    color:var(--color-black);
    border-color:var(--color-2-dark);
}
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li.active > a,
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li.active > a:hover,
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li.active > a:focus {
    color: var(--color-black);
    border-top:4px solid var(--color-2-dark);
}
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li > a img,
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li > a:hover img,
.container-sticky.container-sticky-sticked .entity-menu .nav-pills > li > a:focus img {
    filter: none;
}

/* First element in menu with children, make it look like a h3 */
footer .entity-menu > ul > li > a.disabled {
    display:block;
    font-size:1em;
    padding-bottom:6px;
    margin-bottom:12.5px;
    filter:none;
    border-bottom: 1px solid var(--color-white);
    overflow-wrap:break-word;
    font-family: var(--font-family-1);
    font-weight:600;
    line-height:1.2;
}

/*
 * entity-imagelist
 */

/* Set caption of slider to center in header */
header .entity-imagelist-slideshow .carousel-caption{
    font-size:1.8em;
    padding-bottom:15%;
}

/*
 * entity-webform
 */
main .entity-webform {
    margin-bottom:24px;
}

/*
 * entity-socialmedia
 */
footer .entity-socialmedia-google-review .header,
footer .entity-socialmedia-google-review .footer,
footer .entity-socialmedia-google-review .single-item {
    padding-bottom:12px;
}


/*
 * *********************************************************************************************************************
 * Print
 * All elements in printview.
 * *********************************************************************************************************************
 */