/*

Doughgirls - CSS
=============

Author:  Brennan Cuff - Laird and Lady Designs
Notes:	 With Files From Bradley Hussey (Brightsidestudios.ca)

style_all.css

*/

/* -------------------------------
		General Styles
   ------------------------------- */
   
html {
	-webkit-font-smoothing: antialiased;
	-text-rendering: optimizelegibility;
}   


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #444444; 

	background-image: url("../../images/linen_bg.jpg");

} 



/* --------------------------------------
   Typography
   -------------------------------------- */

h1, h2, h3 {
   	font-weight: 300;
   	margin: 0;
   	line-height: 45px;
   }
   
   h4, h5, h6 {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
   }
   
   h1{
   font-size: 48px;
   }
   
   h2{
   font-size: 40px;
   }
   
   h3{
   font-size: 30px;
   }
   
   h4{
   font-size: 18px;
   margin: 10px 0px;
   }
   
   h5{
   font-size: 16px;
   line-height: 20px;
   font-weight: 200;
   }
   
   h6{
   font-size: 14px;
   }
   
   p{
   margin: 0px 0px 10px 0px;
  
   }   

h1, h2, h3, h4, p {
	color: #42525d;
}

.well .page-header {
	margin-top: 0;
}

.well .page-header h1 {
	margin-top: 0;
}

ul.unstyled {
	list-style: none;
	padding: 0;
}





/* --------------------------------------
   Navbar
   -------------------------------------- */


.navbar-brand {
	padding: 10px 15px;
}

.stupidhomething {
	padding-top: 40px;
}

.nav_social_links {
		display: block;
	   	float: right;
	   	margin-right: -15px;
}

.nav_social_links:hover {
	opacity: 0.5;
}
/* --------------------------------------
   Layout - index.php
   -------------------------------------- */

#index_hero_image {
	 display: block;
	 margin: 20px auto;
	 width: 100%;

}

h1 {text-align: center;}

#index_hero_callout {
	padding-bottom: 30px;
}

#index_hero_callout p {padding: 15px 20px 0; text-align: center;}


.food_image {margin: 10px auto;}


.jadite_bar {margin: 15px auto;}

#index_secondary_callout {
	background: #ebe3d6;
	padding: 15px 0 40px;
}   
   
#index_secondary_callout h2 {
	padding-top: 10px;
	text-align: center;
}   

#index_secondary_callout h3 {
	text-align: center;
	margin-top: 0;
}	


.callitem {
	height: 84px;
	padding: 10px;
}

.callimage {
	margin: 0 10px 10px 15px;
	zoom: -50%;
}

#index_tertiary_callout {
   	padding: 30px;
}
   
#index_tertiary_callout h3 {
	text-align: center;
}   
   
#jadite_dots {
	text-align: center;
	margin: 0 auto;
}   

.imgcont {
	text-align: center;
}

.imgcontimg {
	margin: 10px;
}
/* --------------------------------------
   Layout - menu.php
   -------------------------------------- */
#menu_header {
	display: block;
	width: 100%;
	margin: 20px auto 0;
}

#menu_page h3, #menu_page h4, #menu_page p {
	text-align: center;
	padding: 0 20%;
	margin-top: 20px;
}


.menu_well {
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}

#menu_page {
	margin-bottom: 30px;
}

/* --------------------------------------
   Layout - covid.php
   -------------------------------------- */
#covid_page h3, #covid_page h4, #covid_page p {
	text-align: center;
	padding: 0 20%;
	margin-top: 20px;
}



#covid_page {
	margin-bottom: 30px;
}

#qrcode {
    display:block;
    margin-left: auto;
    margin-right:auto;

}
/* --------------------------------------
   Layout - classes.php
   -------------------------------------- */
#classes_header {
	display: block;
	width: 100%;
	margin: 20px auto 0;
}

#classes_page h3, #classes_page h4, #classes_page h5, #classes_page p {
	text-align: center;
	padding: 0 20%;
	margin-top: 20px;
}


.class_well {
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}

#classes_page {
	margin-bottom: 30px;
}

/* --------------------------------------
   Layout - gallery.php
   -------------------------------------- */

#gallery_page h3, #gallery_page h4, #gallery_page p {
	text-align: center;
	padding: 0 20%;
	margin-top: 20px;
}


#gallery_page {
	padding: 60px 0;
}


/* --------------------------------------
   Layout - about.php
   -------------------------------------- */
   
   #about_page {
	   margin-top: 60px;
   }
   
   
   	#we_can_do_it {
		display: block;
		width: 100%;
		padding: 10px;
		border: 5px solid red;
		margin: 20px 0;
	}
   
   #about_page h1 {
	   margin: 30px auto;
   }
   
   #about_page h3 {
	   margin-bottom: 20px;
   }
   
   #about_page h4 {
	   text-align: center;
   }

   #about_page p {
	   margin: 0 auto;
	   padding: 0 30px 30px;
   }
   
   .staff_pic {
	   width: 100%;
   }
/* --------------------------------------
   Layout - contact.php
   -------------------------------------- */   
   
 #contact_hero {
	cursor: default;
}

 #contact_hero-title { 
 	margin: 100px 0 0 30px;
 	text-align: center;
 }
  
  #GoogleMap {
	margin: 20px;
}
#GoogleMap iframe {
	border: 8px solid #383c46;

}

#basic_info {
	padding: 30px 10% 10px;
}

#basic_info h2 {
	font-size: 24px;
}



.desktopVisible {
	visibility: hidden;
}

.mobileVisible {
	visibility: visible;
}

.green_light {
	color: green;
}

   
   #social_shoutout {
	   text-align: center;
	   padding: 0 15px;
   }
   
   #social_links {
   		display: block;
   		text-align: center;
   		margin: auto;
   	}
   	
   	.social_badge {
	   	margin: 0 5px;
   	}
   	
   	
   .social_badge:hover {
	   	opacity: 0.5;
   	}
   	
   	#social_footer {
	   	margin-bottom: 30px;
   	}


/* --------------------------------------
   Global Styles
   -------------------------------------- */  
.alert {
	margin-top: 20px;
	display: none;
}

.well {
	margin: 20px 0;
}

.contact_link {
	text-decoration: none;
	color: red;
}

.contact_link:hover {
	color: #a00000;
	text-decoration: none;
}

   
/* --------------------------------------
   Layout - Footer
   -------------------------------------- */   

#pre_footer {
	background: #ebe3d6;
	padding: 20px 10px;
	width: auto;
}
    
#pre_footer_p {
	text-align: center;
	margin: 5px auto;
}    

footer {
   		background: #444;
   		color: #fff;
   		font-size: 11px;
   		padding: 30px 10px;	
   }
   
   #copyright {
   		padding-right: 200px;
   		float: left;
   		display: inline;
   }
   
   #bottomnav {
   		float: left;
   		
   }
        
   #bottomnav nav ul {
   		float: left;
		list-style: none;
   }   
   
   #bottomnav li { float: left; }
   
   
   footer nav a {
		margin: 0 0 0 25px;
	}
	
   footer a {
   		color: #fff;
   		text-decoration: none;
   }
   
   footer a:hover {
   		color: red;
		text-decoration: none;
   }

   .bottomNavAddress {
	   color: #fff;
	   float: right;
	   padding-left: 10px;
   }

/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
	
}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
	#menu_header {
		margin-top: 50px;
	}
	
	#about_page h1 {
		font-size: 36px;
	}
   
   #about_page h3 {
	   text-align: center;
   }
	.staff_pic {
		display: block;
	    margin: 0 auto;
		width: 50%;
	}

	input[type="submit"] {
		width:100%;
	}
}




/* Large desktop */
@media (min-width: 1200px) {
	#index_hero_image { width: 992px;}
	#xlcontainer {width: 992px; margin: 0 auto;}
	#about_page p {
	   margin: 0 auto;
	   padding: 0 60px 30px;
    }
    .desktopVisible {
	    visibility: visible;
    }
    .mobileVisible {
	    visibility: hidden;
    }
}