/*        _____                    _____                    _____            _____                    _____                    _____                    _____                _____          
         /\    \                  /\    \                  /\    \          /\    \                  /\    \                  /\    \                  /\    \              |\    \         
        /::\    \                /::\    \                /::\____\        /::\    \                /::\____\                /::\    \                /::\    \             |:\____\        
       /::::\    \              /::::\    \              /:::/    /       /::::\    \              /::::|   |               /::::\    \              /::::\    \            |::|   |        
      /::::::\    \            /::::::\    \            /:::/    /       /::::::\    \            /:::::|   |              /::::::\    \            /::::::\    \           |::|   |        
     /:::/\:::\    \          /:::/\:::\    \          /:::/    /       /:::/\:::\    \          /::::::|   |             /:::/\:::\    \          /:::/\:::\    \          |::|   |        
    /:::/  \:::\    \        /:::/__\:::\    \        /:::/    /       /:::/__\:::\    \        /:::/|::|   |            /:::/  \:::\    \        /:::/__\:::\    \         |::|   |        
   /:::/    \:::\    \      /::::\   \:::\    \      /:::/    /       /::::\   \:::\    \      /:::/ |::|   |           /:::/    \:::\    \      /::::\   \:::\    \        |::|   |        
  /:::/    / \:::\    \    /::::::\   \:::\    \    /:::/    /       /::::::\   \:::\    \    /:::/  |::|   | _____    /:::/    / \:::\    \    /::::::\   \:::\    \       |::|___|______  
 /:::/    /   \:::\ ___\  /:::/\:::\   \:::\    \  /:::/    /       /:::/\:::\   \:::\    \  /:::/   |::|   |/\    \  /:::/    /   \:::\    \  /:::/\:::\   \:::\    \      /::::::::\    \ 
/:::/____/     \:::|    |/:::/__\:::\   \:::\____\/:::/____/       /:::/  \:::\   \:::\____\/:: /    |::|   /::\____\/:::/____/     \:::\____\/:::/__\:::\   \:::\____\    /::::::::::\____\
\:::\    \     /:::|____|\:::\   \:::\   \::/    /\:::\    \       \::/    \:::\  /:::/    /\::/    /|::|  /:::/    /\:::\    \      \::/    /\:::\   \:::\   \::/    /   /:::/~~~~/~~      
 \:::\    \   /:::/    /  \:::\   \:::\   \/____/  \:::\    \       \/____/ \:::\/:::/    /  \/____/ |::| /:::/    /  \:::\    \      \/____/  \:::\   \:::\   \/____/   /:::/    /         
  \:::\    \ /:::/    /    \:::\   \:::\    \       \:::\    \               \::::::/    /           |::|/:::/    /    \:::\    \               \:::\   \:::\    \      /:::/    /          
   \:::\    /:::/    /      \:::\   \:::\____\       \:::\    \               \::::/    /            |::::::/    /      \:::\    \               \:::\   \:::\____\    /:::/    /           
    \:::\  /:::/    /        \:::\   \::/    /        \:::\    \              /:::/    /             |:::::/    /        \:::\    \               \:::\   \::/    /    \::/    /            
     \:::\/:::/    /          \:::\   \/____/          \:::\    \            /:::/    /              |::::/    /          \:::\    \               \:::\   \/____/      \/____/             
      \::::::/    /            \:::\    \               \:::\    \          /:::/    /               /:::/    /            \:::\    \               \:::\    \                              
       \::::/    /              \:::\____\               \:::\____\        /:::/    /               /:::/    /              \:::\____\               \:::\____\                             
        \::/____/                \::/    /                \::/    /        \::/    /                \::/    /                \::/    /                \::/    /                             
         ~~                       \/____/                  \/____/          \/____/                  \/____/                  \/____/                  \/____/                              
                                                                                                                                                                               
*/                                                                                                                                                                               


/*	GLOBAL	*/
	html{ font-family: PitchReg; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color: #eee9e5;}
		body{margin:0; font-family: "PitchReg", sans-serif; scroll-behavior: smooth; --logo: url(logo.png) no-repeat; }
		body[data-theme="dark"] { --logo: url(delancey_logo_2020-light.png) no-repeat; }
			article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
			*{box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility;outline:0!important}

/*	LOGO	*/
	#nav-wrap { position: fixed; top: 20px; left: 50px; z-index: 9999; width: 100%; }
		.logo { width: 90%; max-width: 400px; background: var(--logo); display: block; -moz-box-sizing: border-box; }
			#nav-wrap .logo img { width: 100%; height: auto; }

/*	WRAPPER	*/
	#wrapper { margin: 40px 25px 0; z-index: 9; float: left; }
		.primary-content { margin: 0 auto; z-index: 9; max-width: 1600px; padding: 0 15px; }
			.about-us { margin: 0 auto; padding: 0 10%; float: left; }
		.photofeat {margin-bottom: 100px; padding: 2%; transform: rotate(-2.5deg); margin: 0 auto; z-index: 9; }
		.photofeat img { width: 100%; height: auto; z-index: 9; }
		p.leftwing, p.lessleft { margin: 1em 0 .5em; color: #000; width: 100%; font-size: 16px; line-height: 24px; }
		p.leftwing { float: left; padding: 0 50% 0 0; }
		p.lessleft { float: right; padding: 0 0 0 50%; }
		
	/*	PHOTO AS A TOPPING	*/
	
		#photostitial { margin: 0 auto; text-align: center; transform: rotate(2.5deg); margin-top: 1em; width: 100%; float: left; }
			#photostitial img { width: 80%; height: auto; max-width: 600px; }	
		

	/*	MENU	*/
		#menu { width: 100%; float: left; padding: 0 10%; font-size: 15px; margin: 2em 0 0; }
			#menu h2.menu-title { margin: 0 auto; text-align: center; overflow: hidden; }
			#menu h2 img { width: 150px; height: auto; margin: 0 auto; text-align: center; font-size: 25px; font-weight: normal; }
			#menu ul { list-style: none; padding: 0; }
			.section-title { font-size: 17px; display: block; width: 100%; position: relative; padding-bottom: 17px; margin-top: 0; }
			.section-title::before { content: ''; width: 100%; height: 1px; background-color: #e22727; position: absolute; bottom: 0; }
		
		.menu-container { padding-top: 12px; margin: 0 0 1rem; float: left; width: 100%; }
		.rl { position: relative; }
		.menu-container .menu-item {margin-bottom: 30px; float: left; width: 100%; }
		.clear::before { content: ' '; display: table; }
		::after, ::before { box-sizing: border-box; }
		.menu-content { width: 80%; float: left; }
		.menu-container .menu-title { margin-top: 0; margin-bottom: 3px; font-size: inherit; text-decoration: underline; }
		.menu-container .menu-content p {margin: 0; }
		.menu-container .menu-price { width: 20%; float: left; text-align: right; }

	/*	CONTACT	*/
		.contact { margin: 0 auto; max-width: 800px; font-size: 15px; }
		.contact h3 { margin-bottom: 0; text-decoration: underline; }
		.contact p { margin-top: 0; }




/*	FOOTER	*/

	#footer {
		width:100%; margin:70px auto 20px; padding:70px 40px;
	 	background:url(../images/pattern.png) 0 0 repeat;
		background-size:95px 44px; float: left; }
	
	#footer .wrapper { width: 100%; max-width: 1080px; margin: 0 auto; }
	
	#footer .inner { background:#eee9e5; padding:6px; margin:0 auto; }
	#footer .inner .table { border:1px solid #046A38; }
	
	.table { display: table; table-layout: fixed; width: 100%; height: 100%; }
	
	#footer .inner .cell { vertical-align:top; width:33.3333%; padding:58px 0; text-align:center; }
	
	.table .cell { display: table-cell; vertical-align: middle; }
	
	#footer h3 { padding-top:10px; }
	#footer p { padding-bottom:10px; }
	#footer .dotted { padding:0 3px; position:relative; }
	#footer .dotted:before, #footer .dotted:after { content:'';  display:block; width:7px; height:100%; position:absolute; top:0; background:url(../images/x.png) 0 0 repeat-y; }
	#footer .dotted:before { left:0; }
	#footer .dotted:after { right:0; }
	#footer .dottedInner { margin:0 7px; background:#FEFCF6; }
	#footer a.instagram, #footer a.facebook { font-size:12px; display:inline-block; margin:0 10px 0; }
	#footer a.instagram img, #footer a.facebook img { height: 21px; width: auto; }


/* SPECIAL NOTICE */
	.bottom-notification{position:fixed;
		background:#d94c2e;
		color:#fff;
		text-align:center;
		display:block;
		padding:20px 20%;
		z-index:100;
		-webkit-backface-visibility: hidden; visibility: hidden;
		font-size:17px;
		font-family: PitchReg; 
		left: 1.5rem; 
		bottom: 1.5rem; 
		right: 1.5rem;}
		
	.bottom-notification a{ color:#fff; text-decoration:none}
	.bottom-notification .close-button{ border:0;
	    background-color: #cbae73;
	    color: #000;
	    width: 3.5rem;
	    height: 3.5rem;
	    position: absolute;
	    top: -1rem;
	    right: -1rem;
	    border-radius: 50%; }
	.bottom-notification-open .bottom-notification { visibility: visible; opacity: 1; }
	
	.close-button .top { -webkit-transform: translateY(4px) rotateZ(45deg); -ms-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotateZ(45deg);}
	.close-button .bottom { -webkit-transform: translateY(-4px) rotateZ(-45deg); -ms-transform: translateY(-4px) rotate(-45deg); transform: translateY(-4px) rotateZ(-45deg);}
	.close-button .bar { display: block; background: #fff ; height: 2px; width: 20px; margin: 6px auto; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition:all .5s ease; }
	.close-button::before { transform: rotate(-45deg); }
	.close-button::after { transform: rotate(45deg); }
	button {
	    background: transparent;
	        background-color: transparent;
	    text-transform: inherit;
	    padding: 0;
	    margin: 0;
	    text-align: inherit;
	    cursor: pointer; }
	
	.closebutton::after, .closebutton::before {
	    display: block;
	    position: absolute;
	    content: "";
	    width: 2rem;
	    height: 2px;
	    background-color: currentColor;
	    top: 50%;
	    left: .75rem;
	    margin-top: -1px; }

	p.notice-title { margin: 0 0 5px; }
		.notice-title img { width: 100%; max-width: 225px; height: auto; }
	p.notice-message { margin: 0; }
		p.extra { padding-top: 8px;}
		
	.bottom-notification a.special { color: #000; background-color: #ffff54; padding: 1px 4px; }		


/* RESPONSIVE */
	@media (min-width:767px) { .bottom-notification {width: 30rem;left: auto; padding: 4%;}}
	@media (max-width: 480px) { 
		#nav-wrap { left: 50%; top: 10px; 	transform: translate(-50%); } 
		.logo, .logo img { margin: 0 auto; max-width: 250px; } 
		p.leftwing, p.lessleft { padding: 0; } 
		#menu, .about-us { padding: 0; }
		.bottom-notification { font-size: 15px; padding: 15px 2rem; }
		}

	@media screen and (max-width: 768px){
	
		#outer { padding:20px; }
		
		#nav { height:auto; position:relative; top:auto; left:auto; text-align:center; padding-top:20px; }
		#nav .mobile_toggle { font-size:14px; text-decoration:none; display:inline-block; }
		#nav ul { display:none; padding:30px 0; }
		#nav li { display:block; text-align:center; margin:16px 0; }
		#nav li a { line-height:1; }
		
		#menu, .about-us { padding: 0 5%; }
		
		p.leftwing, p.lessleft { padding: 0 0 20px; }
		
		#footer { padding:40px; }
		#footer .inner .table { display:block; padding:20px 0; }
		#footer .inner .cell { width:100%; display:block; padding:0px 0; }
		#footer .dotted { padding:0; }
		#footer .dotted:before, 
		#footer .dotted:after { display:none; }
			
		.cols .col.two_thirds,
		.cols .col.one_third, 
		.cols .col.one_half { width:100%; float:none; }
		}

	@media screen and (max-width: 480px){
		p.quote { width:100%; font-size:28px!important; line-height:38px!important; }
		#footer { padding:20px; }
		}





/*	FONTS	*/
	@font-face{
		font-family: 'PitchReg';
		src: url('fonts/pitch-web-regular.eot'); /* IE9 Compat Modes */
		src: url('fonts/pitch-web-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/pitch-web-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/pitch-web-regular.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/pitch-web-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/pitch-web-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
		}