@charset "utf-8";

@font-face {
	font-family: Champagne;
	src: url(http://dallaslavenderlane.com/venues/cac_champagne.woff) format('woff'),
	     url(http://dallaslavenderlane.com/venues/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

*/


/* ===============================
   Mobile Styles: 0px to 640px 
   ===============================
*/
@media only screen and (max-width: 640px) {

/* Body Styles */
body {
	margin-left:	auto;
	margin-right:	auto;
	max-width:	95%;

}



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

/* 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);  
}



  nav ul {
   margin-left: 1em;
   line-height: 2em;
}

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

nav a:hover, 
nav a:active {
   text-decoration: underline;
}
 
   a#navicon {
      display: block;
   }
   
   header nav ul {
      display: none;
   }
   
   header nav ul li {
      font-size: 1em;
      line-height: 1.3em;
      height: 1.3em;
   }
   
   a#navicon:hover+ul, header nav ul:hover {
      display: block;
   }
   
   section h1 {
      font-size: 1.5em;
   }
   
   section p {
      font-size: 0.9em;
   }





/* Introduction Section Styles */
.introSection {
	
      display: flex;
      
      flex-direction: column;
      
      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: 100%;
   text-align: left;
	order: 1;
	padding: 0.02em;
	
}

.rightColumn img {

	max-width: 100%;
	padding: 0.02em;
	order: 0;
}









/*Business Info Styles*/

.businessHours {
	display: flex;
      
    flex-direction: column;
      
    justify-content: center;
	  
	align-items: center;
	
	padding: 2.6em;
}

.businessHoursTitle {
	order: 0;
	color: rgb(46, 9, 112);
}

.businessHoursTitle p {
	font-size: 1.6em;
}

.businessHoursDescription {
	order: 1;
	
	display: flex;
      
    flex-direction: column;
      
    justify-content: center;
	  
	align-items: center;

}
	

.businessGraphic {
	order: 0;
	max-width: 100%;
}

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

.timeTable {

	order: 1;
	color: rgb(46, 9, 112);
}

.timeTable p {


	color: rgb(46, 9, 112);
	text-align: justify;
}

/*Time Table Formatting*/

table.schedule {
	
	font-size: 1.0em;
	
}


/* Table Cell Styles */
table.schedule th {
	text-align: right;
	vertical-align: middle;
}

table.schedule td  {
	text-align: left;
	vertical-align: middle;
}

/* Table Caption Styles */
table.schedule caption {
	caption-side: top;
	text-align: center;
	font-size: 1.5em;
}


table.schedule tbody tr {
	height: 1.0em;
}








/*Photograghy Bookings*/

.photographyBooking {
	display: flex;
      
    flex-direction: column;
      
    justify-content: center;
	  
	align-items: center;
	
	padding: 2.6em;
}

.photographyGraphic1 {
	order: 0;
}

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

.photographyGraphic2 {
	order: 2;
	visibility: hidden;
}

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

.photographyDescription {
	order: 1;
	
	display: flex;
      
    flex-direction: column;
      
    justify-content: center;
	  
	align-items: center;

}
	
	.photoApptTitle {
	order: 0;
	color: rgb(46, 9, 112);
}

.photoApptTitle p {
	font-size: 1.6em;
	font-weight: bold;
	padding: 1em;
}

.photographyDescriptionBody {
	order: 1;
	max-width: 100%;
	
}

.photographyDescriptionBody p {
	
color: rgb(46, 9, 112);
font-size: 1.2em;	
text-align: justify;
}



.bookingButton {
	Order: 3;
}


.btnBooking {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
    border: 0;
    line-height: 2.5;
    padding: 0 30px;
    font-size: 1rem;
    text-align: center;
    color: rgb(46, 9, 112);
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px;
    background-color: rgb(163, 133, 212);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btnBooking:hover {
    background-color: rgb(46, 9, 112);
   color: rgb(255, 255, 255);
}

.btnBooking:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}













/* Event Info Style */

.specialEvent {
	
      display: flex;
      
      flex-direction: column;
      
      justify-content: center;
	  
	  align-items: center;
}



.eventDescription {

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

.eventLogo 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: 5px 10px 0px 10px;
	  
	  flex-direction: column;
      
      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:	15px 0px 0px 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:	0px 0px 0px 0px;
	display:	block;
	max-width:	100%;
	 
}



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

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

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

} 

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

.contactInfo h1{
	padding:	15px 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;

}  

.eventDescription a {
	color: rgb(0, 0, 255);
}

}