@font-face
{
font-family: 'playfair';
src: url('./PlayfairDisplay-Regular.otf');
}

@font-face
{
font-family: 'munichregular';
src: url('./MunichRegular.ttf');
}

@font-face{
font-family: 'unique';
src: url('./unique.ttf');
}
@font-face{
font-family: 'airbrush';
src: url('./AlexBrush-Regular-OTF.otf');
}

@font-face{
    
    font-family: 'fashionista';
src: url('./fashionista.ttf');
}

@font-face{
font-family: 'ralewaylight';
src: url('./Raleway-Light.ttf');
}

@font-face{
font-family: 'ralewaybold';
src: url('./Raleway-Bold.ttf');
}


@font-face{
font-family: 'madeleina';
src: url('./Madeleina.otf');
}

@font-face{
font-family: 'julius';
src: url('./JuliusSansOne-Regular.ttf');
}



body{
font-size:30px ;
}


.row1luxe {
    
font-family: 'munichregular';
background-color:  #BDB76B;
width: 100%;
text-align: center;
font-size: 200%;
color: #FF0066;

padding-top: 4%;
}


.subrow1luxe {
    
font-family: 'ralewaylight';

text-align: center;
font-size: 50%;
color: #0000FF  ;
}




.vendors {
 
    background-color: #FFE4C4  ;
}

.smalltext
{
font-family: 'julius';
font-size: 60%;
text-align: center;
background-color:  #F35445;
width: 100%;
padding-bottom: 2%;
padding-top: 4%;
}



#footerluxe {
    
font-family: 'madeleina';
background-color:  #E3A5F5;
width: 100%;
text-align: center;
font-size: 70%;
color: white;
padding-bottom: 2%;
padding-top: 4%;
}

.row1 {
    
font-family: 'madeleina';
background-color:  #CF3D2F;
width: 100%;
text-align: center;
font-size: 80%;
color: black;
padding-bottom: 2%;
padding-top: 4%;
}



.row2 {
background-color:#F8E0F1;
display: block;
width: 100%;
text-align: center;
}

.row3{
font-size: 80%;
font-family: 'ralewaylight';
display: block;
width: 70%;
margin: auto;

}


.box {
box-shadow: 5px 5px 3px #888888;

background: #CC99FF;
width: 90%;
display: block;
margin: auto;

border-radius: 30px;
overflow:hidden;
font-family: 'ralewaylight';
color:White;
font-size: 100%;
padding: 20px;
}


.luxebox {

width: 90%;
display: block;
margin: auto;
border-radius: 30px;
padding: 20px;
border-style: solid;
border-color:black;
background: #FFFFFF;
}

.luxeboxfront {

width: 90%;
display: block;
margin: auto;
border-radius: 30px;
padding: 20px;
border-style: solid;
border-color:black;
background-image: url("https://charlottevenues.com/luxe/lx2024.png");
}

.videos {


width: 60%;
height: 300px;

}






.boxtrends {
box-shadow: 5px 5px 3px #888888;

background: #f6e3df ;
width: 90%;
display: block;
margin: auto;

border-radius: 30px;
overflow:hidden;
font-family: 'ralewaylight';
color:black;
font-size: 100%;
padding: 20px;

    
}


.textmain {

text-align:center;

width: 90%;
display: block;
margin: auto;


overflow:hidden;
font-family: 'ralewaylight';
color:black;
font-size: 90%;
padding: 20px;
    
}

.menu {
    margin: 4px;
    font-family: 'ralewaylight';
   text-align: left;
   font-weight: bold;
   font-size: 60%;
}



.home {
font-family: 'ralewaylight';
color: blue;
font-size: 95%;
margin-left: 5px;
}

#titlemain {
   
  font-family: 'ralewaylight';
  color:white;
font-size: 50px;
font-weight: bold;
}

.generaltext{
font-size: 100%;
font-weight: normal;
}

.picwide{

width: 400px;
height: 300px;
}

.picwidecenter{

width: 400px;
height: 300px;
text-align: center;
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  box-shadow: 3px 3px 1px #ccc;
}



.pictall{

width: 300px;
height: 400px;
}

.pictallcenter{
    
display: block;
  margin-left: auto;
  margin-right: auto;
width: 300px;
height: 400px;
text-align: center;
box-shadow: 3px 3px 1px #ccc;
}





.picsquare{

width: 400px;
height: 400px;
}

.picsquarecenter{
    display: block;
  margin-left: auto;
  margin-right: auto;
width: 400px;
height: 400px;
text-align: center;
box-shadow: 3px 3px 1px #ccc;
}

#mainemail {
width: 100%;
background-color: #F2F2F2;
}

#tour {
text-align:center;
margin:auto;
display:block;
font-size: 100%;
}

/* for contact email */
#submit {
background-color: white;
box-shadow: 3px 3px 5px #535353;


font-size: 50%;
}
/* for contract form */
#submit1 {
background-color: white;
box-shadow: 3px 3px 5px #535353;


font-size: 50%;
}





/*  this is labels in contact mail  */
.labelcontact
{

width: 50%;

align: left;
text-align: left; 
background-color:#3a4660;
display: inline-block;
margin-left: 0px;
font-size: 90%; 
font-family:ralewaylight;
color: white;

}


.mailfield
{
   width: 80%; 
   font-size: 80%; 
   border-radius: 2px 2px 2px 2px;
   padding-bottom: 3px;
   padding-top: 3px;
}

#mailbox{

box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width: 80%;

background-color: #28538B  ;
text-align: center;
margin: auto;

}






#myCanvas {

border:1px solid #000000;
background-color:#f2f2f2;
}

#contract {
font-family: 'Open Sans', sans-serif;
display:block;
margin:auto;
width: 90%;
font-size:100%;

}


.contlab
{
width:70%;
}


.contfield
{
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width:50%;
font-size: 100%;
}

.contfieldshort
{
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width:40%;
font-size: 100%;
}
/* actual contract wording */
.contagr
{
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width:80%;
font-size: 80%;
padding-bottom: 10px;
padding-left: 10px;
background-color: white;  
}
/*outer shell for contract */
.rentalagr{
background-color: #D8D8D8;
font-family: 'ralewaylight';
color:black;
background-color: #7F8DA0  ;
margin: Auto;
width: 90%;
padding-left: 10px;
padding-bottom: 10px;

}

.radiobutton {
width: 2em;
height: 2em;
}


#clearbutton {
background-color: white;

border-radius: 6px 6px 6px 6px;
}
















/***********  top page  ****/