@charset "UTF-8";
/* CSS Document */

* {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 300;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFF;
}

header {
	border-top:20px solid #A71D53;
	width: 100%; 
	height: auto;
	align-items: center; 
}
#logo {
	width:30%;
	padding:0 auto;
	margin-bottom: 4px;
}
nav { width:100%; text-align: left; }
nav a { 
	display:block; 
	padding:15px 0; 
	border-bottom: 1px solid #A71D53; 
	color:#000;
}
nav a:hover { background: #FCBCC9; color: #666; }
nav li { list-style-type: none; }
nav li:last-child a { border-bottom: none; }

.menu {
	width: 240px; 
	height: auto; 
	position: absolute; 
	background-color: rgba(251,211,219,1);
	left: -280px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	z-index: 15;
    border-bottom: 1px solid #A71D53;
    padding: 0 20px;
}
.menu-icon {
	float: left; 
	font-size:1.75em;
	color: #666;
	padding: 5px 50px;
	cursor: pointer;
	margin-top: 12px;
}
#menuToggle { display: none;}

#menuToggle:checked ~ .menu {position: absolute; left: 0;}

#content {
	width: 100%;
	margin-top: 50px;
	padding: 50px 15%;
}
.container {
	width: 1600px;
	margin: auto;
}
.subcontainer, .subcontainer-parties {
  	width: 100%;
  	margin: auto;
}
.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
	padding: 20px;
	overflow-x: hidden;
}
.grid-parties {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	padding: 20px;
	overflow-x: hidden;
}

.container img{
  	width: 100%;
  	background-position: center;
  	background-size: cover;
}
#contact {
	background-color: #fae2ec;
	padding: 50px 15% 40px 15%;
	border-top: 2px solid #A71D53;
}
p {
	padding-bottom: 12px;
}
.home-page {
	font-size: 125%;
	line-height: 150%;
	padding-bottom: 25px;
	color: #A71D53;
	font-style: italic;
}
.home-img {
	width: 98%;
	margin-bottom: 20px;
}
.home-image-L {
	width: 50%;
	padding-right: 2%;
	float: left;
}
.home-image-R {
	width: 48%;
	float: left;
}
.home-image-link {
	font-size: .8em;
}
.nopaddingbottom {
	padding-bottom: 0px;
}
.arrow {
	color: #A71D53;
}
#FMI {
     margin-top: 15px;
}
h1 {
	font-weight: 600;
	text-transform: uppercase;
	color: #A71D53;
	font-size: 2em;
	padding-bottom: 20px;
	letter-spacing: 0.02em;
}
h2 {
	font-weight:600;
	font-size: 1.4em;
	color: #A71D53;
	padding-bottom: 8px;
}
h3 {
	font-weight:400;
	font-size: 1em;
	color: #333;
	margin-bottom: 12px;
}
strong {
     font-weight: 600;
}
a {
	font-weight:400;
	color: #A71D53;
	text-decoration: none;
}
ul {
	line-height:1.5em;
	margin-left:8px;
	padding-left: 12px;
	padding-bottom: .85em;
	}
ul li {
	margin-top: 0px;
	list-style-image: url(http://beautybyvee.net/includes/images/right-arrow.png);
}
#footer {
	padding: 20px 0 4px 15%;
	width:100%;
	border-top: 2px solid #A71D53;
	border-bottom: 10px solid #A71D53;
    font-size: .9em;
}
#pricing td {
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
	border-bottom: 1px solid #A71D53;
	padding: 4px 0;
}
/******************************
FormToEmail CSS
*******************************/
	form.fte, form.fte input, form.fte textarea, form.fte select, form.fte .fte-ckrad{font-size:16px;color:#222;font-family:font-family: 'Open Sans', sans-serif;line-height:1.3em;border-radius:0;outline:none;box-sizing:border-box;-webkit-text-size-adjust:100%;}    
	form.fte{max-width:80%;padding:0;margin:2em 0;}
	form.fte input, form.fte textarea, form.fte select, form.fte .fte-ckrad label{background: white;border: solid 1px #CCC;border-radius: 8px;width:100%;padding: 8px;margin-bottom:8px;transition: all .2s;}
	form.fte input[type="text"], form.fte input[type="submit"], form.fte textarea{-webkit-appearance:none;}
	form.fte input[type="submit"]{background-color: #A71D53; font-weight:600; font-size: 1em; color: #FFF; padding: 10px; border-color:#A71D53; margin-top:10px; border-radius: 10px;width:auto;cursor:pointer;}
	form.fte input[type="submit"]:hover{background-color: #F7CED6;color: #A71D53;}
	form.fte input:focus, form.fte textarea:focus, form.fte select:focus{border-color:#999;}
	form.fte select{-moz-appearance: none; -webkit-appearance: none; background: #fff url("data:image/gif;base64,R0lGODlhCgAFAJEAAGZmZv///////wAAACH5BAEHAAIALAAAAAAKAAUAAAIKhI+CKboNGWxmFgA7") no-repeat right 20px center;padding-right:20px;cursor:pointer;}   
	form.fte input[type="file"] {line-height:1em;font-size:1em;padding:10px;}
	form.fte .fte-ckrad, .g-recaptcha{margin-bottom:30px;}
	form.fte .fte-ckrad label{cursor:pointer;padding:0;margin:15px 0 0 1em;background:none;border:none;display:inline-block;width:auto;position:relative;}
	form.fte .fte-ckrad input{width:auto;margin:.5em 0 .5em .5em;cursor:pointer;display:inline-block;opacity:0;}
	form.fte .fte-ckrad input[type="radio"] + label::before{content:'';display:block;height:1.2em;width:1.2em;border:1px solid #ccc;border-radius:1em;position:absolute;left:-2em;top:0;background:#fff;box-shadow:inset 0px 0px 0px .3em #fff;transition: all .2s;}
	form.fte .fte-ckrad input[type="radio"]:checked + label::before{ background:#666;}
	form.fte .fte-ckrad input[type="checkbox"] + label::before{content:'\2713';display:block;height:1.2em;width:1.2em;border:1px solid #ccc;position:absolute;left:-2em;top:0;background:#fff;color:#fff;text-align:center;transition: all .2s;}
	form.fte .fte-ckrad input[type="checkbox"]:checked + label::before{color:#666;}
	form.fte input[type="file"] {line-height:1em;font-size:1em;padding:0;border:none;cursor: pointer;}
	form.fte .credit{font:10px arial;float:right;color:#999;margin-top:22px;}
	form.fte .credit a{color:#999;}

/******************************
Media Queries
*******************************/
@media(max-width: 1600px){
	.container {width: 100%;}
}
@media all and (max-width: 650px){
	header {
		border-top:20px solid #A71D53;
		width: 100%; 
		height: auto;
		align-items: center; 
	}
	
	#logo {
		width:40%; height:auto; margin:10px 20px 10px 20px;
	}
	.home-image-L, .home-image-R, .home-img {
		width: 100%;
		padding: 0 0 10px 0;
		float: none;
	}
	#content {
		padding: 30px 10%;
	}
	#contact {
		padding: 10px 10%;
        	border-top: 2px solid #A71D53;
	}
	h1 {
		font-size: 1.75em;
		letter-spacing: 0.06em;
	}
	h2 {
		font-size: 1.3em;
	}
	.grid, .grid-parties {
		grid-template-columns: 1fr;
	}
}