@charset "utf-8";

body {background-image: url(../images/bg.jpg); background-color: #ccddfb; background-repeat: repeat-x; color: #56647e; font-size: 14px;}
img {-webkit-user-drag: none; user-drag: none;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; font-weight: normal; line-height: 38px; margin: 16px 0px 24px 0px; text-transform: capitalize;}
.head2 h2{background-color: #cbdcfb; font-size: 18px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 10px 10px 48px; margin: 0px; line-height: 24px; background-image: url(../images/icon-white-cupcake.png); background-repeat: no-repeat; background-position: 6px 4px;}
.head2 h2:nth-child(3n+2){background-image: url(../images/icon-pink-cupcake.png) !important;}
.head2 h2:nth-child(3n+3){background-image: url(../images/icon-dark-cupcake.png) !important;}
.small {font-size: 14px;}
.container {max-width: 985px; margin: auto;}
.headmain {background-image: url(../images/bg-head.png); background-repeat: no-repeat; height: 320px; margin: 24px 0px 24px 0px; z-index: 2; position: relative;}
.bodycontain {background-color: #FFF; position: relative; top: -90px; z-index: 1; padding: 70px 18px 18px 18px; margin: 0px 0px -62px 0px;}
.bodycontain2 {background-color: #FFF; position: relative; top: -90px; z-index: 1; padding: 38px 18px 18px 18px; margin: 0px 0px -62px 0px;}
.hd-left {width: 417px; margin: 0; float: left; display: block;}
.hd-mid {width: 193px; margin: 0; float: left; display: block; text-align:center; padding: 32px 0px 32px 0px;}
.hours {color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; margin: 28px 0px 0px 0px; font-size: 16px;}
.hd-right{width: 375px; margin: 0; float: left; display: block; position: relative;}
.logo {float: right; margin: 22px 8px 0px 2px;}
.lady {position: relative; margin: 22px 0px 0px 2px;}
.lady2 {position: relative; z-index: 1; left: -28px; top: -38px; margin: 0px 0px -60px 0px;}
.lady3 {display: none;}
.homebox {position: relative;}
.monthquote {position: absolute; bottom: 256px; left: 25px; text-align: center; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; color: #db499c; font-size: 18px; z-index: 100; font-weight: bold; padding: 0px 32px; height: 42px;}
.monthquote a {color:#db499c;}
.monthquote p {margin: 0; text-align: center !important;}
.m-month {display:none;}
#ovencontainer {margin: 0px; background-image: url(../images/bg-oven.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #FFF; position: relative; top: -90px; z-index: 1; padding: 70px 18px 24px 18px;}
.oven1 {background-color: #db499c;}
.oven2 {background-color: #cbdcfb;}
.oventop {padding: 6px;}
.oventop img {float: left;}
.ovenhand {margin: 18px 14px 0px 10px;}
.ovenlight {margin: 8px 0px 0px 8px;}
.ovenbot1 {border-top: 4px solid #fff; text-align:center; padding: 12px;}
.ovenwindow {text-align:center; padding: 0px 18px 12px 18px;}
.ovenwindow img {margin: auto;}
.ovenfeet {text-align:center; height: 9px; background-image: url(../images/oven-feet.png); background-position: center top; background-repeat: no-repeat;}
.address {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; text-align: right; position: relative; top: -4px; margin: -22px 0px 0px 0px;}
.address2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; text-align: right; padding: 12px 0px 0px 0px;}
.icon-cupcake {float: left; position:relative; margin: 0px 12px 0px 0px; top: 4px;}
.icon-cupcake2 {position: absolute; margin: 126px 0px 0px -82px; z-index: 4; width: 35px !important; height: 37px !important;}
.icon-cupcake3 {float: left; position:relative; margin: 0px 10px -16px 0px; top: -8px;}
.cupcake-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 6px 4px 6px 4px;}
.mainnav {position: relative; top: -68px; z-index: 1;}
.mainnav ul {margin: 0px 0px 0px 32px; padding: 0px; list-style-type: none;}
.mainnav li {float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;}
.white-cup, .dark-cup, .pink-cup {background-repeat: no-repeat; background-position: left; padding: 8px 12px 8px 42px; margin: 0px 18px 0px 0px; text-decoration: none; color: #000;}
.white-cup:link {background-image: url(../images/icon-white-cupcake.png);}
.white-cup:hover, .white-cup:active {background-image: url(../images/icon-white-cupcake-o.png);}
.dark-cup:link {background-image: url(../images/icon-dark-cupcake.png);}
.dark-cup:hover, .dark-cup:active {background-image: url(../images/icon-dark-cupcake-o.png);}
.pink-cup:link {background-image: url(../images/icon-pink-cupcake.png);}
.pink-cup:hover, .pink-cup:active {background-image: url(../images/icon-pink-cupcake-o.png);}
.content {padding: 0px 12px 0px 12px;}
.content p{font-size: 18px; line-height: 24px; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif;}
.content2 {padding: 0px 12px 0px 12px;}
.content2 p{font-size: 16px; line-height: 22px; text-align: left; font-family: Georgia, "Times New Roman", Times, serif;}
.content2 li {font-size: 16px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif;}
.menu div {margin: auto;}
.menuT {background-image: url(../images/menu-top.jpg); background-repeat: no-repeat; width: 280px; height: 64px;}
.menuM {background-image: url(../images/menu-mid.jpg); background-repeat: repeat-y; width: 280px; padding: 0px 32px 20px 32px;}
.menuB {background-image: url(../images/menu-bot.jpg); background-repeat: no-repeat; width: 280px; height: 40px;}
.todaymenu {margin: 0px; padding: 12px 0px 24px 0px; list-style-type: none; color: #FFF; min-height: 750px;}
.todaymenu li {font-size: 16px; line-height: 16px; margin-bottom: 8px;}
.todaymenu span {top: -6px; position: relative;}
.todaymenu a {color:#FFF; text-decoration:none;}
.menu-icon {width: 28px; height: auto; margin: 0px 14px 0px 0px;}
.feature {width: 100%; height:210px; overflow: hidden; background:#fff; border: 12px solid #FFF;}
.feature img {width:192px; height:auto; position: relative; top:-25px;}
.gloss a:link {color: #56647e;}
.gloss a:visited {color: #56647e;}
.gloss a:hover {color: #db499c;}
.gloss a:active {color: #56647e;}
.foot a:link {color: #56647e;}
.foot a:visited {color: #56647e;}
.foot a:hover {color: #000;}
.foot a:active {color: #56647e;}
.but1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #000; background-color: #cbdcfb; padding: 8px 18px 8px 18px; border: 2px solid #fff; text-decoration: none; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.but2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000; background-color: #cbdcfb; padding: 4px 18px 4px 18px; border: 2px solid #fff; text-decoration: none; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.but3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #fff; background-color: #db499c; padding: 4px 18px 4px 18px; border: 2px solid #fff; text-decoration: none; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.but4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #000; background-color: #cbdcfb; padding: 8px 14px 8px 14px; border: 2px solid #fff; text-decoration: none; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.foot {font-family: Arial, Helvetica, sans-serif; font-size: 12px; max-width: 940px; margin: auto;}
.home .foot {position: relative; top: -40px;}


.cb-button-prev {position: absolute !important; top: 40px !important; left: 10px !important; margin: 0; background: #e96ab2; color: #fff !important; width: 35px !important; height: 35px !important; padding-right: 3px; border-radius: 50%; zoom: 0.7;}
.cb-button-next {position: absolute !important; top: 40px !important; right: 10px !important; margin: 0; background: #e96ab2; color: #fff !important; width: 35px !important; height: 35px !important; padding-left: 3px; border-radius: 50%; zoom: 0.7;}

#gallery2 {height: 830px;}
#gallery3 {height: 1060px;}

.gallery-main {width: 130px; height: 98px; overflow: hidden; border: 6px solid #FFF; box-shadow: 0px 0px 9px #666; margin: 9px; float: left;}
.gallery-main img{width: 100%; height: auto;}

.gallery {list-style-type: none; margin: 0px; padding: 0px; height: 768px;}
.gallery dl {width: 170px !important; height: 157px; overflow: hidden; border: 6px solid #FFF; box-shadow: 0px 0px 9px #666; margin: 9px; float: left; position: relative;}
.gallery dd {position: absolute; top:0; width: 100%; padding: 6px 0;}
.gallery dl:nth-child(odd) dd {background-color: #e96ab2; color: #fff;}
.gallery dl:nth-child(even) dd {background-color: #cbdcfb; color: #56647e;}
.gallery dl:nth-child(odd) a {color: #FFF ;}
.gallery dl:nth-child(even) a {color: #56647e;}
.gallery dl img{width: 100%; height: auto; border: 0 !important; position: relative; top: 28px;}
.gallery dl a {text-decoration: none;}

.ngg-caption-view-wrapper {gap: 10px !important;}
.ngg-caption-view-wrapper div:nth-child(odd) span {background-color: #e96ab2; color: #fff;}
.ngg-caption-view-wrapper div:nth-child(even) span {background-color: #cbdcfb; color: #56647e;}
.ngg-caption-view-wrapper div:nth-child(odd) a {color: #FFF ;}
.ngg-caption-view-wrapper div:nth-child(even) a {color: #56647e;}
.ngg-gallery-thumbnail {border: 6px solid #FFF !important; box-shadow: 0px 0px 9px #666; display: grid;}
.ngg-gallery-thumbnail a {margin: 0 !important; order:2;}

.ngg-gallery-thumbnail-box.ngg-3-columns {width: 191px !important}
.ngg-gallery-thumbnail span {font-size: 14px !important; padding: 6px 0;}

.ngg-galleryoverview {margin-top: 20px !important;}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {padding: 8px !important;}



.gallery3 {width: 100%; height: 98px; overflow: hidden; border: 6px solid #FFF; box-shadow: 0px 0px 9px #666; margin: 9px 0px 9px 0px;}
.gallery3 img{width: 100%; height: auto;}
.gallery-details img {max-width: 590px; border: 12px solid #FFF; box-shadow: 0px 0px 9px #666; margin: 36px 0px; float: left;}
.gallery-details img {width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.floatL {float: left; margin: 0px 24px 0px 0px;}
.floatR {float: right;}
.box1, .box2, .box4 {margin: 12px 0px 12px 0px;}
.box1, .box4 {background-color: #e96ab2; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box1 h2, .box1 h3, .box1 h4 {text-align: center; color: #FFF; text-transform: normal; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif;}
.box1 h4 {background-color: #FFF; padding: 6px; margin: 8px 0px 8px 0px !important; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; color: #e96ab2; font-size: 14px;}
.box1 p {font-size: 14px; line-height: 18px; text-align: center; color: #FFF;}
.box1 img {margin: 18px 0px 0px 0px;}
.cupcake-set {text-align:center;}
.box2 {background-color: #cbdcfb; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box3, .box5 {background-color: #cbdcfb; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box3 p {font-size: 14px; line-height: 18px; text-align: left;}
.box4 h2, .box4 h3, .box4 h4 {text-align: center; color: #FFF; text-transform: uppercase; margin: 0px;}
.box5 h2, .box5 h3, .box5 h4 {text-align: center; text-transform: normal; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif;}
.box5 {text-align: center;}
.box5 p {font-size: 14px; line-height: 18px; text-align: center;}
.box4 h4 {background-color: #FFF; padding: 6px; margin: 8px 0px 8px 0px !important; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; color: #e96ab2; font-size: 14px;}
.box4 p {font-size: 14px; line-height: 18px; text-align: center; color: #FFF;}
.box4 img {margin: 0px;}
#showcase5, #showcase6 {margin: 12px 0px 12px 0px;}
.mini, .junior, .regular {margin: 12px 0px 12px 0px; cursor: default;}
.mini {background-image: url(../images/cupcake-mini.jpg); height: 202px; width: 90px; display: inline-block;}
.mini:hover {background-image: url(../images/cupcake-mini-o.jpg);}
.junior {background-image: url(../images/cupcake-junior.jpg); height: 202px; width: 91px; display: inline-block;}
.junior:hover {background-image: url(../images/cupcake-junior-o.jpg);}
.regular {background-image: url(../images/cupcake-regular.jpg); height: 202px; width: 91px; display: inline-block;}
.regular:hover {background-image: url(../images/cupcake-regular-o.jpg);}
.pink {color: #db499c;}
.txtR {text-align:right;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.bar1 {background-color: #cbdcfb; margin: 8px 0px 0px 0px !important; padding: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; border: solid 1px #db499c;}
.bar1 a {color: #56647e;}
.bar1 a:hover {color: #db499c;}
.bar2 {background-color: #e96ab2; margin: 0px 0px 8px 0px !important; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-align: right;}
.bar2 a {color: #000; text-decoration: none; padding: 4px 8px 4px 8px; background-color: #cbdcfb; border: solid 2px #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-transform: uppercase;}
.image1 {width: 100%; height: auto; border: 12px solid #FFF; box-shadow: 0px 0px 9px #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.image2 {width: 75%; height: auto; border: 12px solid #FFF; margin: 24px 0px 0px 36px; box-shadow: 0px 0px 9px #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform:rotate(-4deg); -ms-transform:rotate(-4deg);  -webkit-transform:rotate(-4deg); }
.image3 {width: 75%; height: auto; border: 12px solid #FFF; margin: 0px 0px -35px 24px; box-shadow: 0px 0px 9px #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform:rotate(3deg); -ms-transform:rotate(3deg);  -webkit-transform:rotate(3deg); top: -35px; position: relative; z-index: 200;}
.image4 {width: 75%; height: auto; border: 12px solid #FFF; margin: 0px 0px -45px 48px; box-shadow: 0px 0px 9px #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform:rotate(1deg); -ms-transform:rotate(1deg);  -webkit-transform:rotate(1deg); top: -55px; position: relative;}

.grid_1 {width: 6.5%;}
.grid_2 {width: 15%;}
.grid_3 {width: 23.5%;}
.grid_4 {width: 32%;} 
.grid_5 {width: 40.5%;}
.grid_6 {width: 49%;}
.grid_7 {width: 57.5%;}
.grid_8 {width: 66%;}
.grid_9 {width: 74.5%;}
.grid_10 {width: 83%;}
.grid_11 {width: 91.5%;}
.grid_12 {width: 100%;}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {margin: 0 2% 1% 0; float: left; display: block;}
#custom .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {margin: 0 2% 0% 0; float: left; display: block;}
#custom .omega{margin-right:0;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.clearL{clear:left;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearR{clear:right;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearS{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:12px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

.preload {display: none;}
.pad1 {padding: 0px 10px 0px 0px;}

.L1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; float: left; width: 90px; text-align:right; padding: 2px 8px 0px 0px;}
.L2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; float: left; width: 140px; text-align:right; padding: 2px 8px 0px 0px;}
.L3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding: 0px 0px 12px 0px; display: block;}
.T1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; float: left; width: 150px; margin: 0px 0px 14px 0px; padding: 3px; border: 1px solid #CCC;}
.T2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; width: 300px; margin: 0px 0px 14px 0px; padding: 3px; border: 1px solid #CCC; display: block;}
.A1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#666; float: left; width: 200px; height: 80px; margin: 0px 0px 14px 0px; padding: 3px; border: 1px solid #CCC;}
.A2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#666; width: 300px; height: 120px; margin: 0px 0px 14px 0px; padding: 3px; border: 1px solid #CCC; display: block;}
.submit1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; background-color: #cbdcfb; padding: 6px 14px 6px 14px; border: 0px; text-decoration: none; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; text-transform: uppercase;}
.mobile {display: none;}
.desktop {display: block;}

@media screen and (max-width : 984px) and (min-width : 701px) {
.container {min-width: 985px; margin: auto;}
}

@media screen and (max-width : 700px) {
body {background-image: none; background-color: #fff;}
h1 {font-size: 28px; line-height: 32px;}
.mobile {display: block;}
.desktop {display: none !important;}
.content {padding: 0px;}
.content2 {padding: 0px;}
.mainnav {display: none;}
.headmain {background-image: none; margin: 0px; height: auto;}
.hd-left {display: none;}
.hd-mid {display: none;}
.hd-right {float: none; text-align: center; margin: 18px 0px 18px 0px; width: 100%;}
.bodycontain {background-color: #FFF; position: relative; top: 0px; padding: 0px 12px 0px 12px; margin: 0px;}
.bodycontain2 {background-color: #FFF; position: relative; top: 0px; padding: 0px 12px 0px 12px; margin: 0px;}
.fb_iframe_widget {display: none !important;}
.lady {display: none;}
.lady2 {display: none;}
.lady3 {position: relative; display: block; margin: auto; max-width: 290px; height: auto;}
.lady4 {width: 100%; height: auto;}
.address {text-align:center; font-size: 14px; top: 0px; margin: 18px 0px 0px 0px;}
.address2 {text-align:center; font-size: 14px; margin: 6px 0px 0px 0px;}
#ovencontainer {display: none;}
.icon-cupcake {display: none;}
.girl4 {width: 100%; height: auto;}
.image2, .image3, .image4 {border: 8px solid #FFF;}
.image4 {margin: 0px 0px -25px 48px; top: -35px;}
.gallery-main {width: 43%; height: 81px;}
#gallery2 {height: 1430px;}
#gallery3 {height: 1820px;}
#gallery h2 {margin-top: 0px; margin-bottom: 36px;}
.showcase-arrow-previous, .showcase-arrow-next {top: 34px !important;}
.showcase-content {width: 100%;}
.gallery2 {height: 2280px; text-align: center; display: inline-block; margin: auto;}
.gallery2 li {float: none; margin: 18px 0px 18px 0px;}
.three-cupcake {width: 100%; height: auto; margin: 8px 0px 8px 0px !important;}
.showcase-button-wrapper span {padding: 12px !important; top: -20px; position: relative;}
.truck {width: 100%; height: auto;}
.foot {padding: 18px 0px 18px 0px; text-align: center;}
.L1, .L2 {width: 100%; float: none; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 0px 4px 0px; display: block;}
.T1 {float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.A1 {float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fullw {width: 100%; height: auto;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {float: none; width: 100%; margin: 0 0% 1% 0%;}
.pad1 {padding: 0px;}
.white-cup, .dark-cup, .pink-cup {background-position: 18px top;}
.m-month a {color:#db499c;}
.m-month {display:block; width: 280px; margin: auto; text-align: center;}
.todaymenu {height: inherit;}
.submit1 {display:block; width:100%; margin:18px auto 28px auto;}
}