html {
	font-size: 16px;
}

legend small {
    font-size: 17px;
}

h1,
.h1 {
	font-size: 26px;
	line-height: 30px;
}

h2,
.h2 {
	font-size: 21px;
	line-height: 24px;
}

h3,
.h3 {
	font-size: 16px;
	line-height: 24px;
}

h4,
.h4 {
	font-size: 15px;
	line-height: 22px;
}

h5,
.h5 {
	font-size: 13px;
	line-height: 21px;
}

h6,
.h6 {
	font-size: 11px;
	line-height: 20px;
}

.body-copy {
	font-size: 18px;
}

/* Use alternative primary button color */
.btn-primary,
.btn-outline-primary,
.btn-light-primary {
	--dxp-primary: var(--dxp-warning);
	--dxp-primary-contrast-color: var(--dxp-warning-contrast-color);
}

.templates-list-item-name {
	font-size: 17px;
}

.choose_qty_block,
.raffle_prizes_block,
.donation_carousel_block,
.countdown-container,
.donation-target-container,
.donation-statistics-line > small {
	font-size: 17px;
}

.countdown {
	font-size: 14px;
}

.big-price p strong {
	font-size: 36px;
}

.tabcontentrichtext {
	font-size: 18px;
}

.tabcontentrichtext .content-block {
	font-size: 18px;
}

.profile-carousel-active-profile {
	--active-profile-name-font-size: 18px;
	--active-profile-descr-font-size: 16px;
	--active-profile-rating-font-size: 16px;
	--active-profile-follower-font-size: 16px;
}

.col-header > h2 > a {
	font-size: 16px; 
}

.page-header > h2,
.col-header > h2 {
	line-height: 30px;
}

.page-header-link-more {
	font-size: 16px;
}

.main-footer h4 {
	font-size: 22px;
}
.main-footer h5 {
	font-size: 16px;
}

.product-card-vendor-title {
    font-size: 16px;
}

.product-tiled-list > li {
	font-size: 16px;
}

.page-header:not(.dashboard-content-header) h1,
.page-header h2,
.col-header h2,
.content-block h2,
.content-block-plain h2,
.content-block-feed h2,
.wysiwyg-block h1,
.wysiwyg-block h2:not(.product-card-title),
.wysiwyg-block h3:not(.media-item-title, .media-item-vendor-title, .product-card-vendor-title, .group-list-item-title),
.page-closing h1 {
	color: var(--dxp-heading-entity-details-color);
}

.select2-container--bootstrap .select2-selection {
	font-size: 1rem; 
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	font-size: 1rem; 
	height: 38px;
}

.select2-container--bootstrap .select2-selection--single {
	height: 38px;
	line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple {
	min-height: 38px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
	line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
	height: 36px;
}

.select2-container--bootstrap .select2-results__group {
	font-size: 0.85rem;
	line-height: inherit;
}

.nav-line-tabs > li > a {
	line-height: 1.5;
}

.checkbox-custom .checkbox-custom-input,
.radio-custom .radio-custom-input {
	margin-top: 3px;
}

.tabcontentrichtext .checkbox-custom .checkbox-custom-input,
.tabcontentrichtext .radio-custom .radio-custom-input {
	margin-top: 7px;
}

.table > thead > tr > .table-cell-checkbox-align-tumb-40,
.table > tbody > tr > .table-cell-checkbox-align-tumb-40,
.table > tfoot > tr > .table-cell-checkbox-align-tumb-40,
.table > thead > tr > .table-cell-radio-align-tumb-40,
.table > tbody > tr > .table-cell-radio-align-tumb-40,
.table > tfoot > tr > .table-cell-radio-align-tumb-40
{
 	padding-top: 16px;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  font-size: 1rem;
  line-height: 1.5;
}

input[type=checkbox].make-switch {
	/* Make initial height equal to the height of the resulting switch, to prevent jumping screen between intial paint and javascript onready event to construct the switch */
	min-height: 38px;
	height: 38px;
	max-height: 38px;
}

#clear-searchkey {
	line-height: 38px;
	height: 38px;
}

textarea.form-control[rows="2"] {
	height: 62px; /* (2*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="3"] {
	height: 86px; /* (3*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="4"] {
	height: 110px; /* (4*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="5"] {
	height: 134px; /* (5*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="6"] {
	height: 158px; /* (6*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="7"] {
	height: 182px; /* (7*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="8"] {
	height: 206px; /* (8*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="9"] {
	height: 230px; /* (9*24px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="10"] {
	height: 254px; /* (10*24px line height + 2*6px padding + 2*1px border)*/
}

.has-feedback label ~ .form-control-feedback {
    top: 31px;
}

/* Begin landing page >> */

.landing-jumbotron-text {
	font-size: 26px;
}

.sticky-nav-placeholder {
	height: calc(36px + 1.5em);
}

.sticky-nav-placeholder.sticky-nav-placeholder-buttons {
	margin-top: calc(-36px - 1.5em);
}

.background-asset-image[style*="background-image"]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
	pointer-events: none;
}

/* << End landing page */

@media only screen and (max-width: 991px)  {
	body,
	.dropdown-menu,
	.form-control:not(.input-lg),
	.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
		font-size: 16px;
	}
}

.product-tiled-list > li > h3 {
	line-height: 24px;
}

.product-map-item {
	line-height: 1.5;
}

.product-map-item .media-heading {
	font-size: 12px;
}

.product-card-title {
    font-size: 18px;
    line-height: 24px;
}

.product-card-vendor-title {
	font-size: 16px;
}

.comment_inline_actions {
	margin-top: 12px;
}

/* Social buttons */

.share-with-facebook,
.share-with-twitter,
.share-with-linkedin,
.share-with-pinterest,
.share-with-email,
.follow-facebook,
.follow-twitter,
.follow-youtube,
.follow-linkedin,
.follow-instagram,
.follow-website {
	border-radius: 50px;
	padding: 5px;
}

.share-with-facebook {
	background: #839AAC;
}
.share-with-twitter {
	background: #62B9CE;
}
.share-with-linkedin {
	background: #2487B2;
}
.share-with-pinterest {
	background: #E94D38;
}
.share-with-email {
	background: #3B7C7C;
}

.footer-social-networks > li > a.follow-facebook {
	background: #839AAC;
}

.footer-social-networks > li > a.follow-twitter {
	background: #62B9CE;
}

.footer-social-networks > li > a.follow-youtube {
	background: #E94D38;
}

.footer-social-networks > li > a.follow-linkedin {
	background: #2487B2;
}

.footer-social-networks > li > a.follow-instagram {
	background: #B99BB7;
}

.footer-social-networks > li > a.follow-website {
	background: #3B7C7C;
}

.footer-social-networks > li > a > .fa {
	color: var(--dxp-footer-color);
}

.modalPostcard {
	background-image: url('images/mailafriend.png');
}

.modalPostcard.sent:before {
	content: url('images/stamp_en.png');
}

html[lang="nl"] .modalPostcard.sent:before {
	content: url('images/stamp_nl.png');
}

/* Begin Dutch Food Week circles >> */

.landing-jumbotron-carousel,
.landing-jumbotron-carousel .carousel-inner{
	overflow: visible;
}

.landing-jumbotron-content {
	position: relative;
}

.dfw-circles-wrapper {
	position: relative;
	width: 300px;
	height: 300px;
	margin: 18px 0 -245px 0;
	display: inline-block;
}
.landing-jumbotron-center .dfw-circles-wrapper {
}
.landing-jumbotron-right .dfw-circles-wrapper {
	margin: 18px 80px -245px 0;
}
.dfw-circle-contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-23%,-124%);
    min-width: 280px;
    max-width: 280px;
    text-align: left;
	z-index: 10;
}
.dfw-banner-text {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 28px;
    text-align: left;
    color: #FFFFFF;
}
.dfw-banner-text > p:last-child {
	margin-bottom: 0;
}
.dfw-circle-contents .btn-primary {
    margin-top: 5%;
}
.dfw-circle-contents .btn-lg.btn-primary,
.dfw-circle-contents .btn-lg.btn-primary:focus,
.dfw-circle-contents .btn-lg.btn-primary:active {
	border: solid white 2px;
	padding: 9px 15px; /* Compensate for extra border */
}
.dfw-primary-circle {
    border-radius: 50%;
    background: rgba(0,87,39,.7);
    width: 240px;
    height: 240px;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 3;
}
.dfw-secondary-circle {
    position: absolute;
	left: 38%;
	bottom: 38%;
	right: auto;
	top: auto;
    width: 264px;
    height: 264px;
    background: rgba(60,164,51,.8);
    border-radius: 50%;
	z-index: 1;
}
.dfw-tertiary-circle {
    position: absolute;
	left: 20%;
	bottom: 70%;
	right: auto;
	top: auto;
    width: 200px;
    height: 200px;
    background: rgba(0,87,39,.7);
    border-radius: 50%;
	z-index: 2;
}
.dfw-quaternary-circle {
    position: absolute;
	left: -46%;
	bottom: 46%;
	right: auto;
	top: auto;
    width: 480px;
    height: 480px;
    background: transparent;
	border: solid 1px rgb(245, 160, 31);
    border-radius: 50%;
	z-index: 4;
}
.container-pagelayout .dfw-quaternary-circle {
    clip: rect(44px, auto, auto, auto);
}

.dfw-jumbotron-slogan {
	position: absolute;
	width: 300px;
	left: auto;
	right: 0;
	bottom: -90px;
}
.landing-jumbotron-center .dfw-jumbotron-slogan {
	display: none;
}
.landing-jumbotron-right .dfw-jumbotron-slogan {
	right: auto;
	left: 0;
}

@media screen and (max-width: 991px) {
    .dfw-circles-wrapper {
		width: 200px;
		height: 200px;
		margin: 50px 0 -145px 0;
    }
	.landing-jumbotron-center .dfw-circles-wrapper {
	}
	.landing-jumbotron-right .dfw-circles-wrapper {
		margin: 50px 52px -145px 0;
	}
    .dfw-circle-contents {
        min-width: 180px;
        max-width: 180px;
		transform: translate(-23%,-112%);
    }
    .dfw-circle-contents .dfw-banner-text {
        font-size: 20px;
    }
	.dfw-circle-contents .btn-lg.btn-primary {
	    font-size: 20px;
		padding: 5px 11px;
	}
	.dfw-primary-circle {
        width: 160px;
        height: 160px;
    }
    .dfw-secondary-circle {
        width: 176px;
        height: 176px;
    }
    .dfw-tertiary-circle {
        width: 133px;
        height: 133px;
    }
	.dfw-quaternary-circle {
		width: 320px;
		height: 320px;
	}
	.container-pagelayout .dfw-quaternary-circle {
		clip: rect(15px, auto, auto, auto);
	}

	.dfw-jumbotron-slogan {
		width: 220px;
		bottom: -35px;
	}
}

@media screen and (max-width: 575px) {
	.dfw-jumbotron-slogan {
		display: none;
	}
}

/* << End Dutch Food Week circles */

@media screen and (max-width: 991px) {
	.landing-jumbotron-header:last-child,
	.container-pagelayout .landing-jumbotron-header:last-child {
		margin-bottom: -30px;
		margin-top: 25px;
	}
}

@media screen and (min-width: 992px) {
	.landing-jumbotron-header:last-child,
	.container-pagelayout .landing-jumbotron-header:last-child {
		margin-bottom: -85px;
		margin-top: 109px;
	}
}

@media only screen and (max-width: 991px) {
	.media-item-with-thumb .label.media-item-type {
		font-size: 16px;
	}
}

@media only screen and (min-width: 992px) {
	.media-item-with-thumb .media-item-list.media-item-card-list .label.media-item-type {
		font-size: 16px;
	}
}

.media-item-vendor-title {
	font-size: 16px;
}

.media-item .media-item-main-title {
    font-size: 18px;
    line-height: 24px;
}

.media-item .media-item-subtitle {
    font-size: 16px;
    line-height: 22px;
}

.media-item .media-item-meta-title {
	font-size: 16px;
	line-height: 22px;
}
.hero-page-header > .background-asset-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
	pointer-events: none;
}

.hero-page-header-content > .btn-group-actions-menu {
	top: 18px;
}

@media only screen and (min-width: 992px) {
	.hero-page-header-content > h1,
	.hero-page-header-content > h2,
	.hero-page-header-content > h3 {
		font-size: 50px;
	}
}

.tox .tox-button {
	--dxp-primary: var(--dxp-warning);
	--dxp-primary-contrast-color: var(--dxp-warning-contrast-color);
}

@media only screen and (max-width: 991px) {
	/* TODO: do we still need this -- see question for same selector in dxp.css */
	body:not(.mce-content-body),
	.dropdown-menu,
	.form-control:not(.input-lg),
	.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
		font-size: 16px;
	}
}

#dateRangeBtn > .dropdown-menu > ul > li > a {
	line-height: 1.5;
}

@media only screen and (min-width: 992px) {
	.site-wide-bar .navbar-nav > li > a {
		letter-spacing: -1px;
	}

	.landing-jumbotron {
		--landing-jumbotron-padding-t: 164px;
		--landing-jumbotron-padding-b: 110px;
	}

	.with-header-background-img .full-width-img-container {
		margin-top: calc(-2 * var(--header-condensed-height, var(--navbar-height)));
	}

	.with-header-background-img h1.raffle_title,
	.with-header-background-img h1.donation_title {
		padding-top: calc(2 * var(--header-condensed-height, var(--navbar-height)));
	}

	.with-header-background-img .hero-page-header {
		margin-top: calc(-2 * var(--header-condensed-height, var(--navbar-height)));
		padding-top: calc(var(--hero-page-header-padding-t) + (2 * var(--header-condensed-height, var(--navbar-height))));
		min-height: calc(var(--hero-page-header-min-height) + (2 * var(--header-condensed-height, var(--navbar-height))));
	}

	.hero-page-header:has(> .background-asset[style*="background-image"]) {
		--hero-page-header-min-height: 261px;
	}
}