@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap');
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/_site_layouts/custom_layouts/montgomery2026/Charm-Regular.woff2") format('woff2');
}
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/_site_layouts/custom_layouts/montgomery2026/Charm-Bold.woff2") format('woff2');
}
body {
	background-color: #faf8f4;
	font-family: 'Lato', sans-serif;
	font-size: 17px;
}

#page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#page > .content {
	flex: 1;
}

.field_d>* {
	padding: 10px;
}
.field_d input[type="text"] {
	padding: 5px;
}

#footer_copyright_no_background {
	padding-bottom: 1em;
	background-color:  #d8d8d8;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -15px;
	margin-right: -15px;
}

.container {
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

h1.page-title:after {
	font-family: "Lucida Calligraphy", "Apple Chancery", "Charm", "Lugrasimo", cursive;
	content: '❊ ❊ ❊';
	font-size: 22.8px;
	margin: 0 auto;
}
h1, h2, h3, h4 {
	font-family: "Lucida Calligraphy", "Apple Chancery", "Charm", "Lugrasimo", cursive;
	color: #403060;
}
h2 {
	font-size: 20px;
}
h1.page-title:after,
h1.page-title:before {
	display: block !important;
}
a {
	color: #664999;
}
a:hover {
	color: #E4D45B;
	text-decoration: none;
}
.btn.btn-default {
	display: inline-block;
	padding: 8px 20px;
	background-color: #403060;
	color: #faf8f4;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border: 1px solid #08245b;
	transition: all 0.2s ease;
	cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.btn.btn-default:hover {
	background-color: #08245b
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media screen and (min-width: 768px) {

}

@media (max-width: 767px) {
	div.container.footer {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}

@media (max-device-width: 480px) and (orientation: landscape) {

}

@media all and (transform-3d), (-webkit-transform-3d) {

}

@media print {

}