/*
 * Cardy & Joepher Wedding custom style
 * Version 1.0.0
 * Author: Joepher Hung;
*/

body {
	background-color: #F5F5F5;
	font-size: 12px;
	font-weight: normal;
}

p,
li,
li a,
label {
	color: #666;
	list-style: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
	outline: 0 !important;
}

a {
	color: #4FBA79;
	text-decoration: none;
}

a:focus {
	color: #4FBA79;
	text-decoration: none;
}
a:hover {
	color: #4FBA79;
	text-decoration: underline;
}

select::-ms-expand {
	display: none;
}

p {
	margin: 0;
}

.container {
	margin-top: 15px;
	text-align: center;
}

.logo {
	background-image: url('../img/CJ_Logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 180px;
	height: 180px;
	margin: 20px auto 15px;
	display: block;
}

.logo h1 {
	display: none;
}

.greatjoy {
	background-image: url('../img/greatjoy.png');
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 80%;
	width: 1560px;
	height: 130px;
	margin: 0 auto;
}

.greatjoy p {	
	display: none;
}

.name {
	background-image: url('../img/name.png');
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 90%;
	width: 380px;
	height: 340px;
	margin: 0 auto;
}

.name p {
	display: none;
}

.wednesday {
	background-image: url('../img/wednesday.png');
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 60%;
	width: 508px;
	height: 40px;
	margin: 5px auto;
}

.wednesday p {
	display: none;
}

.info-container {
	width: 100%;
	height: 90px;
}

.date {
	background-image: url('../img/date.png');
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 18%;
	width: 175px;
	height: 154px;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
}

.date p {
	display: none;
}

.address-container {
	width: 70%;
	border-left: 1px solid #666;
	float: left;
}

.address_1 {
	background-image: url('../img/address_1.png');
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 90%;
	width: 755px;
	height: 25px;
	margin: 10px auto;
}

.address_1 p {
	display: none;
}

.address_2 {
	background-image: url('../img/address_2.png');
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 70%;
	width: 538px;
	height: 28px;
	margin: 8px auto;
}

.address_2 p {
	display: none;
}

.w5p { width: 5%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }

.w50 { width: 50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }

@media (max-width: 767px) {
	.greatjoy {
		height: 70px;
	}
}