/* 

	The Pink Yyeti
	
	By
	
	JAS Design
	
	01-29-2017


	
Colors:			
			Pink:				#F27FB2;
			Soft Pink:			#FFF0F7;
			Brown:				#3E3A30;
			Dark Brown:			#2E291D;
			Gray:				#959595;
										
	

	
*/

/*
	RESET
********************************************/

*											{ margin: 0; 
											  padding: 0; }
											  
html body									{ height: 100%;
											  width: 100%;  }

html										{ overflow-y: scroll; }

body										{ width: 100%;
											  height: 100%;
											  /*font-size: 62.5%;*******************REMOVE WHEN USING BOOTSTRAP***************************/
											  font-family: 'Raleway', sans-serif;
											  color: #5b5b5b;
											  background: url("../images/checks.png") center center repeat;
											  z-index: -1000; }

a											{ outline: none;
											  text-decoration: none; }
											  
img											{ border: none;
											  outline: none; }
											  
li											{ list-style: none; }
											  
.clear										{ clear: both; }



/*
	STRUCTURE
********************************************/											  

.top-bar									{ width: 100%;
											  height: 20px;
											  background: #F27FB2; }
											  
.main-logo									{ margin-left: auto;
											  margin-right: auto;
											  margin-top: 10px;
											  display: block;
											  width: 125px;
											  position: relative; }
											  
#navbar-lside								{ position: relative;
											  left: 38%; }
											  
#navbar-rside								{ position: relative;
											  right: 38%; }
											  
.nav-link									{ font-family: 'felt-tip-senior';
											  font-size: 3em !important; }
											  
.area-background							{ width: 100%;
											  height: auto;
											  background: #3E3A30;
											  padding-top: 20px; 
											  padding-bottom: 20px;}
											  
#nav-logo									{ height: 95px; }

											  
.send-button								{ height: 40px;
											  width: 100%;
											  background: #F27FB2;
											  color: #FFFFFF;
											  border: #FFFFFF solid 2px;
											  margin: 0 0 10px 0;
											  font-size: 1.8em; }
											  
.send-button:hover							{ cursor: hand;
											  background: #2E291D;
											  color: #FFFFFF; }
											  
.featured									{ width: 100%;
											  min-height: 500px;
											  background: rgba(255, 255, 255, 0.42);
											  padding: 20px; }
											  

body#menu ul.nav li#yum a,
body#contact ul.nav li#yo a					{ color: #FFFFFF; 
											  cursor: default;
											  position: relative;
											  display: block;
											  padding: 15px 10px;
											  background-color: #F27FB2; }
											  
body#contact #tohide						{ display: none; }

.jumbotron									{ margin-top: -10px !important;
											  margin-bottom: 0 !important; }

.noisy										{ background: url('../images/noisy.jpg') center repeat !important; }

											  
											  
/*
	COMMON STUFF
********************************************/

.text										{ font-size: 1.8em;
											  line-height: 1.6!important; }
											  
.make-felt									{ font-family: 'felt-tip-senior';
											  font-style: normal;
											  font-weight: 400;
											  font-size: 4.8em; }

.head1										{ font-family: 'felt-tip-senior';
											  font-size: 5.6em; }
											  
.head2										{ font-family: 'felt-tip-senior'; }

.text-float-lg								{ font-size: 7em;
											  font-weight: 200; }

.text-float-sm								{ font-size: 4em;
											  font-weight: 200; }

.extra-info									{ font-size: 1.4em;
											  margin-top: -3px; }

.make-closer								{ margin-top: -15px; }
											  
.make-pink									{ color: #F27FB2; }

.make-white									{ color: #FFFFFF !important; }

.make-brown									{ color: #3E3A30; }

.make-gray									{ color: #959595; }

.make-large									{ font-size: 2em; }

.text-shadow								{ text-shadow: 2px 2px 3px #161616; }

.box-shadow									{ box-shadow: 2px 2px 3px #161616; }

.button-area								{ margin-top: 30px;
											  margin-bottom: 10px;
											  text-align: center;  }	

.small-button								{ background: #F27FB2;
										      width: 175px;
										      font-size: 1.8em;
										      color: #FFFFFF;
										      border: #FFFFFF solid 2px;
										      padding: 5px 10px 10px 10px;
											  margin-left: auto;
											  margin-right: auto; }
										      
.small-button:hover 						{ background: #2E291D;
	    									  color: #FFFFFF;
	    									  cursor: pointer; }
	    									  
.hr-small-dark								{ width: 300px;
											  height: 3px;
											  background: #2E291D;
											  margin: auto;
											  margin-top: 20px;
											  margin-bottom: 20px; }	
											  
.hr-small-pink								{ width: 300px;
											  height: 3px;
											  background: #F27FB2;
											  margin: auto;
											  margin-top: 20px;
											  margin-bottom: 20px; }
											  
.hr-small-white								{ width: 300px;
											  height: 3px;
											  background: #FFFFFF;
											  margin: auto;
											  margin-top: 20px;
											  margin-bottom: 20px; }	
											  
.button-label								{ font-size: 1.2em;
											  color: #959595; }									  



/*
	INDEX
********************************************/

.parallax-bg1	 							{ padding: 0px;
											  margin-bottom: 0px;
											  color: inherit;
											  background: url('../images/featured-the-pink-yyeti-chocolate.jpg') no-repeat center center fixed; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
											  
.parallax-bg2	 							{ background: url('../images/featured-the-pink-yyeti-madeleines.jpg') no-repeat center center fixed; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
											  
.parallax-bg3	 							{ background: url('../images/featured-the-pink-yyeti-lemon-squares.jpg') no-repeat center center fixed; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
											  
.slider-specs								{ width: 1140px; height: 700px; }

.insta-widget								{ display: block;
											  margin-left: auto;
											  margin-right: auto;
											  width: 600px;
											  padding: 40px 0 40px 0; }
											  
.gbar										{ position: absolute !important;
											  margin-right: 100%; }
											  




											  



/*
	MENU
********************************************/

.menu-product-head							{ width: 100%;
											  height: 60px;
											  background: url('../images/square-yyeti.png') #F27FB2 right no-repeat;  }
											  
.menu-cat									{ margin: 0 0 0 10px;
											  position:relative;
											  top:25%; 
											  color: #FFFFFF; }
											  
.item										{ margin: 0 0 10px 0;
											  width: 100%; }

.item-name									{ font-family: 'felt-tip-senior';
											  font-style: normal;
											  font-weight: 400;
											  font-size: 3.2em;
											  position:relative;
											  top:20%;  }

.item-name-area								{ width: 92.8%;
											  height: 60px;
											  background: rgba(255, 255, 255, 0.65); 
											  text-align: center; 
											  position: absolute;
											  bottom: 15%; }



/*
	CONTACT
********************************************/

#message									{ height: 200px; }






/*
	404
********************************************/											  

.bg-area-404								{ width: 100%;
											  height: 600px;
											  background: url('../images/bg-404.jpg') no-repeat;  }
											  

/*
	FOOTER
********************************************/

.footer										{ background: #FFF0F7;
											  border-top: Solid 1px #3E3A30; }

#copyright									{ text-align: center;
											  font-size: 1em;
											  width: 100%; 
											  color: #CCCCCC;
											  background: #000000; }
											  

#chimp-label								{ font-size: 2.2em !important;
											  display: block;
											  text-align: center;
											  margin-top: 10px; }
											  
#mce-EMAIL, #mc-embedded-subscribe			{ width: 45% !important;}
											  											  

											  
/*
	SOCIAL NAV
********************************************/

.social										{ height: 35px;
											  margin-top: 20px;
											  margin-bottom: 20px; }

.social-nav 								{ position: relative; 
											  width: 75px;
											  margin: auto;
											  display: block; }
											  
.social-nav li								{ margin: 0;
										      padding: 0;
										      list-style: none;
										      position: absolute;
										      top: 0; }
										      
.social-nav li, .social-nav a				{ height: 35px;
    										  display: block; }
											  
.fb 										{ width: 35px;
											  background: url('../images/badge-social.png') 0 0; }

.instagram 									{ width: 35px;
										  	  left: 40px;
											  background: url('../images/badge-social.png') -35px 0; }
											  
.fb a:hover									{ background: url('../images/badge-social.png') 0 -35px; }

.instagram a:hover							{ background: url('../images/badge-social.png') 35px -35px; }

		

/*
	MOBILE
********************************************/

/* ----------- iPhone 5 and 5S ----------- */

@media screen 
and (min-width : 320px) 
and (max-width : 568px) { 

	  
.text-float-lg								{ font-size: 80%; }	

.text-float-sm								{ font-size: 50%; } 
	  
	  
	  
	  
	  

}


@media screen 
and (max-width: 720px){		

.social										{ float: none; }

.navbar-nav li a							{ text-align: center; }

#navbar-lside								{ position: relative;
											  left: 0%; }
											  
#navbar-rside								{ position: relative;
											  right: 0%; }

.navbar-collapse							{ background: #3E3A30; }

.container-fluid							{ border-top: 3px solid #3E3A30; }

#badges										{ margin: auto; 
											  display: block; }

.slider-specs								{ width: 100%;
											  height: 450px; }

.text-float-lg								{ font-size: 3em; }	

.text-float-sm								{ font-size: 1.5em; }

.parallax-bg1	 							{ padding: 0px;
											  margin-bottom: 0px;
											  color: inherit;
											  background: url('../images/featured-the-pink-yyeti-chocolate.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
											  
.parallax-bg2	 							{ background: url('../images/featured-the-pink-yyeti-madeleines.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }	
											  
.parallax-bg3	 							{ background: url('../images/featured-the-pink-yyeti-lemon-squares.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }

								  

}



@media screen 
and (max-width: 758px){		

.social										{ float: none; }

.navbar-nav li a							{ text-align: center; }

#navbar-lside								{ position: relative;
											  left: 0%; }
											  
#navbar-rside								{ position: relative;
											  right: 0%; }

.navbar-collapse							{ background: #3E3A30; }

.container-fluid							{ border-top: 3px solid #3E3A30; }

#badges										{ margin: auto; 
											  display: block; }
											  
.text-float-lg								{ font-size: 5em; }	

.text-float-sm								{ font-size: 3em; }

.parallax-bg1	 							{ padding: 0px;
											  margin-bottom: 0px;
											  color: inherit;
											  background: url('../images/featured-the-pink-yyeti-chocolate.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
											  
.parallax-bg2	 							{ background: url('../images/featured-the-pink-yyeti-madeleines.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }	
											  
.parallax-bg3	 							{ background: url('../images/featured-the-pink-yyeti-lemon-squares.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }

								  

}

@media screen 
and (max-width: 766px){		

.social										{ float: none; }

.navbar-nav li a							{ text-align: center; }

#navbar-lside								{ position: relative;
											  left: 0%; }
											  
#navbar-rside								{ position: relative;
											  right: 0%; }

.navbar-collapse							{ background: #3E3A30; }

.container-fluid							{ border-top: 3px solid #3E3A30; }

#badges										{ margin: auto; 
											  display: block; }

.parallax-bg1	 							{ padding: 0px;
											  margin-bottom: 0px;
											  color: inherit;
											  background: url('../images/featured-the-pink-yyeti-chocolate.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
											  
.parallax-bg2	 							{ background: url('../images/featured-the-pink-yyeti-madeleines.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }	
											  
.parallax-bg3	 							{ background: url('../images/featured-the-pink-yyeti-lemon-squares.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }

								  

}





/*
	IPHONE 6 PLUS
********************************************/

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
	
.navbar-nav li a							{ text-align: center; }

#navbar-lside								{ position: relative;
											  left: 0%; }
											  
#navbar-rside								{ position: relative;
											  right: 0%; }
											  
.navbar-collapse							{ background: #3E3A30; }

.container-fluid							{ border-top: 3px solid #3E3A30; }

.parallax-bg1	 							{ background: url('../images/featured-the-pink-yyeti-chocolate.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }

.parallax-bg2	 							{ background: url('../images/featured-the-pink-yyeti-madeleines.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }											  

											  
.parallax-bg3	 							{ background: url('../images/featured-the-pink-yyeti-lemon-squares.jpg') no-repeat center center scroll; 
											  -webkit-background-size: cover;
											  -moz-background-size: cover;
											  -o-background-size: cover;
											  background-size: cover;
											  padding-top: 250px;
											  padding-bottom: 250px; }
	
											  
		
}