/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/* Customized CSS starts here */
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/

/*===============================================================================================================================================*/
/* Vars */
/*===============================================================================================================================================*/
/*
	red			 		Crimson	
	coral				Coral
	coral-highlight		LightCoral
	
	dark brown			SaddleBrown
	brown				Sienna
	tan					Tan
	linen				Linen
	
	green				YellowGreen
	green-highlight		LightGreen
	pale green			Honeydew
*/
:root
{	
/* Colors */
	--red-color: #C40C24;
	--coral-color: #F77;
	--coral-highlight-color: #F99;
	
	--dark-brown-color: #4C3014;
	--dark-brown-highlight-color: #6C5034;
	--brown-color: #785400;
	--brown-highlight-color: #987420;
	--tan-color: #C8B098;
	--linen-color: #F4F0EA;

	--green-color: #709838;
	--green-highlight-color: #90B858;
	--pale-green-color: #E4ECD8;
	
/* Fonts */
	--cursive-font: "Yellowtail", cursive;
}

/*===============================================================================================================================================*/
.black-bg
{	background-color: Black;
	background-color: var(--text-color);
}
.black-text
{	color: Black;
	color: var(--text-color);
}

.white-bg
{	background-color: White;
}
.white-text
{	color: White;
}

.red-text
{	color: Crimson;
	color: var(--red-color);
}

.green-bg
{	background-color: YellowGreen;
	background-color: var(--green-color);
}
.linen-bg
{	background-color: Linen;
	background-color: var(--linen-color);
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
#document-wrap
{	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.content-wrap
{	padding-left: 10px;
	padding-right: 10px;
}
.content-wrap.pad
{	padding-top: 50px;
	padding-bottom: 50px;
}
.content-wrap:last-child
{	padding-bottom: 100px;
}

.content-wrap .content
{	max-width: 1000px;
	margin: 0 auto;
}

.content-wrap .content:not(:last-child)
{	margin-bottom: 50px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.content-wrap.pad
	{	padding-top: 30px;
		padding-bottom: 30px;
	}
	.content-wrap:last-child
	{	padding-bottom: 65px;
	}
	.content-wrap .content:not(:last-child)
	{	margin-bottom: 30px;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.anchor-offset::before
{	display: block; 
	content: ""; 
	padding-top: 190px;
	margin-top: -190px;
	visibility: hidden; 
	pointer-events: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.anchor-offset::before
	{	padding-top: 100px;
		margin-top: -100px;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
header
{	width: 100%;
	margin: 0;
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	align-self: flex-start;
}

header .wrap
{	position: relative;
}

header .layout
{	max-width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* ----------------------------------------------------------------------------------- */
header .top
{	background-color: SaddleBrown;
	background-color: var(--dark-brown-color);
	color: White;
	font-size: 0.875em;
	padding: 3px 10px;
}

header .top .layout
{	display: flex;
	justify-content: space-between;
	padding-left: 100px;
}

header .top h1
{	flex: 1 1 0;
}

header .top nav
{	display: flex;
}

header .top nav > :not(:last-child)
{	margin-right: 1em;
}

header .top nav a
{	display: inline-block;
	vertical-align: top;
}

header .top nav a::before
{	background: url("../img/common/bullet-decal.svg") center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	width: 0.85em;
	height: 0.85em;
	margin: 0 0.3em 0 0;
	display: inline-block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	header .top .layout
	{	display: block;
		padding-left: 0;
	}
	header .top h1
	{	text-align: center;
	}
	header .top nav
	{	display: none;
	}
}


/* ----------------------------------------------------------------------------------- */
header .logo-area
{	background: url("../img/common/bg-flower-orange.png") repeat center center White;
	color: White;
	padding: 3px 10px;
	position: relative;
}

header .logo-area .layout
{	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 20px;
}

/* -- */
header .logo-area .minor-logo
{	margin: -15px 10px -15px 0;
	width: 95px;
}

/* -- */
header .logo-area .layout2
{	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 1 0;
}

/* */
header .logo-area .main-logo
{	flex: 1 1 0;
}

header .logo-area .main-logo a
{	display: inline-block;
	vertical-align: top;
}
header .logo-area .main-logo a:hover
{	opacity: 0.8;
}

/* */
header .logo-area .reserve
{	width: 250px;
}

header .logo-area .reserve a
{	padding-top: 8px;
	padding-bottom: 8px;
}

/* */
header .logo-area .smt-control
{	background-color: YellowGreen;
	background-color: var(--green-color);
	display: none;
	padding: 10px 15px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	color: White;
	font-family: sans-serif;
	font-family: var(--eng-sans-serif-fonts);
}
header .logo-area .smt-control u
{	background-color: White;
	border-radius: 10px;
	height: 4px;
	display: block;
}
header .logo-area .smt-control u:not(:last-child)
{	margin-bottom: 6px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	header .logo-area
	{	padding: 10px 80px;
	}
	header .logo-area .layout
	{	display: block;
		padding-bottom: 0;
		align-items: center;
	}
	header .logo-area .minor-logo
	{	margin: 0;
		width: 60px;
		position: absolute;
		left: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	header .logo-area .layout2
	{	display: block;
	}
	header .logo-area .main-logo
	{	text-align: center;
	}
	header .logo-area .reserve
	{	display: none;
	}
	header .logo-area .smt-control
	{	display: block;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	header .logo-area
	{	padding: 10px 70px 10px 65px;
	}
	
	header .logo-area .minor-logo
	{	width: 50px;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 439px)
{	header .logo-area
	{	padding: 10px 70px 10px 10px;
	}
	
	header .logo-area .minor-logo
	{	display: none;
	}
}

/* ----------------------------------------------------------------------------------- */
header .link-area
{	background-color: White;
	color: SaddleBrown;
	color: var(--dark-brown-color);
	border-bottom: 1px solid #CCC;
}

header .link-area nav
{	display: flex;
	justify-content: center;
	text-align: center;
}

header .link-area nav > *
{	border-style: dashed;
	border-width: 0;
	border-right-width: 1px;
}

header .link-area nav > :first-child
{	border-left-width: 1px;
}

header .link-area nav a
{	display: block;
	padding: 10px 1em;
	font-size: 0.95em;
}

header .link-area nav a:hover
{	background-color: Honeydew;
	background-color: var(--pale-green-color);
}

header .link-area nav a > *
{	display: block;
}

header .link-area nav a em
{	font-family: serif;
	font-family: var(--eng-serif-fonts, serif);
	color: YellowGreen;
	color: var(--green-color);
	font-size: 0.85em;
	line-height: 1.4em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	header .link-area
	{	position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		display: none;
	}
	header.active .link-area
	{	display: block;
	}
	
	header .link-area nav
	{	display: block;
	}
	header .link-area nav > *
	{	border-style: solid;
		border-width: 0;
	}
	header .link-area nav > :not(:last-child)
	{	border-bottom-width: 1px;
	}
	header .link-area nav > :first-child
	{	border-left-width: 0;
	}
}

@media screen and (min-width: 1000px)
{
	header {
		position: fixed;
		transition: transform 0.3s
	}

	header.is-scroll {
    	transform: translateY(-27px);
	}

	header .logo-area {
		transition: padding 0.3s
	}

	header.is-scroll .logo-area {
    	padding: 0px 10px;
	}

	header .logo-area .minor-logo {
		transition: width 0.3s ,margin 0.3s;
	}

	header.is-scroll .logo-area .minor-logo {
		width: 45px;
		margin: -15px 5px -3px 0;
	}

	header .logo-area .layout{
		transition: padding 0.3s
	}

	header.is-scroll .logo-area .layout{
    	padding: 5px 0;
	}

	header .link-area nav a {
		transition: padding 0.3s
	}

	header.is-scroll .link-area nav a {
    	padding: 5px 1em;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
main
{	position: relative;
	z-index: 0;
	padding-top: 30px;
	flex: 1 1 0;
}

@media screen and (min-width: 1000px)
{
	main
	{
		padding-top: 220px;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
#main-img
{	display: block;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}
#main-img:not(:last-child)
{	margin-bottom: 20px;
}

#main-img img
{	width: 100%;
}

#main-img .main-title
{	background-color: Honeydew;
	background-color: var(--pale-green-color);
	color: Black;
	color: var(--text-color);
	font-family: serif;
	font-family: var(--serif-fonts);
	padding: 5px 10px;
	display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	#main-img .main-title
	{	display: block;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
#breadcrumb-wrap
{	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

#breadcrumb-wrap:not(:last-child)
{	margin-bottom: 50px;
}

.breadcrumb a
{	color: YellowGreen;
	color: var(--green-color);
}
.breadcrumb a:hover
{	color: PaleGreen;
	color: var(--green-highlight-color);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	#breadcrumb-wrap
	{	display: none;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.midasi1
{	font-family: serif;
	font-family: var(--serif-fonts);
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}

.midasi1:not(:last-child)
{	margin-bottom: 20px;
}

.midasi1 em
{	display: block;
	font-family: cursive;
	font-family: var(--cursive-font);
	font-size: 2.5em;
	line-height: 1.4em;
	font-weight: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi1 em
	{	font-size: 2.25em;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	.midasi1 em
	{	font-size: 1.05em;
	}
	.midasi1 em
	{	font-size: 2em;
	}
}

/*===============================================================================================================================================*/
.midasi2
{	font-family: serif;
	font-family: var(--serif-fonts);
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: center;
	font-weight: bold;
}

.midasi2:not(:last-child)
{	margin-bottom: 30px;
}

.midasi2::after
{	content: "";
	width: 2.5em;
	display: block;
	margin: 3px auto 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: Sienna;
	border-bottom-color: var(--brown-color);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi2
	{	font-size: 1.4em;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	.midasi2
	{	font-size: 1.25em;
	}
}

/*===============================================================================================================================================*/
.midasi3
{	color: SaddleBrown;
	color: var(--dark-brown-color);
	font-family: serif;
	font-family: var(--serif-fonts);
	font-size: 1.55em;
	line-height: 1.4em;
	text-align: center;
	font-weight: bold;
}

.midasi3:not(:last-child)
{	margin-bottom: 30px;
}

.midasi3::after
{	background: url("../img/common/midasi-decal.svg") top center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	width: 7em;
	padding-top: 1.5em;
	display: block;
	margin: 10px auto 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi3
	{	font-size: 1.4em;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	.midasi3
	{	font-size: 1.25em;
	}
}

/*===============================================================================================================================================*/
.midasi4
{	color: Sienna;
	color: var(--brown-color);
	font-family: serif;
	font-family: var(--serif-fonts);
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: left;
	padding-left: 2.25em;
	text-indent: -2.25em;
}

.midasi4:not(:last-child)
{	margin-bottom: 20px;
}

.midasi4::before
{	background: url("../img/common/flower-decal.png") center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	width: 1.75em;
	padding-top: 1.75em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5em 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi4
	{	font-size: 1.5em;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	.midasi4
	{	font-size: 1.3em;
	}
}

/*===============================================================================================================================================*/
.midasi5
{	font-family: serif;
	font-family: var(--serif-fonts);
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: left;
	position: relative;
	padding: 0.775em 0;
	overflow: visible;
	
}

.midasi5:not(:last-child)
{	margin-bottom: 20px;
}

.midasi5 > span
{	background-color: Honeydew;
	background-color: var(--pale-green-color);
	display: block;
	padding: 10px 7em 10px 3.5em;
}

.midasi5::before,
.midasi5::after
{	background-image: url("../img/common/flower-header2-decal-l.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	width: 2.5em;
	padding-top: 3em;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.midasi5::before
{	background-image: url("../img/common/flower-header2-decal-l.png");
	width: 2.8em;
	padding-top: 3.2em;
	left: 0.25em;
}

.midasi5::after
{	background-image: url("../img/common/flower-header2-decal-r.png");
	width: 6.4em;
	padding-top: 4em;
	right: 0.25em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi5
	{	font-size: 1.5em;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 799px)
{	.midasi5
	{	font-size: 1.3em;
	}
	.midasi5::after
	{	content: none;
	}
	.midasi5 > span
	{	padding-right: 10px;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	.midasi5
	{	font-size: 1.3em;
	}
}

/*===============================================================================================================================================*/
.midasi6
{	background-color: SaddleBrown;
	background-color: var(--dark-brown-color);
	padding: 5px 10px;
	color: White;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
}

.midasi6:not(:last-child)
{	margin-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi6
	{	font-size: 1.1em;
	}
}

/*===============================================================================================================================================*/
.midasi7
{	border-bottom: 1px solid;
	padding: 0px 10px 5px;
	color: SaddleBrown;
	color: var(--dark-brown-color);
	font-size: 1.4em;
	line-height: 1.4em;
	font-family: Serif;
	font-family: var(--serif-fonts);
	text-align: center;
}

.midasi7:not(:last-child)
{	margin-bottom: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.midasi7
	{	font-size: 1.2em;
	}
}

/*===============================================================================================================================================*/
.lead
{	font-size: 1.125em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	.lead
	{	font-size: 1.05em;
	}
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.btns
{	font-weight: bold;
}

.btns > .green
{	background-color: YellowGreen;
	background-color: var(--green-color);
	color: White;
}
.btns > a.green:hover,
.btns > button.green:hover
{	background-color: LightGreen;
	background-color: var(--green-highlight-color);
}
.btns > .brown
{	background-color: Sienna;
	background-color: var(--brown-color);
	color: White;
}
.btns > a.brown:hover,
.btns > button.brown:hover
{	background-color: Chocolate;
	background-color: var(--brown-highlight-color);
}
.btns > .tan
{	background-color: Tan;
	background-color: var(--tan-color);
}
.btns > a.tan:hover,
.btns > button.tan:hover
{	background-color: #DCA;
}

.btns > .img-icon.email-icon::before
{	background-image: url("../img/common/email-icon.svg");
}
.btns > .img-icon.calendar-icon::before
{	background-image: url("../img/common/calendar-icon.svg");
}
.btns > .img-icon.camera-icon::before
{	background-image: url("../img/common/camera-icon.svg");
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.tab-selector
{	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}
.tab-selector:not(:last-child)
{	margin-bottom: 20px;
}

.tab-selector > *
{	background-color: White;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: SaddleBrown;
	border-color: var(--dark-brown-color);
	padding: 5px 1em;
	color: SaddleBrown;
	color: var(--dark-brown-color);
	text-align: center;
	font-weight: bold;
	flex: 1 1 0;
}
.tab-selector > :hover
{	background-color: #DDD;
}

.tab-selector > .active
{	background-color: SaddleBrown;
	background-color: var(--dark-brown-color);
	color: White;
}

/* */
.tab-selector.style2 > *
{	background-color: #E4E0DC;
	border-width: 0;
}
.tab-selector.style2 > :hover
{	background-color: #ECE8D4;
}
.tab-selector.style2 > .active
{	background-color: SaddleBrown;
	background-color: var(--dark-brown-color);
	color: White;
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.more-btn
{	display: block;
	width: 100px;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px solid;
	text-align: center;
	font-weight: bold;
	font-family: sans-serif;
	font-family: var(--eng-sans-serif-fonts);
	
}
.more-btn::after
{	content: "";
	border-right: 1px solid;
	bottom: 0;
	right: 0;
	position: absolute;
	-webkit-transform: skewX(45deg);
	-webkit-transform-origin: bottom right;
	transform: skewX(45deg);
	transform-origin: bottom right;
	height: 50%;
}

a.more-btn:hover,
button.more-btn:hover
{	opacity: 0.75;
	cursor: pointer;
}

/*===============================================================================================================================================*/
.phone-num-wrap a
{	color: inherit;
}
.phone-num-wrap a:hover
{	text-decoration: none;
	color: inherit;
}
.phone-num-wrap a:active
{	text-decoration: underline;
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
#page-top-btn-wrap
{	width: 100px;
	height: 60px;
	margin: -60px 0 0 auto;
	
	position: sticky;
	bottom: 0;
	right: 0;
	overflow: visible;
	z-index: 9;
	-webkit-transform: translate(-10px,-10px);
	transform: translate(-10px,-10px);
}

#page-top-btn
{	background-color: SaddleBrown;
	background-color: var(--dark-brown-color);
	display: block;
	height: 100%;
	outline: 1px solid #AAA;
	border: 1px solid;
	padding: 10px 30px;
	box-sizing: border-box;
	color: White;
}

#page-top-btn:hover
{	background-color: Brown;
	background-color: var(--dark-brown-highlight-color);
}

#page-top-btn img
{	width: auto;
	height: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 799px)
{	#page-top-btn-wrap
	{	width: 120px;
		height: 45px;
		margin-top: -45px;
	}
	#page-top-btn
	{	padding: 6px 30px;
	}
}

/*===============================================================================================================================================*/
footer
{	position: relative;
	z-index: 1;
}

#footer-main
{	background-color: SaddleBrown;
	background-color: var(--dark-brown-color);
	padding: 10px;
}

#footer-main .main-wrap
{	color: White;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
#footer-main .main-wrap .main-links
{	display: flex;
	text-align: center;
	justify-content: center;
}

#footer-main .main-wrap .main-links ul
{	display: inline-block;
	display: flex;
	border-style: solid;
	border-width: 0;
}

#footer-main .main-wrap .main-links ul > *
{	display: inline-block;
	border-style: inherit;
	border-color: inherit;
	padding: 0 1em;
}

#footer-main .main-wrap .main-links ul:not(:last-child),
#footer-main .main-wrap .main-links ul > :not(:last-child)
{	border-right-width: 1px;
}

#footer-main .main-wrap .main-links ul a
{	display: block;
	padding: 2px 3px;
	line-height: 1.2em;
}

#footer-main .main-wrap .main-links ul a:hover
{	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	#footer-main .main-wrap .main-links
	{	display: none;
	}
}

/* ----------------------------------------------------------------------------------- */
#footer-main .main-wrap .layout
{	display: flex;
	align-items: center;
}

#footer-main .main-wrap .minor-logo
{	width: 110px;
	padding: 8px;
	float: left;
	margin-right: 10px;
	margin-top: -20px;
}

#footer-main .main-wrap .main-info
{	flex: 1 1 0;
	overflow: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 1199px)
{	#footer-main .main-wrap .minor-logo
	{	width: 90px;
		margin-top: 0;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 599px)
{	#footer-main .main-wrap .minor-logo
	{	width: 60px;
	}
}


/* ----------------------------------------------------------------------------------- */
#footer-main .main-wrap .business-info
{	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
}

#footer-main .main-wrap .business-logo
{	width: 420px;
	max-width: 50%;
}

/* */
#footer-main .main-wrap .business-logo .main-logo 
{	display: block;
	margin-bottom: 20px;
}
#footer-main .main-wrap .business-logo .main-logo  img
{	width: 100%;
}

/* */
#footer-main .main-wrap .business-logo .social
{	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#footer-main .main-wrap .business-logo .social > *
{	width: 32px;
	display: inline-block;
	vertical-align: top;
}

#footer-main .main-wrap .business-logo .social > :not(:last-child)
{	margin-right: 15px;
}

/* ---- */
#footer-main .main-wrap .business-phone
{	max-width: 48%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	filter: drop-shadow(1px 1px 1px #000);
}

#footer-main .main-wrap .business-phone > *
{	display: inline-block;
}

#footer-main .main-wrap .business-phone > :not(:last-child)
{	margin-right: 5px;
}

/* -- */
#footer-main .main-wrap .business-phone .phone strong
{	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 5px;
	
	font-family: serif;
	font-family: var(--eng-serif-fonts);
	font-size: 2.25em;
	line-height: 1.4em;
	font-style: italic;
}

#footer-main .main-wrap .business-phone .phone .svg-holder
{	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	width: 0.95em;
}

#footer-main .main-wrap .business-phone .phone svg
{	fill: currentColor;
	
}

/* -- */
#footer-main .main-wrap .business-phone .hours
{	font-family: serif;
	font-family: var(--serif-fonts);
	font-size: 1.05em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 999px)
{	#footer-main .main-wrap .business-info
	{	display: block;
		width: auto;
	}
	#footer-main .main-wrap .business-logo
	{	width: auto;
		max-width: 320px;
		margin: 0 auto 20px;
	}
	
	#footer-main .main-wrap .business-logo .social
	{	justify-content: center;
		text-align: center;
	}
	#footer-main .main-wrap .business-logo .social > *
	{	width: 40px;
	}
	
	#footer-main .main-wrap .business-phone
	{	max-width: none;
		justify-content: center;
		display: block;
		text-align: center;
	}
	#footer-main .main-wrap .business-phone > *
	{	display: block;
	}

	#footer-main .main-wrap .business-phone > :not(:last-child)
	{	margin-right: 0;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1001px)
{
	#footer-main .main-wrap .business-phone {
		max-width: 50%;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
}
@media screen and (max-width: 599px)
{	#footer-main .main-wrap .business-logo
	{	max-width: 240px;
	}
	#footer-main .main-wrap .business-phone .phone strong
	{	font-size: 1.75em;
	}
}

/*===============================================================================================================================================*/
#copyright-footnote
{	background-color: #60462D;
	color: White;
	padding: 10px;
	font-family: Consolas, monospace;
}

#copyright-footnote p
{	text-align: center;
}

#copyright-footnote p a
{	color: inherit !important;
	display: inline-block;
}

/*===============================================================================================================================================*/
/*===============================================================================================================================================*/
.glow-white
{	filter: drop-shadow(-2px -2px 1px #FFF) drop-shadow( 2px -2px 1px #FFF) 
			drop-shadow(-2px  2px 1px #FFF) drop-shadow( 2px  2px 1px #FFF);
}