/*
 * Custom HTML Parts
 */

/* 
 * Main DOM Styles 
 */

body {
	background: var(--color-neutral);
}

.container {
	width: var(--container-width);
	margin: 0 auto;
}

/* 
 * Header 
 */

header{
	display: flex;
	justify-content: center;
	background-color: var(--color-accent-primary);
	padding: 2rem;
	margin-bottom: 3rem;
}
header .header-inner {
	width: var(--container-width);
}

/* 
 * Main Body 
 */

.top-banner{
}

.wc-body{
	position: relative;
	margin-top: 0px;
	z-index: 999;
}
	.wc-body .wc-top{
		position: relative;
		margin-top: 0px;
		width: var(--container-width);
		height: 0;
	}
	.wc-body .wc-middle{
		position: relative;
		display: flex;
		gap: 2rem;
		justify-content: space-between;
		width: var(--container-width);
	}
	.wc-body .wc-bottom{
		position: relative;
		height: auto;
		width: var(--container-width);
	}
	.wc-body .col-left {
		display: flex;
		position: relative;
		margin: 0;
		float: none;
		left: 0;
		padding: 0;
		padding-bottom: 0;
		width: 100%;
	}
		.col-left .col-left-top{
			margin-top: 0;
			height: 20px;
			display: none;
		}
		.col-left .col-left-mid{
			padding-bottom: 10px;
			margin-bottom: 0;
			width: 100%;
		}
		.col-left .col-left-bot{
			height: 19px;
			display: none;
		}

	.wc-body .col-right{
		background-color: white;
		line-height: 20px;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		float: none;
	}
		.col-right .col-right-top{
			position: relative;
			width: 665px;
			height: 0px;
			z-index: 99;
		}
		.col-right .col-right-mid{
			width: 665px;
			z-index: 99;
		}
		.col-right .col-right-bot{
			height: 0px;
			width: 665px;
		}

/* 
 * Module Styles 
 */

.mod-contact{
	font-family: var(--font-family-contact);
	font-weight: lighter;
	position: absolute;
	font-size: 20px;
	color: #FFF;
	left: 800px;
    width: 160px;
    height: 45px;
	top: -150px;
    text-align: right;
	background-image: url(images/telephone.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px;
}
	.mod-contact .mod-contact-prefix{
		display: none;
	}
	.mod-contact .mod-contact-number{
	}
	.mod-contact div{
		position: relative;
		top: 10px;
	}
	.mod-contact div b{
		font-weight: normal;
	}

.mod-social{
	position: relative;
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	padding: 0 0 0 0;
   	width: var(--container-width);
	margin-bottom: 1rem;
}
	.mod-social a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 35px;
		width: 35px;
		color: var(--color-social-icon);
		border: 2px solid var(--color-social-icon);
		border-radius: 100%;
	}
	.mod-social a:hover{
		border-color: var(--color-social-icon-hover);
		background-color: var(--color-social-icon-hover);
		color: var(--color-social-icon-hover-icon);
	}
	.mod-social img{
		display: none;
	}

.mod-logo{
	position: relative;
	display: none;
}
	.mod-logo .ml-top{
	}
	.mod-logo .ml-mid{
	}
	.mod-logo .ml-bot{
	}
	.mod-logo img{
		width: 240px;
		height: auto;
	}

/*
 * Main Menu Styling
*/

.mod-menu{
	font-family: var(--font-family-menu);
	position: relative;
	margin-top: 0;
	margin-bottom: 40px;
}
	.mod-menu .mm-top{
		background: none;
	}
	.mod-menu .mm-mid{
		background: none;
	}
	.mod-menu .mm-bot{
		background: none;
	}
	.mod-menu .main{
	}
	.mod-menu .main >li{
		position: relative;
		width: 100%;
		height: 45px;
		font-size: 15px;
		margin-bottom: 10px;
		z-index: 999;
	}
	.mod-menu .main li:last-child{
		margin-bottom: 0px;
	}
	.mod-menu .main >li a{
		display: block;
		text-transform: uppercase;
		height: 30px;
		letter-spacing: -1px;
		text-align: center;
		letter-spacing: 0px;
		color: var(--color-accent-primary);
		background-color: #DBD2D0;
		border-bottom: 2px solid var(--color-accent-primary);
		font-weight: 500;
	}
	.mod-menu .main >li a:hover{
		color: white;
		background-color: var(--color-accent-primary);
		font-weight: 600;
	}
	.mod-menu .main >li .hot{
		color: white;
		background-color: var(--color-accent-primary);
		font-weight: 600;
	}
	.mod-menu .main >li a span{
		position: relative;
		top: 7px;
	}

	/*
	 * Sub Menu Styling
	*/
	.mod-menu .sub{
		position: relative;
		width: 100%;
		padding-bottom: 5px;
		margin: 0 0 10px 0;
		background-color: var(--color-accent-primary);
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}
		.mod-menu .sub .sub-top{
			height: 15px;
			width: 100%;
		}
		.mod-menu .sub .sub-mid{
			width: 100%;
		}
		.mod-menu .sub .sub-bot{
			width: 100%;
			height: 15px;
		}
		.mod-menu .sub li{
			margin: 0;
		}
		.mod-menu .sub li a{
			padding: 0;
			margin: 0;
		}
		.mod-menu .sub li a span{
			display: block;
			font-size: 14px;
			font-weight: lighter;
			text-align: center;
			padding: 8px 20px 5px 20px;
			border-bottom: 1px solid #DADADA;
			color: white;
			margin: 0 1px 0 1px;
		}
		.mod-menu .sub li a span:last-child{
			border-bottom: 0px;
		}
		.mod-menu .sub li span:hover{
			color:  #DADADA;
			text-decoration: underline;
		}
		.mod-menu .sub li span.hot{
			color:  #DADADA;
			text-decoration: underline;
		}
		.mod-menu .sub li span >.arrow{
			display: none;
		}

.mod-box{
	font-family: var(--font-family-module-body);
	position: relative;
	border: 0;
	margin-left: 0px;
	margin-bottom: 20px;
	color: var(--color-accent-primary);
	background-color: #DBD2D0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
	.mod-box .mb-top{
		width: 100%;
		height: 50px;
		background-color: var(--color-accent-primary);
	}
	.mod-box .mb-mid{
		position: relative;
		width: 100%;
	}
	.mod-box .mb-bot{
		width: 100%;
		height: 25px;
	}
	.mod-box .title{
		box-sizing: border-box;
		position: absolute;
		top: -45px;
		text-align: center;
		font-size: 16px;
		width: 100%;
		color: white;
		font-family: var(--font-family-module-title);
	}
	.mod-box .title div{
		font-weight: normal;
		text-transform: uppercase;
		position: relative;
	}
	.mod-box .main{
		display: flex;
		justify-content: space-between;
		padding: 20px 20px 0 25px;
		font-weight: normal;
	}

.mod-page{
	position: relative;
	margin-bottom: 15px;
}

footer{
	padding: 3rem 3rem 10rem 3rem;
	background-color: var(--color-accent-primary);
}

.wc-copyright{
	font-family: var(--font-family-copyright);
	padding: 30px 0 30px 0;
	color: #7C7C7A;
	font-size: 13px;
}