:root {
	--color-lightgreen: #94c11a;
	--color-green: #00833B;
	--color-pink: #EB008B;
	
	--color-green-lighter: #d5e6d4;
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/source-sans-pro-v21-latin-300-ver-1C772D9D0531B187DB80BCFC199C1786.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/source-sans-pro-v21-latin-300-ver-7AF7D3E65E69435892EF97567B07BBB2.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/source-sans-pro-v21-latin-regular-ver-0AD032B3D07AAF33B160AC4799DDA40F.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/source-sans-pro-v21-latin-regular-ver-78270194DABBE66D21E4A03FF9368168.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/source-sans-pro-v21-latin-600-ver-7CF79FBD1DF848510D7352274EFC2401.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/source-sans-pro-v21-latin-600-ver-B13E95A6DEB4B4AE21F62B34DA0FB55F.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
}


/*iPad Portrait orientation styles */
@media only screen and (device-width:768px) and (orientation:portrait) {
	.container {
		width: 970px;
	}
}

/*iPad landscape orientation styles */
@media only screen and (device-width:768px) and (orientation:landscape){
	.container {
		width: 970px;
	}
}

h1.header, h2.header, h3.header, h4.header, span.header {
	font-size: 30px;
	font-weight: 300;
	margin: 0;
	padding-top: 5px;
	line-height: 35px;
}
h1.bold-header, h2.bold-header {
	font-size: 24px;
	font-weight: bold;
}

#page-notice {
	font-size: 14px;
	padding: 5px;
	background-color: var(--color-lightgreen);
	color: white;
	text-align: center;
}
#page-notice p {
	margin: 0;
}

#page-header {
	color: #999999;
}

#topbar {
	font-size: 12px;
	color: #999999;
	padding: 5px 0;
	background-color: #F6F6F6;
	margin-bottom: 10px;
}

.highlighted {
	color: #00833B;
}
.muted {
	color: #7D7D7D;
}
a.underlined {
	text-decoration: underline;
}

.stars-outer {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMi8wNC8xM0qYAXsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAACMElEQVQ4jZ2TT0hUURSHvzczjqOCPEyhoJqRBpqg1AgXYQs9yzYZEYSbkoQgCKa94bNVhOBsQlIja1GrUIIWLeZmEC1ahGELF+WfSEWYkcl0HB1tWnTf9HzODINnc979nfPdc+959xi5XI6DmK+QqJQygSmgRURShXI8RTaMAkHtC5rhPqpSKgTMOaRGEZkvWVEp1Q7EgF9Ao/Yxre+tGI/HJ4AQ0OzQ+0XEUkpZQJ9D/wLMi0inB5jQ0ALQISKGiFgAImKJiAF06HizzscjImNAN/+acaNQI7QeBLp1/v/mKKWiwCBwWUQmXPd+B9wVkVih5kxpn9JAyFV1yrlwgqb27UqpSWBO+xZXfB9oJ/TppH7tB11xYO+TM4H3gCUik1qz9B0td8V9L6dcK/ZWSRgDZrFYUXC2baQpEwys6CkpH6xcyLwOLGT8Rx4vjpUNzrUOX6tc3AoC1L1JXPp871VTSTBhDJgzV55Hq76ln9iad2OX2o+p8a89L3rcoDF/ZmjZv7RVV5HM+osdy7at44HNzXDVcjh+84TH+JObLgcC8CWzVb/P1T4D/R9/hh99CHzfbCsF7dZ4Wbp9tO/sw6v38yDAj1NDn6pnNlqLgcnOhpcnx6932et8c3ZMnypVcfHOsWHnOg96N3ZDpcDDT5cuFATJEbE/05Ga9dWL9W+zhyq2bW27wR92gvnp8K3t1K+1mSvpSHXv6dGuUVufPT/yoGI1e6tmej3iBA88HX8B4gHGFhuYpNwAAAAASUVORK5CYII=) top left repeat-x;
	width: 70px;
	height: 14px;
	text-align: left;
	font-size: 14px;
}
.stars-inner {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMi8wNC8xM0qYAXsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAACMElEQVQ4jZ2TT0hUURSHvzczjqOCPEyhoJqRBpqg1AgXYQs9yzYZEYSbkoQgCKa94bNVhOBsQlIja1GrUIIWLeZmEC1ahGELF+WfSEWYkcl0HB1tWnTf9HzODINnc979nfPdc+959xi5XI6DmK+QqJQygSmgRURShXI8RTaMAkHtC5rhPqpSKgTMOaRGEZkvWVEp1Q7EgF9Ao/Yxre+tGI/HJ4AQ0OzQ+0XEUkpZQJ9D/wLMi0inB5jQ0ALQISKGiFgAImKJiAF06HizzscjImNAN/+acaNQI7QeBLp1/v/mKKWiwCBwWUQmXPd+B9wVkVih5kxpn9JAyFV1yrlwgqb27UqpSWBO+xZXfB9oJ/TppH7tB11xYO+TM4H3gCUik1qz9B0td8V9L6dcK/ZWSRgDZrFYUXC2baQpEwys6CkpH6xcyLwOLGT8Rx4vjpUNzrUOX6tc3AoC1L1JXPp871VTSTBhDJgzV55Hq76ln9iad2OX2o+p8a89L3rcoDF/ZmjZv7RVV5HM+osdy7at44HNzXDVcjh+84TH+JObLgcC8CWzVb/P1T4D/R9/hh99CHzfbCsF7dZ4Wbp9tO/sw6v38yDAj1NDn6pnNlqLgcnOhpcnx6932et8c3ZMnypVcfHOsWHnOg96N3ZDpcDDT5cuFATJEbE/05Ga9dWL9W+zhyq2bW27wR92gvnp8K3t1K+1mSvpSHXv6dGuUVufPT/yoGI1e6tmej3iBA88HX8B4gHGFhuYpNwAAAAASUVORK5CYII=) 0 -14px repeat-x;
	height: 14px;
}

#topbar .icon + .lang {
	margin-left: 10px;
}

#topbar .lang {
	display: inline-block;
	padding-top: 8px;
}
#topbar .lang svg, #page-header .lang svg {
	height: 20px;
	border-radius: 2px;
}
#topbar .lang + .lang {
	margin-left: 10px;
}

/* -- USPs -- */
#page-header .usps .icon-with-text__icon {
	margin-top: 10px;
}
#page-header .usps strong {
	font-size: 14px;
	color: black;
}
#page-header .trustlogo {
	margin-top: 0 !important;
}

#page-header .icon {
	display: inline-block;
	position: relative;
	font-size: 1.6em;
	padding: 8px 0 0;
	width: 50px;
	text-align: center;
}
#page-header .icon .badge {
	position:relative;
	transform: translate(-30%, -50%);
	background-color: var(--color-pink);
	color: white;
}

#page-header .nav-container {
	background: none;
	border-top: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar {
	margin: 0;
	border: 0;
	clear: both;
	overflow: hidden;
	padding-top: 0;
	background: none;
}

.navbar .navbar-toggle {
	border: 0;
	margin-right: 0;
}

.navbar .navbar-header {
	width: 100%;
}

.navbar .navbar-brand {
	position: relative;
	display: inline-block;
	height: auto;
	border: 0;
	padding: 0;
}
.navbar .navbar-brand a {
	display: inline-block;
}
.navbar-nav li a:hover {
	background: none;
	color: var(--color-green);
}
.nav-container .navbar-collapse {
	padding: 0;
}
.nav-container .main-menu a {
	color: #171717;
}

@media (max-width: 768px) {
	.navbar {
		background: none;
		padding-top: 0;
		max-height: none;
	}
	.navbar .navbar-header {
		background-color: white;
	}
	.navbar .navbar-brand {
		float: none;
		display: block;
		margin-top: 0;
	}
	.navbar .navbar-brand::after {
		display: none;
	}
	.nav-container .navbar-collapse {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* -- Footer -- */
#page-footer {
	font-size: 13px;
	color: #7B7B7B;
	background: #F6F6F6;
	overflow: hidden;
}
#page-footer a {
	color: inherit;
}

/* -- USPs in footer -- */
#page-footer .usps {
	font-size: 14px;
	color: #656565;
}
#page-footer .box {
	background: none;
}
#page-footer .usps .usp__header {
	margin: 28px 0 12px 0;
	font-size: 16px;
}
#page-footer .grey-box + .grey-box {
	padding-top: 20px;
	border-top: 1px solid #D9D9D9;
}

.footer-inline-block {
	float: left;
	padding-right: 5px;
	width: 170px;
}
.footer-nav ul, .footer-seo ul {
	list-style: none;
	padding: 0;
}
.footer-nav__header {
	font-size: 14px;
	line-height: 20px;
	color: #171717;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.footer-seo__header {
	font-size: 1.1em;
	line-height: 20px;
	color: #171717;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer-image {
	position: relative;
	width: 220px;
	padding-right: 20px;
}
.footer-image img {
	/*position: absolute;*/
	margin-top: -30px;
	margin-bottom: -20px;
}

@media (max-width: 767px) {
	.footer-nav li a, .footer-seo li a {
		line-height: 200%;
		display: inline-block;
	}
}

.no-horizontal-padding {
	padding-left:0;
	padding-right:0;
}

/* Hero */
.hero img {
	border-radius: 5px;
	margin: 0 auto;
	box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 20%);
}
.hero .box {
	margin-bottom: 0;
	background: none;
	box-shadow: none;
}
.hero .box + .box {
	margin-top: 10px;
}

/* Delivery info */
.deliveryinfo-box {
	font-size: 17px;
	font-weight: bold;
	padding: 15px;
	background-color: var(--color-green);
	color: white;
	border-radius: 5px;
}
.deliveryinfo-box img {
	margin-right: 15px;
}
.deliveryinfo-box svg {
	margin-right: 15px;
	vertical-align: middle;
}

/* Product Grid item layout */
.product a.product-link {
	display: grid;
	grid-template-areas: 
		"photo"
		"name"
		"price"
		"schedule";
	padding: 15px 6px 15px;
	text-align: center;
}
.product a.product-link:hover {
	text-decoration: none;
}
.product img {
	grid-area: photo;
	margin: 0 auto;
}
.product .price-container {
	grid-area: price;
	font-size: 16px;
}
.product .product-rating {
	padding-top: 5px;
	text-decoration: none !important;
	display: block;
	min-height: 25px;
	display: none;
}
.product .product-rating .rating-panel {
	display: inline-block;
}
.product .product-rating .rating-stars {
	display: inline-block;
	padding: 0 5px;
	height: 14px;
}
.product .product-rating .rating-count {
	display: none;
}
.product a.product-link:hover .product-name {
	text-decoration: underline;
}
.product .product-name {
	grid-area: name;
	display: block;
	padding-top: 5px;
	font-size: 18px;
	font-weight: bold;
	min-height: 50px;
	max-height: 50px;
	color: black;
}
.product .delivery-from {
	grid-area: schedule;
	font-size: 11px;
	color: #757575;
	text-decoration: none !important;
}
.product a.btn {
	margin-top: 10px;
	display: none;
}
.product a.btn span {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xMS8xM9e5ydAAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABT0lEQVQ4jZ2TzypFURjFf/dyQ8wUEyEMpCQDJgwMlDLzAEpmQgoDEy/gEZQhM1NvYCQTAwMpkkhEUfKv+zO4+2Y7d7th1e6svb+11vn23uegUmV0qlfqmrqg3qi91TzVwvrVd0sYV0f9wtBfA4cj81S0PhGtj/0msFZdiUzjCdNIVF9XC3G9lu/4AK6AGWA7zLPYB3LAdHi+x8WcOgvUAwJF4Ax4ApqBtmCKYXjpLdAIdAP5oHvNqSa6+DfywDxwmqjdAweBnwBHgR8Clwn9BbBYPsx2K7EZaqqTkaZGXU7o+1TyUfpOovsy6sMAaICKy9wDjrOmpYwoNhWAuii8kNHOpbq4A7ai+XPEHyjdaln3GNV2Ke2wIhBgldJnAdAKdAXeAwwEPgh0RJ7vO0v8CRuJA/8JW1l/KrBJPVef1aL6oL6pH4EX1Rf1Wm3J+j8B+MkBDZdR9xkAAAAASUVORK5CYII=) 0px 2px no-repeat;
	padding-left: 30px;
}

/* -- Box -- */
.box {
	background-color: white;
	border-radius: 5px;
	margin-bottom: 15px;
}
.inline-box {
	margin-bottom: 0;
	display: inline-block;
}
.box-header, .box-content {
	padding: 25px 40px;
}
/* Special handling for custom tags inside box */
.box-content .tag, .box-header .tag {
	margin: 20px -40px 30px;
	
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
.box-content-roomy {
	padding: 40px 50px;
}
.row .box-content {
	padding: 30px 40px;
}
.box-content .padding-bottom, .box-content-roomy .padding-bottom {
	padding-bottom: 10px;
}
.box-content .margin-bottom, .box-content-roomy .margin-bottom {
	margin-bottom: 25px;
}
.box-addon {
	background-color: var(--color-green-lighter);
	overflow: hidden;
}
.box .border-bottom {
	border-bottom: 1px solid #D9D9D9;
}
.box .border-top {
	border-top: 1px solid #D9D9D9;
}
.box .border-left {
	border-left: 1px solid #D9D9D9;
}
.box .border-right {
	border-right: 1px solid #D9D9D9;
}
.grey-box {
	margin-bottom: 20px;
}
.box-content a:not(.btn):not(.product-link):any-link {
	color: var(--color-pink);
	text-decoration: underline;
}

@media (max-width: 767px) {
	.box-header, .box-content {
		padding: 25px 0;
	}
	/* Special handling for custom tags inside box */
	.box-content .tag, .box-header .tag {
		margin: 20px 0 30px;
	}
	.box-content-roomy {
		padding: 40px 10px;
	}
	.row .box-content {
		padding: 30px 0;
	}
}

/* -- Buttons -- */
.btn {
	background: #f8f9fa;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #999999;
}
.btn-rb, .btn-rb:visited {
	background: var(--color-pink);
	border: 0;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 15px;
}
.btn-rb-small {
	font-size: 13px;
	padding: 12px 15px;
}
.btn-rb:hover {
	filter: brightness(1.2);
	color: white;
}
.btn-rb:focus, .btn-rb:active, .btn-rb[disabled] {
	filter: brightness(0.9);
	color: white;
}
.btn-rb > img, .btn-rb svg {
	margin-right: 5px;
	vertical-align: middle;
}


.box ul.grid3, .box ul.grid4 {
	list-style: none;
	margin: 0; padding: 0;
	overflow: hidden;
	display: grid;
	grid-gap: 1px;
}

.box ul.grid3 {
	grid-template-columns: repeat(3, 1fr);
}

.box ul.grid4 {
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991px) {
	.box ul.grid3 {
		grid-template-columns: repeat(2, 1fr);
	}
	.box ul.grid4 {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 767px) {
	.box ul.grid4 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 659px) {
	.box ul.grid3 {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width: 490px) {
	.box ul.grid4 {
		grid-template-columns: repeat(1, 1fr);
	}
}

/** Bootstrap overrides **/
a, a:hover, a:active, a:visited {
	color: inherit;
}
h1, h2, h3, h4 {
	color: #171717;
}
h1 {
	font-weight: 300;
}
.row-flex {
	display: flex;
	flex-wrap: wrap;
}
ul.breadcrumb {
	margin: -5px 0 10px 0;
	background: none;
	padding: 0 15px;
	font-size: 12px;
	color: #999999
}
ul.breadcrumb a {
	color: inherit;
}
ul.inline li {
	padding-left: 10px;
	padding-right: 0;
}
ul.inline li:first-child {
	padding-left: 0;
}
div.pagination-container ul {
	box-shadow: none;
	border: 0;
}
div.pagination-container li a {
	border: 0;
	font-size: 16px;
	color: #999 !important;
	width: 36px;
	height: 36px;
	text-align: center;
	padding: 6px 0 8px;
	margin-left: 10px;
	
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
	
	border: 1px solid #CBCBCB !important;
	border-radius: 17px !important;
}
div.pagination-container li a:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
	background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
}
div.pagination-container li a:active {
	background-image: -moz-linear-gradient(top, #f0f0f0, #f8f8f8);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#f8f8f8));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #f8f8f8);
	background-image: -o-linear-gradient(top, #f0f0f0, #f8f8f8);
	background-image: linear-gradient(to bottom, #f0f0f0, #f8f8f8);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#fff8f8f8', GradientType=0);
}
div.pagination-container li.active a, div.pagination-container li.active a:hover {
	background: white;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: none;
}
div.pagination-container li.disabled a, div.pagination-container li.disabled a:hover {
	background: #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: none;
}
div.pagination-container li:first-child a {
	margin-left: 0;
	margin-right: 20px;
	font-size: 30px;
	line-height: 16px;
}
div.pagination-container li:last-child a {
	margin-left: 30px;
	font-size: 30px;
	line-height: 16px;
}
/** Copied from Bootstrap 4 */
.position-relative {
	position: relative;
}
.stretched-link::after {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* Just in case `pointer-events: none` is set on a parent */
    pointer-events: auto;
    content: "";
    /* IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color */
    background-color: rgba(0, 0, 0, 0);
}
/** --- Copied from Bootstrap 4 */

/* -- Icons -- */
i.rb-icon {
	display: inline-block;
}
i.rb-icon-25-pin-black {
	width: 25px; height: 25px;
	background: url('/assets/images/sprites/icons-25-black-ver-C15886691B59F8A076D3C326111701F1.png') 0 0 no-repeat;
}
i.rb-icon-25-like-black {
	width: 25px; height: 25px;
	background: url('/assets/images/sprites/icons-25-black-ver-C15886691B59F8A076D3C326111701F1.png') -25px 0 no-repeat;
}

/* -- Grouped links -- */
.grouped-header {
	color:#50aecc;
	height: 24px;
	border: 1px solid #EBEBEB;
	background: #F3F3F3;
	padding-left: 5px;
	margin-top: 8px;
	line-height: 24px;
	font-size: 15px;
	font-weight: 800;
}
.grouped-header, .grouped-item {
	margin-bottom: 5px;
}
@media (pointer: coarse) {
	.grouped-item a {
		display: block;
		padding: 10px;
	}
}

.flower-delivery-page .banner {
	margin: 0 auto;
}
.blog-post .banner {
	margin: 0 auto;
}

/* -- Top list -- */
.top-list-item + .top-list-item {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid lightgrey;
}
.top-list-item__image {
	display: block;
	width: 100%;
}
.top-list-item__body h2 {
	margin-top: 10px;
}
.top-list-item__body p {
	text-align: justify;
}

/* -- Prismic content -- */
.prismic-text-section .block-img img {
	display: block;
	max-width: 100%;
	height: auto;
}
.prismic-text-section a, .prismic-top-list-section a, .prismic-content a {
	color: var(--color-pink) !important;
	text-decoration: underline !important;
	background-color: transparent !important;
}
.prismic-text-section a:hover, .prismic-top-list-section a:hover, .prismic-content a {
	color: #FF23A6 !important;
	text-decoration: underline !important;
}
.prismic-text-section h3 {
	font-weight: bold;
}
.flowerguide-header.has-image, .plantguide-header.has-image {
	display: grid;
	grid-template-areas: "text . images";
	grid-template-columns: 2fr 20px 1fr;
}
.flowerguide-header__text, .plantguide-header__text {
	grid-area: text;
}
.flowerguide-header__images, .plantguide-header__images {
	grid-area: images;
}
.flowerguide__toc, .plantguide__toc {
	column-count: 2;
	column-gap: 2rem;
}
.flowerguide-details.has-image, .plantguide-details.has-image {
	display: grid;
	grid-template-areas: "image . content";
	grid-template-columns: 1fr 20px 2fr;
}
.flowerguide-details:nth-of-type(even), .plantguide-details:nth-of-type(even) {
	grid-template-areas: "content . image";
	grid-template-columns: 2fr 20px 1fr;
}
.flowerguide-details__image, .plantguide-details__image {
	grid-area: image;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.flowerguide-details__content, .plantguide-details__content {
	grid-area: content;
}
.flowerguide-details__content h2, .plantguide-details__content h2 {
	margin-top: 0;
}

@media (max-width: 767px) {
	.flowerguide-header.has-image, .plantguide-header.has-image {
		grid-template-areas: "text" "." "images";
		grid-template-columns: auto;
		grid-template-rows: auto 20px auto;
	}
	.flowerguide__toc, .plantguide__toc {
		column-count: 1;
	}
	.flowerguide__toc a, .plantguide__toc a {
		line-height: 200%;
		display: inline-block;
	}
	.flowerguide-header__images img, .plantguide-header__images img {
		margin: 5px auto;
	}
	.flowerguide-details.has-image, .plantguide-details.has-image {
		grid-template-areas: "image" "." "content";
		grid-template-columns: auto;
		grid-template-rows: auto 20px auto;
	}
	.flowerguide-details:nth-of-type(even), .plantguide-details:nth-of-type(even) {
		grid-template-areas: "image" "." "content";
		grid-template-columns: auto;
		grid-template-rows: auto 20px auto;
	}
	.flowerguide-details__image, .plantguide-details__image {
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.top-list-item {
		display: flex;
		align-items: flex-start;
	}
	.top-list-item__image {
		display: inline-block;
		width: auto;
	}
	.top-list-item__body {
		flex: 1;
		margin-left: 25px;
	}
}

@media print {
		#page-header, #page-footer, ul.breadcrumb {
			display: none;
		}
		
		.container {
			width: auto;
			margin: 0;
		}
}

.homepage-content-top .box-content {
	padding-top: 0;
}
.homepage-content-bottom {
	border-top: 1px solid #d1d1d1;
}

/** Valentine's Day theme */
html.valentine .deliveryinfo-box {
	background-color: #cc002c;
	background-image: url(data:image/png;base64,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);
}

.section + .section {
	margin-top: 20px;
}

.list__item:not(:first-child) {
	margin-top: 0.4rem;
}

.icon-with-text {
	display: flex;
}
.icon-with-text__icon {
	flex-shrink: 0;
	margin-right: 0.8rem;
}
.icon-with-text__icon svg {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.3rem;
}

.icon--color-green {
	color: #00b900;
}

.d-block { display: block }
.d-flex { display: flex }
.flex-grow-1 { flex-grow: 1 }
.flex-fill { flex: 1 1 0px }
.align-items-center { align-items: center } /* vertical */
.justify-content-end { justify-content: flex-end } /* horizontal */
.gap-sm { gap: 10px }

.p-sm { padding: 10px }
.pl-sm { padding-left: 10px }
.pv-sm { padding-top: 10px; padding-bottom: 10px }
.p-md { padding: 15px }
.pl-md { padding-left: 15px }
.pv-md { padding-top: 15px; padding-bottom: 15px }
.p-lg { padding: 25px }

.m-none { margin: 0 !important }
.m-sm { margin: 10px }
.mt-sm { margin-top: 10px }
.mb-sm { margin-bottom: 10px }
.m-lg { margin: 20px }
.mt-lg { margin-top: 20px }
.mb-lg { margin-bottom: 20px }

.color--black {
	color: black;
}
.color--highlight {
	color: var(--color-pink);
}