/* ======================================= */
/* Resets */
/* ======================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit;}
ul{padding: 0; margin: 0;}

/* ======================================= */
/* Global */
/* ======================================= */
html, body  								{ font-family: 'Poppins', Arial, Helvetica, sans-serif; color: rgba(22, 28, 40, 0.8); font-size: 16px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
img 										{ -ms-interpolation-mode: bicubic; }
footer 										{ background: #35742c;}
.site-limit 								{ position: relative; max-width: 1000px; margin: 0 auto;}

/*structure*/
.main-section 								{ padding: 48px 1em; position: relative;}
.max-wrap 									{ margin: 0 auto; max-width: 1600px; }
/*text*/
h1, h2, h3, h4  							{ font-family: 'Poppins', Arial, Helvetica, sans-serif; }
h1	 										{ font-size: 48px; font-weight: 700; line-height: 60px; margin-bottom: 18px; }
/*.feature h1 								{ font-size: 48px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px;} */
h2 											{ font-size: 44px; font-weight: 600; line-height: 60px; margin-bottom: 12px; }
h3 											{ font-size: 34px; font-weight: 600; line-height: 40px; margin-bottom: 12px; }
h4 											{ font-size: 26px; font-weight: 600; line-height: 30px; margin-bottom: 12px; }
h5 											{ color: cornflowerblue; font-family: 'Courier New', monospace; font-size: 14px; font-weight: bold; line-height: 24px; text-transform: uppercase;}
b,strong 									{ font-weight: 700; } 		
i, em 										{ font-style: italic; }	
p        									{ font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 12px; } 			
span,li 									{ font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; }
a 											{ color: inherit; text-decoration: none; }
a:hover 									{ cursor: pointer; color: #e4eaf9; -webkit-transition:all 100ms ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;text-decoration:none;}
label 										{ display: inline-block; font: inherit; color: inherit;}
.txt-center									{ text-align: center; }
.txt-rt 									{ text-align: right; }
.txt-lt 									{ text-align: left; }
.txt-super									{ font-size: 54px; font-weight: 800; line-height: 60px; margin-bottom: 0; }
.txt-xl 									{ font-size: 32px; font-weight: 400; line-height: 36px; margin-bottom: 12px; }
.txt-lg 									{ font-size: 24px; font-weight: 400; line-height: 36px; margin-bottom: 12px; }
.txt-md 									{ font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 12px; }
.txt-sm 									{ font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 12px; }
.txt-xs 									{ font-size: 12px; font-weight: 400; line-height: 24px; }

.txt-white 									{ color: #fff; }
.txt-white-faded							{ color: rgba(255,255,255,0.4); }
.txt-white-faded2							{ color: rgba(255,255,255,0.6); }
.txt-shadow  								{ text-shadow: 0 2px 0px rgba(0,0,0,0.2); }

 /*Buttons*/
.btn 										{ font-size: 16px; text-transform: uppercase; font-weight: 500; line-height: 24px; }
.btn-primary								{ background-color: #f2669f; color: #fff; border-color: #f2669f; padding: 6px 24px; transition: all 200ms ease-in-out;}
.btn-primary:hover							{ background-color: #fcd0e1; color: #f2669f; border-color: #fcd0e1; padding: 6px 24px;}
input 										{ padding: 6px 12px; height: 48px; font-size: 16px; line-height: 48px; margin: 6px 0; color: #161c28;  }
/*
appleblossom #fff0f4
pinkmarzipan #fcd0e1
bubblegum #f2669f
			*/
/* ======================================= */
/* Utilities */
/* ======================================= */
.clearfix 									{ clear: both; }
.mask-overlay								{ position: absolute; background-color: rgba(0,0,0,0.5); display: block; top: 0; left: 0; right: 0; bottom: 0;} 		
.faded 										{ opacity: 0.8; }
.faded2  									{ opacity: 0.4; }
.width-full		 							{ display: inline-block; width: 100%; }
.width-75		 							{ display: inline-block; width: 75%; margin: 0 auto;}
.visible-sm 								{ display: none !important; }
.hidden										{ display: none; }
/*spacing*/
.mt0 										{ margin-top: 0 !important; }
.mt-nudge 									{ margin-top: 6px !important; }
.mt1 										{ margin-top: 12px !important; }
.mt2 										{ margin-top: 24px !important; }
.mt3 										{ margin-top: 36px !important; }
.mt4 										{ margin-top: 48px !important; }
.mt5 										{ margin-top: 60px !important; }
.mb0 										{ margin-bottom: 0 !important; }
.mb-nudge 									{ margin-bottom: 6px !important; }
.mb1 										{ margin-bottom: 12px !important; }
.mb2 										{ margin-bottom: 24px !important; }
.mb3 										{ margin-bottom: 36px !important; }
.mb4 										{ margin-bottom: 48px !important; }
.mb5 										{ margin-bottom: 60px !important; }
.pt0 										{ padding-top: 0 !important; }
.pt-nudge 									{ padding-top: 6px !important; }
.pt1 										{ padding-top: 12px !important; }
.pt2 										{ padding-top: 24px !important; }
.pt3 										{ padding-top: 36px !important; }
.pt4 										{ padding-top: 48px !important; }
.pt5 										{ padding-top: 60px !important; }
.pt6 										{ padding-top: 72px !important; }
.pt7 										{ padding-top: 84px !important; }
.pb0 										{ padding-bottom: 0 !important; }
.pb-nudge 									{ padding-bottom: 6px !important; }
.pb1 										{ padding-bottom: 12px !important; }
.pb2 										{ padding-bottom: 24px !important; }
.pb3 										{ padding-bottom: 36px !important; }
.pb4 										{ padding-bottom: 48px !important; }
.pb5 										{ padding-bottom: 60px !important; }
.pb6 										{ padding-bottom: 72px !important; }
.pb7 										{ padding-bottom: 84px !important; }
.pl1 										{ padding-left: 12px !important; }
.pl2 										{ padding-left: 24px !important; }
.plr1 										{ padding-left: 12px !important; padding-right: 12px !important;}
.plr2 										{ padding-left: 24px !important; padding-right: 24px !important;}
.plr4 										{ padding-left: 48px !important; padding-right: 48px !important;}
.p2 										{ padding: 24px !important; }
.vpadding-xs 								{ padding-top: 6px; padding-bottom: 6px; }
.vpadding-sm 								{ padding-top: 12px; padding-bottom: 12px; }
.vpadding-md 								{ padding-top: 24px; padding-bottom: 24px; }
.vpadding-lg 								{ padding-top: 36px; padding-bottom: 36px; }
.vpadding-xl 								{ padding-top: 48px; padding-bottom: 48px; }
.vpadding10 								{ padding-top: 10vh; padding-bottom: 10vh; }
.vpadding20 								{ padding-top: 20vh; padding-bottom: 20vh; }
.spacer1									{ display: block; width: 100%; height: 12px; }
.spacer2									{ display: block; width: 100%; height: 24px; }
.spacer3									{ display: block; width: 100%; height: 36px; }
.spacer4									{ display: block; width: 100%; height: 48px; }
.spacer5									{ display: block; width: 100%; height: 60px; }
.z2 										{ z-index: 2; }
.z2 * 										{ z-index: 2; }
.divider 									{ margin: 0 auto 24px; height: 1px; display: block; width: 20%; border-bottom: 4px solid darkorange; }
.full-divider 								{ margin: 0 auto 24px; height: 1px; display: block; width: 100%; border-bottom: 2px solid #ccc; }
/*colors*/
/*
appleblossom #fff0f4
pinkmarzipan #fcd0e1
bubblegum #f2669f
minmajesty #cbe6ce
powderblue #e4eaf9
slateblue #3f567a
darknavy #161c28
pumpkin #fbb03b
blue #3ebbff
silver #efefef
kellygreen #35742c
emeraldgreen #479e5e
*/


/* ======================================= */
/* Page Elements */
/* ======================================= */

#birdie-mobile-logo							{ position: relative; background: #fff; width: 100%; padding: 6px; text-align: center;}
#birdie-mobile-logo	img						{ position: relative; width: 100%; max-width: 120px;}
#birdie-desktop-logo 						{ width: 180px; }
#birdie-desktop-logo img					{ position: relative; width: 100%; }
.hero-image-container  						{ min-height: 80vh; position: relative; background-image: url('../img/birdie_map_iphone7.png'); background-size: contain; background-position: center -40px; background-repeat: no-repeat;}
.hero-main-container input[type="email"]    { width: 240px; max-width: 50%; margin-right: 12px;}
#birdie-stylist-notify input[type="email"]  { width: 240px; max-width: 50%; margin-right: 12px;}

.social-group li 							{ display: inline-block; padding: 0 12px; margin-right: 6px; font-size: 20px; color: #479e5e; }

#launch-location 							{ position: relative; background-image: url('../img/dallas_texas.jpeg'); background-size: cover; background-position: left top; background-repeat: no-repeat; z-index: 1;}
#launch-location:before 					{ position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.2);}
#location-msg-wrapper 						{ text-align: center; border: 4px solid #fff; padding: 48px 12px; box-shadow: 1px 2px 4px rgba(0,0,0,0.5); z-index: 2; }
#location-msg-wrapper h3					{ color: #fcd0e1; text-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
#location-msg-wrapper p	   					{ color: #fff; margin-bottom: 0; text-shadow: 1px 1px 4px rgba(0,0,0,0.5);}

#call-to-stylists 							{ position: relative; background-image: url('../img/blowdryer_stylist.jpeg'); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1;}
#stylist-messaging							{ z-index: 2; }

.inner-footer 								{ padding: 10vh 0; min-height: 20vh; background-color: #fff0f4; text-align: center; }
.inner-footer img 							{ width: 200px; }
/* ======================================= */
/* Media Queries */
/* ======================================= */


@media (max-width:1200px) {

}
@media (max-width:992px) {

}

@media (max-width:768px) {
	.hidden-sm 				{ display: none; }
	.visible-sm 			{ display: block !important; }
	.hero-image-container 	{ height: 0; min-height: 0; width: 100%; padding-bottom: 100%; background-image: url('../img/birdie_mobile_launch.jpg'); background-size: contain;}
	#call-to-stylists:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); z-index: 1; }
	#call-to-stylists  		{ background-position: left center; }
}