/* CSS Document */

/*

Theme Name: Vertical Diner WP Theme

Theme URI: verticaldiner.com

Description: A WordPress theme.

Author: Kellie Hatch

Author URI: http://kelliemhatch.com/

Version: 1.0


*/

.fixMe { cursor: pointer; }
html, body { max-width:100%; min-width:320px; }
h1, h2, h3, h4, p, figure { margin:0; }
h1 { line-height:1.2; letter-spacing:1px; padding-bottom:5px; }
a,
.link { text-decoration:none; font-weight:600; background:transparent; box-shadow:none; border:none; }
p { padding-bottom: 6px; }
p a:hover,
.link:hover { text-decoration:underline; }
::-moz-selection, ::selection { color:#fff; background:#FFDD37; text-shadow:none; }
.light { font-weight:100; }
.bold,
strong { font-weight:600; }
.normalWeight { font-weight:400; }
.otherFont { font-family: 'Londrina Solid', cursive; }
.cursiveFont { font-family: 'Yellowtail', cursive;}
button { border:none; cursor:pointer; padding:0; font-size:inherit; }
ul { margin:0; padding:0; list-style:none; }
.underline { text-decoration:underline; }
main { position:relative; z-index:1; }
body{ background:#f8e8b0; color:#000; font-family:'Source Sans Pro', sans-serif; font-size:16px; font-weight:400; margin:0; -webkit-font-smoothing: antialiased; line-height:1.35; }
.block { display:block; }
.inlineBlock { display:inline-block; }
.pageCon {max-width:1130px; margin:0 auto; }
.pageTop { border-top-left-radius:40px; border-top-right-radius:40px; }
.centerObject{ margin:0 auto; position:relative!important; }
.grid{ box-sizing:border-box; }
.grid:after{clear:both; content:''; display:table; }
.column{ box-sizing:border-box;float:left;min-height:1px; }
.newRow { clear:both; }
.gridEqual > .column { display: table-cell; float: none; padding-left: 0; position: relative; vertical-align: top; }
.gridEqual { border-collapse: separate; border-spacing: 20px 0; }
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.3%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66.6%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w85{width:85%}
.w100{width:100%}
.colRight {float:right; }
.newColRow { clear:both; }
.show1450 { display:none; }
.show767 { display:none; }
.show475{ display:none; }
.topSpacing{ margin-top:12px }
.topSpacingLr { margin-top:25px }
.bottomSpacing{ margin-bottom:12px }
.topPadding{ padding-top:12px }
.bottomPadding{ padding-bottom:12px }
.topSpacing15{ margin-top:15px }
.leftSpacing15{ margin-left:15px }
.rightSpacing15{ margin-right:15px }
.noTopSpacing{ margin-top:0!important }
.noBottomPadding{ padding-bottom:0; }
.padding10{padding:10px}
.padding5{padding:5px}
.paddingRight25{padding-right:25px}
.paddingLeft25{padding-left:25px}
.sidePadding { padding-left:10px; padding-right:10px; }
.sideSpacing { margin-left:20px; margin-right:20px; }
.sectionPadding { padding:40px; }
.keepOpen{ clear:both }
.centerText{ text-align:center }
.rightText{ text-align:right }
.leftText{ text-align:left }
.left{ float:left }
.right{ float:right }
.white{ color:#fff; }
.offWhite { color:#fdf8e9; }
.yellow,
a.yellow { color:#f8df8d; }
.black{ color:#000; }
.blue { color:#6dc6ad; }
.red { color:#ce0e2d; }
.grey { color:#58595b; } 
.lightGrey { color:#bbbdbf;}
.backgroundWhite { background:#fff; }
.backgroundOffWhite { background:#fdf8e9; }
.backgroundYellow { background:#f8df8d; }
.backgroundBlue { background:#6dc6ad; }
.backgroundRed { background:#ce0e2d; }
.backgroundGrey { background:#58595b; }
.backgroundBlack { background:#000; } 
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.noBullets { list-style:none; }
.bullets li { margin-left:20px; padding-bottom:2px; }
.bottomBorder { border-bottom:1px solid; }
.borderBlue { border-color:#6dc6ad; }
.topBorder { border-top:1px solid #474d54; padding-top:20px; }
.parallax { min-height:120px; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.parallax::before { content:''; position:absolute; top:0; left:0; right:0; width:100%; height:22px; background-color:rgba(253,248,233,0.6); }
/*buttons*/
.button:hover, .button:focus, .button:active { color:#fff; background-position:left bottom; cursor:pointer; background-image: linear-gradient(#ec1c24 0%, #bc1c24 100%);  }
.button { color:#fff; cursor:pointer; display:inline-block; font-size:20px; font-weight:600; padding:12px 28px; text-decoration:none; text-align:center; background-size:auto 200%;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    background-image: linear-gradient(#bc1c24 0%, #ec1c24 100%); border-radius:5px; transition:0.5s; background-position:left top;  }
.blueButton { background-image: linear-gradient(#6dc6ad 0%, #6dc6ad 100%);  }
.smlBtn{ font-size:14px; padding:8px 10px; border-radius:2px; }
.lrgBtn { font-size:20px; line-height:30px; padding:15px 34px; }
.centerButton { margin:20px auto; max-width:200px; text-align:center; display:block; }
.iconArrowAfter::after { content: '\2c3'; position:relative; top:.05em; font-size:1.5em; margin-left:2px; line-height: .4; }
.regTxt { font-size:16px; }
.largeTxt { font-size:18px; }
.largeTxt1 { font-size:22px; }
.largeTxt2 { font-size:26px; }
.largeTxt3 { font-size:30px; } 
.largeTxt4 { font-size:40px; }
small,
.smallTxt { font-size:14px; }
/* Navigation */
.topHeaderBanner .pageCon { background-repeat:no-repeat; background-position:left bottom; padding:20px; background-size:50%; }
.headerImg {  }
.redBar { padding:30px 10px; }
.stripeCon { position:relative; }
.stripeCon::after { background:repeating-linear-gradient( -55deg, transparent, #ec0024 2px, transparent 2px, transparent 5px ); min-height:120px; content:''; position:absolute; left:0; right:0; top:30px; z-index:0; }
.redBar .pageCon { position:relative; z-index:2; padding-right:55px; }
.logoCon { display:inline-block; float:left; position:relative; z-index:2; }
.logoCon .logo { width:250px; height:250px; margin-top:-50px; }
.headerNav{ display:inline-block; padding:20px 10px 20px; text-align:center; position:relative; }
.headerNav:before { content: ''; position:absolute; bottom:0; left: 100%; width:0; height:0; border-style:solid; border-width:0 0 70px 47px; border-color:#ce0e2d transparent transparent #ce0e2d; }
.headerNav:after { content:''; position: absolute; bottom:0; right: 100%; width:0; height:0; border-style:solid;  border-width:70px 0 0 47px; border-color:#ce0e2d transparent #ce0e2d transparent; }
 .headerNav ul { list-style:none; }
.headerNav ul li { display:inline-block; color:#f8df8d; text-transform:uppercase; padding:1px 10px; }
.headerNav ul li button,
.headerNav ul li a { color:#fff; background:transparent; text-transform:uppercase; font-weight:500; font:inherit; }
.headerNav ul li:not(:last-child) { border-right:2px #a6a8ab solid; }
.socialIconsCon { margin-top:15px; }
.redBar .socialIconsCon { display:inline-block; }
.c-icon { width:20px; height:20px; fill:currentColor;  transition:.2s; }
.c-link--facebook:hover  { color:#3b5998 }
.c-link--twitter:hover   { color:#55acee }
.c-link--instagram:hover { color:#833ab4 }
.c-link--linkedin:hover { color:#0d77b5 }
.c-link { position:relative; }
.c-link:not(:last-of-type) { margin-right:10px; }
.homeHeader .logoCon .logo { margin-top:-25px; }
/* header announcements */
.headerAnnouncements { position:relative; z-index:1; margin-top:-10px;  }
.headerAnnouncements .pageCon { max-width:900px; }
.headerAnnouncements ul li .annoucementCon { background:#f8e8b0; text-align:center; padding:10px; border-top-right-radius:20px; border-top-left-radius:20px; color:#6f0e15; font-size:18px; position:relative; }
.headerAnnouncements ul .lineSpacing .annoucementCon {  }
.headerAnnouncements .lineSpacing li:not(:last-child):after { content:none; position:absolute; right:-10px; bottom:10px; height:66%; width:2px; background-color:#fc6532; }
.headerAnnouncements ul li .annoucementCon h2 { font-family:'Londrina Solid', sans-serif;  font-size:26px; text-transform:uppercase; }
.headerAnnouncements ul li .annoucementCon .starCon { background-color:#f8e8b0; border-radius:50%; padding:10px; width:30px; margin:-30px auto 5px; }
.headerAnnouncements ul li .annoucementCon .starCon .star-icon { width:25px; height:25px; fill:currentColor;  color:#fc6532; }
.headerAnnouncements ul li { background:#f8e8b0; border-radius:20px; margin-top:25px; height:auto; }
.pressList li { margin-bottom:20px; }
.pressImg { border-radius:50%; width:100px; height:100px; background-size:cover; display:inline-block; vertical-align:middle; margin-right:20px; background-position:center; }
.pressTxt { display:inline-block; vertical-align:middle; width:calc(80% - 100px) }
.sectionTitle { background-color:#6dc6ad; font-size:26px; color:#fff; text-transform:uppercase; display:inline-block; margin-left:40px; border-bottom-right-radius:13px; border-bottom-left-radius:13px; position:relative; padding:4px 150px 12px 40px; }
.sectionTitle:before { content: ''; position:absolute; top: 0; right:-30px; width:0; height:0; border-style:solid; border-width:0 0 48px 34px; border-color:#6dc6ad transparent transparent #6dc6ad; }
.sectionTitle:after { content: ''; position: absolute; top: 0; left:-30px; width:0; height:0; border-style:solid;  border-width:48px 0 0 34px; border-color:#6dc6ad transparent #6dc6ad transparent; }
.sectionTopBorder { border-top:6px solid #6dc6ad  }
.bottomBorder { border-bottom:1px solid; padding-bottom:40px; }
.contactForm .wpforms-label-hide { display:none; }
.contactForm .button { background:#5fbaa1; text-transform:uppercase; }
.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm textarea { width:100%; max-width:250px; background-color:#949494; padding:10px; color:#fff; margin-bottom:10px; }
.welcomeTxt { font-size:30px;  }

/* footer stuff */
.mapouter{ position:relative;text-align:left;height:175px;width:250px;}
.gmap_canvas { overflow:hidden;background:none!important;height:175px;width:250px; }
@media screen and (max-width:1450px) {
	.hide1450 { display:none; }
	.show1450 { display:block; }

}

@media screen and (max-width:1220px) {
	.logoCon { margin-left:5px; }
.logoCon .logo { width:220px; height:220px; margin-top:-70px; }
.headerNav ul { font-size:16px; }
.headerNav ul li { padding:1px 9px; }
}
@media screen and (max-width:1005px) {
	.half1005{width:50%}
	.logoCon .logo { width:190px; height:190px; }
	.headerNav ul { font-size:13px; }
	.headerNav ul li { padding:1px 5px; }
	.welcomeTxt { margin-top:-15px; font-size:26px;  }
	.headerNav{ padding:20px 2px 20px; }
	.headerAnnouncements .pageCon { max-width:85%; }

}

@media only screen and (max-width:767px){
	.full767{clear:both;width:100%}
	.threeQuarter767{width:75%}
	.half767{width:50%}
	.hide767 { display:none; }
	.show767 { display:block; }
	.topSpacing767 { margin-top:12px; }
	.largeTxt4 { font-size:32px; }
	/* Main menu positionning */
	.headerNav { position:fixed; top:0; right:0; left:0; bottom:0; text-align:center; background:#ffffff73; opacity:0; z-index:-1; visibility:hidden; transition:all .375s; }
	.headerNav.is-open { opacity:1; z-index:100; visibility:visible; }
	/* Yellow band effect */
	.headerNav::before { content:''; position:absolute; top:0; bottom:0; left:0; height:unset; width:unset; right:0; background:#ce0e2dd4; transform-origin:0 0; transform:skew(-14deg) translateX(-120%); transition:all .275s .1s; }
	.headerNav.is-open::before { transform:skew(-14deg) translateX(0); }
	/* Skewing effect on menu links */
	.headerNav ul { display:inline-flex; flex-direction:column; height:100%; align-items:flex-end; justify-content:center; transform:translateX(-18%) skew(-16deg); }
	.headerNav li { display:block; margin:.5rem 0; text-align:right; transform:skew(16deg); }
	/* Apparition effect on links */
	.headerNav a,
	.headerNav button { opacity:0; transform:translateY(-10px); }
	.headerNav.is-open a,
	.headerNav.is-open button { opacity:1; transform:translateY(0); }
	.headerNav li:nth-child(1) a { transition:all 275ms 175ms }
	.headerNav li:nth-child(2) a { transition:all 275ms 225ms }
	.headerNav li:nth-child(3) button { transition:all 275ms 275ms }
	.headerNav li:nth-child(4) button { transition:all 275ms 325ms }
	.headerNav li:nth-child(5) button { transition:all 275ms 375ms }
	/* Decoration */
	.headerNav ul,
	.headerNav li {	list-style:none; padding:0; }
	.headerNav a,
	.headerNav button  {	display:block; padding:12px 0; color:#5A3B5D;	font-size:1.4em; text-decoration:none;	font-weight:bold; }
	.open-main-nav { position:absolute; top:0; padding-top:10px; right:15px; z-index:1000; background:none; border:0; cursor:pointer; }
	.open-main-nav.is-open { position:fixed; top:20px; right:48px; }
	.headerNav ul li:not(:last-child) { border-right:none; }
	.open-main-nav:focus { outline:none; }
	.burger { position:relative; display:block; width:40px; height:3px; margin:0 auto; background:#fff; transform:skew(5deg); transition:all .275s; }
	.burger:after,
	.burger:before { content:''; display:block; height:100%; background:#fff; transition:all .275s; margin:0 auto; }
	.burger:after { transform:translateY(-11px) translateX(0) skew(0); }
	.burger:before {	transform:translateY(-16px) skew(0); }
	/* Toggle State part */
	.is-open .burger { transform:skew(5deg) translateY(-8px) rotate(-45deg); }
	.is-open .burger:before { transform:translateY(0px) skew(-10deg) rotate(75deg); }
	.is-open .burger:after { transform:translateY(-12px) translateX(10px) skew(-20deg); opacity:0; }
	html { height:100%; }
	
	header .socialIconsCon {   }
	header .socialIconsCon:before {  }
	header .socialIconsCon:after { }
	.topHeaderBanner .pageCon { padding:34px 10px 40px; }
	
	
	.c-icon { width:15px; height:15px; }
	.logoCon .logo { margin-top:-60px; width:130px; height:130px; }
	.slashCon::before { width:250px; }
	.redBar .pageCon { padding-left:3%; }
	.redBar .socialIconsCon { display:inline-block; background-color:#ce0e2d; top:10px; left:unset; right:60px; bottom:unset; }
	.topHeaderBanner { text-align:center; }
}
@media only screen and (min-width:0) and (max-width:475px) {
	.half475{width:50%}
	.full475{ clear:both; width:100%}
	.hide475 { display:none; }
	.show475{ display:block; }
	.gridEqual > .column.full475 { display:block; width:auto; }
	.socialIconsCon { left:unset; right:10px; bottom:unset; top:unset; position:absolute; width:unset; }
	.headerAnnouncements ul .lineSpacing::after { right:20%; bottom:-10px; height:1px; width:auto; left:20%; }
	.stripeCon::after { background: repeating-linear-gradient( -55deg, transparent, #ec0024 1px, transparent 2px, transparent 4px ); }
	.headerAnnouncements ul .lineSpacing .annoucementCon { margin-bottom:35px; margin-right:0; }
	.sectionPadding { padding: 20px; }
	main.sectionPadding { padding:10px; }
	.sectionTitle { display:block; margin:0 auto; width:170px; padding:4px 0px 12px 20px; }
	.largeTxt1 { font-size:18px; }
	.largeTxt2 { font-size:22px; }
	.largeTxt3 { font-size:24px; } 
	.largeTxt4 { font-size:26px; }
	.pressImg { width:90px; height:90px; margin-right:10px; }
.pressTxt { display:inline-block; vertical-align:middle; width:calc(95% - 100px); }
	.welcomeTxt { margin-top:-10px; font-size:20px;  }
	.redBar .socialIconsCon { display:none; }
	.mobileSocialBar { min-height:20px; }
	.mobileSocialBar .socialIconsCon { margin-top:0; }
	.pageTop { border-top-left-radius:20px; border-top-right-radius:20px; }
	.homeHeader .logoCon .logo { margin-top:-62px; }
	.homePageContent h1 { margin-top:55px; }
	
}