@charset "utf-8";

@font-face {
	font-family: Champagne;
	src: url(http://dallaslavenderlane.com/contact/cac_champagne.woff) format('woff'),
	     url(http://dallaslavenderlane.com/contact/cac_champagne.ttf) format('ttf');
}

/*

	Typography and Color Styles for dll_home.html
	Author: Jonathan Greene
	Date:   02/1/2020
	Dallas Lavender Lane, LLC  © 2020, All Rights Reserved
	Filename: dll_styles1.css

*/


/* =============================================
   Tablet and Desktop Styles: greater than 640px
   =============================================
*/
@media only screen and (min-width: 641px) {



/* Body Styles */
body {
	margin-left:	auto;
	margin-right:	auto;
	max-width:	85%;
	min-width:	640px;
}



/* Body Header Styles */
body > header > a > img {
	margin-left:	auto;
	margin-right:	auto;
	display:	block;
	width:		35%;
}

/* HTML and Body Styles */

html {
   background-color: rgb(198, 177, 196);
   font-family: Verdana, Geneva, Arial, sans-serif; 	
}

body {
   background-color: rgb(198, 177, 196);  
}





   body header nav ul {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-justify-content: center;
      justify-content: center;
   }
   
   body header nav ul li {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
   }
header nav a {
   background-color: rgb(163, 133, 212);
   color: rgb(46, 9, 112);
   font-family: Champagne, cursive;
   font-size: 1.8em;
   font-weight: bold;
   line-height: 1.8em;
   text-align: center;
}  

nav a:link, 
nav a:visited {
   color: rgb(46, 9, 112);
}

nav a:hover, 
nav a:active {
   background-color: rgb(46, 9, 112);
   color: rgb(255, 255, 255);
}  

a#navicon {
   display: none;
} 


/* Horizontal Navigation Styles */
nav li {
	display:	block;
	float:		left;
}

nav a {
	display:	block;
	text-align:	center;
}

 body > header > nav li {
	/* width:	16.667%; */
	width: 16.667%;
 }





/* Introduction Section Styles */
.introSection {
	
      display: flex;
      
      
      
      justify-content: center;
	  
	  align-items: center;
}

/* Left Column Paragraph Styles */

.leftColumn {

   color: rgb(46, 9, 112);
   font-size: 1.2em;
   line-height: 1.6em;
   max-width: 37%;
   text-align: left;
	order: 0;
	padding: 1.5em;
	
	
}

.rightColumn img {
 
  border-radius: 5%;
	max-width: 100%;
	padding: 1.0em;
	order: 1;
	box-shadow: 1px 1px;
}



/* Footer Styles */

body > footer {
   font-size: 0.9em;
   color: rgb(186, 186, 156);
}

body > footer h1 {
   color: rgb(248, 248, 186);
   font-size: 1.1em;
   font-weight: normal;
   letter-spacing: 0.2em;

}

.footerFlexBox {
	
      display: flex;
      
      padding: 25px 10px 0px 10px;
      
      justify-content: space-between;
	  
	  align-items: top;
}

footer {
	background-color: rgb(163, 133, 212);
	clear:	left;
}

footer::after {
	clear:	both;
	content: "";
	display: table;
}

.footerNavigation {
	max-width:	100%;
	text-align: left;
	
}	

.footerNavigation h1{
	padding:	5px 0px 5px 0px;
}


.footerNavigation li{
	background-color: rgb(163, 133, 212);
	color: rgb(46, 9, 112);
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding:	5px 0px 5px 0px;
	display:	block;
	max-width:	100%;
	 
}



.locationInfo {
	float:	left;
	max-width:	25%;
}

.locationInfo h1{
	padding:	5px 10px 5px 0px;
}

.locationInfo p {
	color: rgb(46, 9, 112);
   line-height: 1.4em;
	padding:	5px 10px 5px 0px;

} 

.contactInfo {
	float:	left;
	max-width:	25%;
}

.contactInfo h1{
	padding:	5px 10px 5px 0px;
}

.contactInfo p {
	color: rgb(46, 9, 112);
   line-height: 1.4em;
   padding:	5px 10px 5px 0px;

}   

.copyrightInfo {
	margin-left:	auto;
	margin-right:	auto;
	display:	block;
	width:	100%;
	padding:	0px 0px 25px 10px;

}
 

.copyrightInfo p {
	color: rgb(46, 9, 112);
   line-height: 1.4em;

}  

}