body, html {
  height: 100%;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.display-1,
.display-4,
.navbar-brand {
	font-style: normal;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
	hyphens: auto;
	font-family: 'Tangerine', cursive;
}



.parallax {
  height: 80%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.parallax p {
	text-shadow: 0 0 10px #000, 0 0 40px #000;
}



ul.wedding-timeline {
	list-style-type: none;
	position: relative;
}

ul.wedding-timeline:before {
	content: ' ';
	background: linear-gradient(to bottom, #8E2DE2 0%, #4A00E0 90%, rgba(0, 0, 0, 0) 100%);
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 2px;
	height: 100%;
	z-index: 400;
}

ul.wedding-timeline > li {
	margin: 20px 0;
	padding-left: 20px;
}

ul.wedding-timeline > li:before {
	content: ' ';
	background: linear-gradient(to right, #4A00E0, #8E2DE2);
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 5px solid #fff;
	left: 15px;
	width: 30px;
	height: 30px;
	z-index: 400;
	margin-top: 5px;
}

ul.wedding-timeline > li:first-of-type:before {
	margin-top: 0;
}







/* Follows the Bootstrap .sr-only class */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* ================= */
/* Page elements - links, header, breadcrumbs, footer */
/* ================= */

a:link:not(.btn),
a:visited:not(.btn) {
	color: #004F99;
}

p {
	line-height: 1.8rem;
}

p.lead {
	font-weight: 600;
}

p.lead-thin {
	font-weight: 300;
}

legend {
	font-size: 1rem;
}

.jumbotron {
	background-color: #004F99;
	color: #fff;
	border-radius: 0;
}

.more-letter-space {
	letter-spacing: 1px;
}

/* Maybe when some ancient browsers bite the dust ... */

/* .home-page-header {
	position: relative;
	overflow: hidden;

}

.home-page-header::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url(http://wp-practice.ddev.site/wp-content/uploads/2022/01/eastcalder-20.jpg);
	filter: grayscale(100%);
	background-size: cover;
	background-position: center;
	mix-blend-mode: multiply;
	filter: blur( 20px );
} */

.breadcrumb {
	font-size: 1rem;
	line-height: 1rem;
	padding: 0;
	border-radius: 0px;
	background: none;
	border: none;
}

.breadcrumb-item.active {
	color: #fff;
}

.breadcrumb a:link,
.breadcrumb a:visited {
	color: #d4eaff;
	transition: all 0.3s;
}

.breadcrumb a:hover {
	color: #fff;
	transition: all 0.3s;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #a1d1ff;
}

.footer-header {
	background-color: #EDEDED;
}

footer {
	border-top: 4px solid #004F99;
	background-color: #F0F0F0;
}

footer .social-media-links li {
	display: inline-block;
	margin-right: .75rem;
	font-size: 2.75rem;
}

.display-5 {
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.2;
}

/* ================= */
/* Cards */
/* ================= */

.card {
	border-radius: 0;
}

.account-cards .card {
	border-radius: 4px;
}

.mp-card {
	border-left: 8px solid #004F99;
	text-decoration-thickness: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.home-promo-box .card {
	transition: all 0.3s;
	border-radius: 4px;
}

.home-promo-box .description {
	line-height: 1.3rem;
}

.home-promo-box .card:hover {
	background-color: #e5eef6;
	transition: all 0.3s;
}

.border-white {
	border: 2px solid #fff;
}

.accordion .card:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.accordion .card:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


/* ================= */
/* Navigation / navbars */
/* ================= */

.navbar .nav-item {
	font-size: 1.2rem;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-site-title {
	color: #d4eaff;
}

.nav-link {
	font-size: 1.2rem;
}

.nav-link:link,
.nav-link:visited {
	color: #000;
	transition: color 0.3s;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
}

.nav-menu-items .nav-link:active {
	position: relative;
	top: 1px;
	transition: color 0.3s;
}

.nav-menu-items .nav-link.nav-label:hover {
	color: #000;
}

.nav-menu-items .nav-link:after,
.navbar-site-title:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	transition: opacity .9s, width 0s;
	transition-delay: 0s, .9s;
	opacity: 0;
}

.nav-menu-items .nav-link:hover::after,
.navbar-site-title:hover::after,
.navbar-nav .active>.nav-link::after,
body.single-post .navbar-nav .current_page_parent .nav-link::after,
body.archive .navbar-nav .current_page_parent .nav-link::after,
.navbar-light .current-page-ancestor .nav-link::after {
	width: 100%;
	opacity: 1;
	transition: opacity .5s, width .5s;
}

#menu-primary li:first-child a {
	padding-left: 0;
}

.navbar-site-title {
	font-size: 1.4rem;
	color: #d4eaff !important;
	display: inline-block;
}

.navbar-site-title:hover {
	color: #fff !important;
	text-decoration: none;
}

.navbar-nav .active>.nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .show>.nav-link,
body.single-post .navbar-nav .current_page_parent .nav-link,
body.archive .navbar-nav .current_page_parent .nav-link,
.navbar-nav .current-page-ancestor .nav-link {
	color: #fff;
}

.navbar-toggler.collapsed .menu-close-icon {
	display: none;
}

.navbar-toggler.collapsed .menu-open-icon {
	display: inline-block;
}

.navbar-toggler .menu-open-icon {
	display: none;
}

.navbar-toggler {
	background-color: #fff;
	color: #0057A8 !important;
	font-weight: bold;
	font-size: .9rem;
	transition: all .3s;
}

.navbar-toggler.collapsed {
	color: #0057A8;
	border-color: #fff;
	font-weight: bold;
	font-size: .9rem;
	transition: all .3s;
}

.nav-page-letter a.page-link {
	border-radius: 4px;
}



/* ================= */
/* Drop-down menus */
/* ================= */

.dropdown-menu {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .2), 0 20px 50px rgba(0, 0, 0, .3);
	border: 0px;
	border-radius: 4px;
}

.dropdown-item {
	transition: all 0.3s;
}

.dropdown-item:hover {
	background-color: rgba(0, 87, 168, 0.1);
	transition: all 0.3s;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: rgba(0, 87, 168, 0.2);
	transition: all 0.3s;
}



/* ================= */
/* Buttons */
/* ================= */

.btn {
	border-radius: 4px;
	font-weight: bold;
}

.btn.disabled, .btn:disabled {
	opacity: .8;
	cursor: not-allowed;
}

.btn-link {
	color: #004F99;
}

.btn-link.btn-header-nav {
	color: #d4eaff;
}

.btn-link.btn-header-nav:hover {
	color: #fff;
	text-decoration: none;
}

.btn-book .lead {
	font-size: 1.5rem;
}

.btn.disabled.btn-book, .btn.btn-book:disabled {
	opacity: 1;
}

.btn.btn-primary {
	background-color: #004F99;
	border-color: #004F99;
	box-shadow: 0px 7px 20px rgba(0, 79, 153,0.3);
}

.btn.btn-outline-primary {
	border-color: #004F99;
	color: #004F99;
}

.btn.btn-primary:hover,
.btn.btn-outline-primary:hover {
	background-color: #003D75;
	border-color: #003D75;
	color: #fff;
}

.btn.btn-danger {
	background-color: #A30000;
	border-color: #A30000;
	box-shadow: 0px 7px 20px rgba(80, 0, 0, 0.25);
}

.btn.btn-danger:hover {
	background-color: #8A0000;
	border-color: #8A0000;
}

.btn.btn-warning {
	background-color: #ffc107;
	border-color: #ffc107;
	box-shadow: 0px 7px 20px rgba(255, 193, 7, 0.35)
}

.btn.btn-warning:hover {
	background-color: #eeb200;
	border-color: #eeb200;
}

.btn.btn-success {
	background-color: #006128;
	border-color: #006128;
	box-shadow: 0px 7px 20px rgba(33, 120, 41, 0.3);
}

.btn.btn-success:hover {
	background-color: #004D24;
	border-color: #004D24;
}

.btn.btn-secondary {
	background-color: #51585D;
	border-color: #51585D;
	box-shadow: 0px 7px 20px rgba(81, 88, 93, 0.35);
}

.btn.btn-secondary:hover {
	background-color: #454A4F;
	border-color: #454A4F;
}

.btn.btn-dark {
	box-shadow: 0px 7px 20px rgba(81, 88, 93, 0.4);
}

.btn.btn-light {
	box-shadow: 0px 7px 20px rgba(81, 88, 93, 0.2);
}

.btn-toggler {
	cursor: pointer;
}

.btn.delete-button:hover {
	background-color: rgba(255, 0, 0, 0.1);
	text-decoration: none;
}

.btn.undo-last-delete:hover {
	background-color: rgba(0, 61, 117, 0.1);
	text-decoration: none;
}


/* ================= */
/* Form controls */
/* ================= */

input[type=text].form-control,
input[type=search].form-control,
input[type=password].form-control,
input[type=email].form-control,
input[type=tel].form-control,
textarea.form-control,
.input-group:not(.has-validation)>.form-control:not(:last-child) {
	border-radius: 4px;
	background-color: #f3f3f3;
	border: 2px solid #999;
}

input[type=text].form-control:focus,
input[type=search].form-control:focus,
input[type=password].form-control:focus,
input[type=email].form-control:focus,
input[type=tel].form-control:focus,
textarea.form-control:focus {
	border-color: #004F99;
	background-color: #fcfcfc;
	box-shadow: none;
	outline: 4px solid #ffe92a;
	outline-offset: 0;
}

.select,
.widget.widget-area select {
	display: block;
	font-size: 1rem;
	color: #444;
	line-height: 1.3;
	padding: 6px 4px 7px 11px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f3f3f3;
	border: 2px solid #999;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23222222%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select::-ms-expand,
.widget.widget-area select::-ms-expand {
	display: none;
}
.select:focus,
.widget.widget-area select:focus {
	border-color: #004F99;
	box-shadow: none;
	outline: none;
}
.select option,
.widget.widget-area select option {
	font-weight:normal;
}

.widget.widget-area select {
	width: 100%;
	margin-bottom: 1rem;
}

.widget.widget-area label {
	width: 100%;
	margin-bottom: .1rem;
}

.custom-file-label {
	background-color: #f3f3f3;
	border: 2px solid #999;
	border-radius: 4px;
}

.input-group input[type=text].form-control {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.custom-file-label::after {
	color: #fff;
	background-color: #004F99;
	border-left: inherit;
	border-radius: 0;
	border-bottom: 2px solid #999;
	border-radius: 4px;
}

.custom-file-input:lang(en)~.custom-file-label::after {
	content: "Select";
}

.custom-file-input:lang(pl)~.custom-file-label::after {
	content: "Wybierać";
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: checkbox;
	box-sizing: border-box;
}

input:matches([type="radio"], [type="checkbox"]) {
	margin-top: 3px;
	margin-right: 2px;
}

.navbar .input-group:not(.has-validation)>.form-control.nav-search-box:not(:last-child) {
	border: 2px solid #f3f3f3;
}

.mp-checkbox-item,
.mp-radio-item {
	line-height: 1.25;
	position: relative;
	min-height: 40px;
	margin-bottom: 10px;
	padding-left: 40px;
	clear: left;
}

.mp-checkbox-control,
.mp-radio-control {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -2px;
	left: -2px;
	width: 44px;
	height: 44px;
	margin: 0;
	opacity: 0;
}

.mp-checkbox-label,
.mp-radio-label {
	display: inline-block;
	margin-bottom: 0;
	padding: 9px 0 0 15px;
	cursor: pointer;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.mp-checkbox-label::before,
.mp-radio-label::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border: 2px solid #999;
	background: #f3f3f3;
}

.mp-checkbox-label::before {
	border-radius: 4px;
}

.mp-radio-label::before {
	border-radius: 50%;
}

.mp-checkbox-label::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 20px;
	width: 0px;
	height: 11px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border: solid;
	border-width: 0 0 5px 5px;
	border-top-color: transparent;
	opacity: 0;
	transition: all .2s;
	background: transparent;
}

.mp-radio-label::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 0;
	height: 0;
	border: 10px solid #333;
	border-radius: 50%;
	opacity: 0;
	background: #fff;
	transition: opacity .2s;
}

.mp-checkbox-control:checked + .mp-checkbox-label::after,
.mp-radio-control:checked + .mp-radio-label::after {
	transition: all .2s;
	opacity: 1;
}

.mp-checkbox-control:checked + .mp-checkbox-label::after {
	width: 21px;
	left: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ================= */
/* Form control errors */
/* ================= */

input[type=text].form-control.has-error,
input[type=search].form-control.has-error,
input[type=password].form-control.has-error,
input[type=email].form-control.has-error,
input[type=tel].form-control.has-error,
textarea.form-control.has-error,
select.has-error  {
	border-color: #A30000;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23A30000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23A30000' stroke='none'/%3e%3c/svg%3e");
	padding-right: calc(1.5em + .75rem);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-group.has-error .mp-checkbox-label::before,
.form-group.has-error .mp-radio-label::before {
	border: 2px solid #A30000;
}

.form-group.has-error {
	border: 2px solid #A30000;
	padding: .5rem 1rem;
	background-color: #fff1f1;
	border-radius: 4px;
	box-shadow: 0px 7px 20px rgba(80, 0, 0, 0.25);
}

.form-group.row.has-error {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
}



/* ================= */
/* Checklists */
/* ================= */

.mp-checklist {
	margin-top: 2rem;
	background-color: rgba(0,0,0,.03);
	padding: 0 1rem 1rem 1rem;
	margin-bottom: 1rem;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.125);
}

.mp-checklist .mp-checklist-title {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	background-color: #004F99;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	position: relative;
	top: -.95rem;
	box-shadow: 0px 7px 20px rgba(0, 79, 153,0.3);
}

.mp-checklist .mp-checklist-title.mp-checklist-title-danger {
	background-color: #A30000;
	box-shadow: 0px 7px 20px rgba(80, 0, 0, 0.25);
}

.mp-checklist .mp-checklist-title.mp-checklist-title-warning {
	background-color: #ffc107;
	color: #000;
	box-shadow: 0px 7px 20px rgba(255, 193, 7, 0.35);
}

.mp-checklist .mp-checklist-title.mp-checklist-title-success {
	background-color: #006128;
	box-shadow: 3px 3px 12px 3px rgba(0, 147, 53, 0.2);
}

.mp-checklist .mp-checklist-list .svg-inline--fa {
	margin-right: .5rem;
}



/* ================= */
/* Alerts and banners */
/* ================= */

.alert {
	border-radius: 4px;
	border: 0;
}

.alert.alert-info {
	border: 6px solid #004F99;
	background-color: #fff;
	color: #212529;
	box-shadow: 0px 7px 20px rgba(0, 79, 153,0.3);
}

.banner.banner-info {
	background-color: #004F99;
	color: #fff;
}

.alert.alert-success {
	border: 6px solid #006128;
	background-color: #fff;
	color: #212529;
	box-shadow: 0px 7px 20px rgba(33, 120, 41, 0.3);
}

.banner.banner-success {
	background-color: #006128;
	color: #fff;
}

.alert.alert-warning {
	border: 6px solid #ffc107;
	background-color: #fff;
	color: #212529;
	box-shadow: 0px 7px 20px rgba(255, 193, 7, 0.3)
}

.banner.banner-warning {
	background-color: #ffe047;
	color: #000;
}

.alert.alert-danger {
	border: 6px solid #A30000;
	background-color: #fff;
	color: #212529;
	box-shadow: 0px 7px 20px rgba(80, 0, 0, 0.25);
}

.banner.banner-danger {
	background-color: #A30000;
	color: #fff;
}

.alert.alert-secondary,
.banner.banner-secondary {
	border-color: #9fb7cb;
	background-color: #f7f7f7;
}

.alert-secondary .text-success {
	color: #155624!important;
	word-break: break-all;
}

.useful-tip {
	border-left: 6px solid #004F99;
	padding: .5rem 1rem;
}

.alert .pushpin-container {
	position: absolute;
	right: -38px;
	top: -8px;
	width: 100px;
	height: 40px;
	transform: rotate(45deg);
}

.alert .pushpin-container .pushpin-item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -20%);
}

.alert .pushpin-container noscript {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -20%);
}

ul.published-list li {
	line-height: 1.2rem;
}


/* ================= */
/* Image helpers */
/* ================= */

.profile-photo {
	border-radius: 100%;
	width: 100%;
}

img.mp-photo-border {
	border: 6px solid #004F99;
	box-shadow: 0px 7px 20px rgba(0, 79, 153,0.3);
	border-radius: 4px;
}



/* ================= */
/* Collapsable panels */
/* ================= */

.btn-mp-collapse.collapsed .icon-collapse {
	display: none;
	visibility: hidden;
}

.btn-mp-collapse:not(.collapsed) .icon-expand {
	display: none;
	visibility: hidden;
}


/* ================= */
/* DEPRACATED COVID-19 page styles */
/* ================= */

.protection-level {
	border: 6px solid #000;
	text-align: center;
	padding: .5rem;
	font-size: 2rem;
}

.protection-level.level-beyond-zero-wtf {
	border-color: #004761;
}

.protection-level.level-0 {
	border-color: #006128;
}

.protection-level.level-1 {
	border-color: rgba(135, 129, 0, 1);
}

.protection-level.level-2 {
	border-color: rgba(255, 151, 0, 1);
}

.protection-level.level-3 {
	border-color: rgba(197, 64, 0, 1);
}

.protection-level.level-4 {
	border-color: #A30000;
}



/* ================= */
/* Pagination / pagers */
/* ================= */

.pagination .page-numbers {
	position: relative;
	float: left;
	padding: 8px 14px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #346dbf;
	text-decoration: none;
	border: 1px solid #ddd;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pagination a.page-numbers:hover {
	z-index: 2;
	color: #244b83;
	background-color: #eee;
	border-color: #ddd;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pagination .page-numbers.page-head-hero {
	color: #fff;
}

.pagination .page-numbers.current {
	background-color: #004F99;
	color: #fff;
}

#left_sticky_menu {
	position: sticky;
	top: 1.5rem!important;
}

.left_sticky_menu.nav-pills .nav-link {
	border-radius: 0;
	transition: none;
	color: #212529;
	font-size: 1rem;
	padding: .25rem 0;
}

.left_sticky_menu.nav-pills .nav-link:last-child {
	border-bottom: 0;
}

.left_sticky_menu.nav-pills .nav-link.active {
	background-color: rgba(0, 87, 168, 0.1);
	border-left: 6px solid #004F99;
	padding: .25rem .5rem;
	color: #212529;
	transition: background-color .3s;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.left_sticky_menu.nav-pills .nav-link:not(.active):hover {
	background-color: rgba(0, 87, 168, 0.1);
	border-left-color: #004F99;
	transition: background-color .3s;
	border-radius: 4px;
	padding: .25rem .5rem;
}


/* ================= */
/* Modals */
/* ================= */

.modal .modal-content {
	border-radius: 4px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .2), 0 20px 50px rgba(0, 0, 0, .3);
}

.modal .modal-header {
	border-radius: 0;
}

.modal.modal-info .modal-header {
	border-bottom: 4px solid #004F99;
	background-color: #004F99;
	color: #fff;
}

.modal.modal-info .modal-footer {
	background-color: rgba(0, 79, 153, 0.1);
	border-top: 4px solid #004F99;
}

.modal.modal-error .modal-header,
.error-heading-pattern {
	border-bottom: 4px solid #a30000;
	background-color: #410000;
	background: repeating-linear-gradient( -55deg, #700000, #700000 10px, #570000 10px, #570000 20px );
	color: #fff;
}

.modal.modal-warning .modal-header,
.warning-heading-pattern {
	border-bottom: 4px solid #a30000;
	background-color: #ffe047;
	background: repeating-linear-gradient( -55deg, #facf00, #facf00 10px, #ae9000 10px, #ae9000 20px );
	color: #fff;
}

.primary-heading-pattern {
	background-color: #004F99;
	background: repeating-linear-gradient( -55deg, #004F99, #004F99 10px, #003568 10px, #004F99 20px );
	color: #fff;
}

.modal.modal-error .modal-footer {
	background-color: rgba(163, 0, 0, 0.1);
	border-top: 4px solid #a30000;
}

.modal.modal-error .close,
.modal.modal-info .close {
	color: #fff;
	opacity: 1;
}

.modal-dialog-slideout {
	min-height: 100%;
	margin: 0 auto 0 0;
	background: #fff;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .2), 0 20px 50px rgba(0, 0, 0, .3);
}

.modal.fade .modal-dialog.modal-dialog-slideout {
	transform: translate(-100%,0);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
	transform: translate(0,0);
	flex-flow: column;
}
.modal-dialog-slideout .modal-content{
	border: 0;
}



/* ================= */
/* Spinners */
/* ================= */

.spinner:before {
	content: '';
	box-sizing: border-box;
	display: table-cell;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid rgba(92, 184, 92, 0.5);
	border-top-color: #5cb85c;
	animation: spinner .6s linear infinite;
}

.spinner {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.spinner-container {
	padding: 15px;
	display: inline-block;
}

.spinner-text {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}



/* ================= */
/* Map styles */
/* ================= */

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	-webkit-backdrop-filter: saturate( 200% ) blur( 18px ) !important;
	backdrop-filter: saturate( 200% ) blur( 18px ) !important;
	background-color: hsla( 0,0%,100%,.72 ) !important;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .2) !important;
	min-width: 200px;
}

.leaflet-popup-content-wrapper {
	border-radius: 4px !important;
}

.leaflet-container a.leaflet-popup-close-button {
	color: #333 !important;
}



/* ================= */
/* Animations */
/* ================= */

@keyframes spinner {
	to {transform: rotate(360deg);}
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
  }  20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
  }
}



/* ================= */
/* Responsive overrides */
/* ================= */

@media (max-width: 576px) {
	.navbar-site-title,
	.navbar-brand {
		font-size: 1rem;
	}

	.modal-dialog.modal-dialog-slideout {
		width: 90%
	}

	.display-1 {
		font-size: 3rem;
	}

	h1, .h1 {
		font-size: 1.8rem;
	}

	h2, .h2 {
		font-size: 1.45rem;
	}

	h3, .h3 {
		font-size: 1.3rem;
	}

	.home-promo-box .fa-3x {
		font-size: 2em;
	}

	.home-promo-box .lead {
		font-size: 1.15rem;
		line-height: 1.7rem;
	}

	.home-promo-box .description,
	.home-promo-box-small .description {
		font-size: .9rem;
		line-height: 1.4rem;
	}

	.home-promo-box .col-9 {
		padding-left: 0;
	}

	.navbar ul.navbar-nav .nav-link {
		font-size: 1rem;
		padding-top: .25rem;
		padding-bottom: .25rem;
	}

	.country-list .country {
		width: 100%;
		padding: 0.3rem 0.3rem 0.3rem 0;
	}
}

/* ================= */
/* Reduced motion */
/* Hat tip Nick/cssremedy (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170) */
/* ================= */

@media screen and (prefers-reduced-motion: reduce), (update: slow) {
	* {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}



/* ================= */
/* Utilities / utility classes */
/* ================= */

.bg-success {
	background-color: #006128 !important;
}

.bg-danger {
	background-color: #A30000 !important;
}

.bg-warning {
	background-color: #ffc107 !important;
}

.bg-info,
.bg-blue {
	background-color: #004F99 !important;
}

.bg-blue-darker {
	background-color: #003b72 !important;
}

.bg-muted {
	background-color: #F0F0F0 !important;
}

.text-mp,
.text-info,
.text-primary {
	color: #004F99!important;
}

.text-danger {
	color: #A30000 !important;
}

.text-warning {
	color: #212529 !important;
}

.text-success {
	color: #006128 !important;
}

.mp-checklist-title svg,
.btn svg,
.icon-fade {
	opacity: .8;
}

.badge-mp {
	background-color: #004F99;
	padding: .5em .7em;
	color: #fff;
}

.presentation-line {
	display: block;
	width: 100px;
	height: 4px;
	margin-bottom: 1.25rem;
}

.white-line {
	background-color: #fff;
}

.blue-line {
	background-color: #004F99;
}