/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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; } th, td { padding: 0 !important; } .print { position:relative !important; top:0px !important; left:0px !important; } .form_error{color:red;} .clear { clear: both; } .italic { font-style:italic; } /* BEGIN MASTER STYLE */ #breyer-150th-container { width:100%; position:relative; background-color:#000000; } img.resimg { width:100%; } .isDesktop { display:block !important; } .isTablet { display: none !important} .isMobile { display:none !important; } .isDesktopbtnCard { display:block !important; } .isMobilebtnCard { display:none !important; } .isDesktopImg{display:block !important} .isMobileImg{display:none !important} .isPrint { display:none !important; } /* END MASTER STYLE */ /* BEGIN HOMEPAGE STYLE */ #homePg{ width:100%; margin-bottom: 75px; } #homePg #homePg-body { max-width:1600px; margin:-75px auto; } #homePg #homePg-body #birthday-intro *, #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo *, #homePg #homePg-body #createAndCelebrate *, #homePg #homePg-body #section4 *, #homePg #homePg-body #qualitySince1866 * {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing: content-box;} /*-------------------- Nav -------------------------------------------------------*/ #navContainer{ z-index:10; max-width:100%; width: 100%; background: url(../images/nav_background.png) repeat; position:relative; } #navContainer.stick{ position:fixed; top: 0px; } .navigation{ height:75px; max-width: 900px; width:100%; text-align: center; margin: 0 auto; } .navigation ul{ overflow: hidden; width: 100%; list-style: none; } .navigation ul li { display: block; float: left; line-height: 75px; } .navigation ul li#navItem1{ width:20%; } .navigation ul li#navItem2{ width:20%; } .navigation ul li#navItem3{ width:20%; } .navigation ul li#navItem4{ width:20%; } .navigation ul li#navItem5{ width:20%; } .navigation ul li a{ text-decoration: none; font-family: 'NeutraTextDemi', Arial; text-transform:uppercase; vertical-align: middle; font-size: 17px; color: #191919; line-height: 58px; display: block; text-align: center; text-indent: -9999px; } .navigation ul li a.nav1{ background: url(../images/nav1.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav2{ background: url(../images/nav2.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav3{ background: url(../images/nav3.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav4{ background: url(../images/nav4.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav5{ background: url(../images/nav5.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav1, .navigation ul li.nav-active a.nav1 { background:url(../images/nav1Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav2, .navigation ul li.nav-active a.nav2 { background:url(../images/nav2Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav3, .navigation ul li.nav-active a.nav3 { background:url(../images/nav3Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav4, .navigation ul li.nav-active a.nav4 { background:url(../images/nav4Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav5, .navigation ul li.nav-active a.nav5 { background:url(../images/nav5Active.png) no-repeat center center; background-size:contain; } /*-----------------------------------------------------------------------------------*/ #homePg #homePg-body p { font-family:"FuturaBook", Arial, sans-serif; color:#000000; font-size:20px; line-height:28px; } #homePg #homePg-body .block-wrapper { max-width:960px; margin:0 auto; } #homePg #homePg-body #birthday-intro { height:707px; background-size:contain; } #homePg #homePg-body #birthday-intro .block-wrapper { position:relative; max-width:1600px; margin:0 auto; } #homePg #homePg-body #birthday-intro .video{ position:static; width:100%; height:522px; z-index:1; } #homePg #homePg-body #birthday-intro .video .video-player { width:100%; height:100%; } #homePg #homePg-body #birthday-intro .birthday-img { position: absolute; top: 0; left: 0; z-index:2; } #homePg #homePg-body #birthday-intro .birthday-img img { width:100%; } #homePg #homePg-body #birthday-intro .birthday-logo { max-width: 677px; text-align: center; position: absolute; top: 0; left: 655px; z-index: 3; } #homePg #homePg-body #birthday-intro .birthday-logo p { max-width:375px; margin-left: 190px; margin-top: 43px; } #homePg #homePg-body #birthday-intro .birthday-logo p > span { color:#056600; font-weight:700; } #homePg #homePg-body #birthday-intro .birthday-logo p > sup, #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p > sup, #homePg #homePg-body #section4 #iceCreamCake p > sup, #homePg #homePg-body #qualitySince1866 p > sup, #homePg #homePg-body #createAndCelebrate .create-and-win-logo sup { vertical-align:text-top; font-size:11px; line-height:21px; } #homePg #homePg-body #celebrityChefRecipe { background: url(../images/homePg_celebrity_chef_recipe_bg.jpg) no-repeat; height:1037px; background-size:contain; } #homePg #homePg-body #celebrityChefRecipe .block-wrapper{ padding: 186px 0 0 0; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { max-width:341px; height: 573px; text-align: center; margin: 0 0 0 545px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { max-width: 345px; font-size: 18px; margin: 28px 0 0 0; } /*begin owl carousel*/ .celebrity-chef-recipe-carousel { height:204px; padding:13px 0 13px 0; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container { max-width:814px; margin:0 auto; position:relative; } .celebrity-chef-recipe-carousel .owl-carousel .owl-item { padding-right:2px; } .celebrity-chef-recipe-carousel .item { width:202px; height:202px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev { background: url(../images/homePg_celebrity_chef_recipe_carousel_prev_btn.png) no-repeat; width:26px; height:50px; text-indent:-9999px; position:absolute; top: 77px; left: -36px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { background: url(../images/homePg_celebrity_chef_recipe_carousel_next_btn.png) no-repeat; width:26px; height:50px; text-indent:-9999px; position:absolute; top:77px; right:-36px; } /*end owl carousel*/ #homePg #homePg-body #createAndCelebrate { background: url(../images/createAndWin-bg.jpg) no-repeat; height:700px; background-size:contain; overflow:hidden; position:relative; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo { max-width:379px; text-align:center; float:left; margin: 142px 0 0 21px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { font-size: 22px; margin: 47px 0 0 27px; max-width: 335px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { width:204px; height:44px; margin: 0 auto; display:block; margin-right: 79px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta > img{display:block; width: 100%;} #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn{margin-top: 52px; text-align:center;} #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-gallery{margin-top:19px;} #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { color:#116800; font-size:18px; line-height:18px; font-family:"FuturaBook", Arial, sans-serif; display: inline-block; font-weight: 700; margin:35px 0 0 28px; cursor:pointer; text-decoration:none; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes-btn .tri { display:inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #116800; margin-left:5px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes { position:absolute; top:102px; z-index:12; max-width:960px; width:100%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper { width:440px; background-color:#70c300; padding:40px 48px 40px 48px; margin:0 auto; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-header { height:40px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-header .prizes-hdr { float:left; font-family:"NeutraTextDemi", Arial, sans-serif; font-size:40px; line-height:40px; color:#ffffff; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-header .prizes-close-btn { float:right; width:23px; height:22px; background: url(../images/prizes_close_btn.png) no-repeat; cursor:pointer; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { font-family:"FuturaBook", Arial, sans-serif; color:#000000; font-size:17px; line-height:27px; text-align:left; margin-top:60px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul { padding:0; margin:0 0 35px 19px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul li { list-style:disc; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li { line-height:24px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li > sup { vertical-align:text-top; font-size:10px; line-height:12px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content strong { font-weight:800; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img { float:left; max-width:560px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta { width:560px; height:701px; display:block; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta:hover, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta:focus{ background: transparent; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard { position:relative; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 { display:none; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 { position:absolute; top:0; right:-2000px; z-index:9; } #homePg #homePg-body #section4 { height:569px; } #homePg #homePg-body #section4 #partyInThePark { background: url(../images/party_in_the_park_bg.jpg) no-repeat; max-width:800px; width:50%; height:569px; float:left; text-align:center; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo{ background: url(../images/party_in_the_park_logo_bg.png) repeat; padding:40px 35px 40px 39px; margin:122px 21px 0 341px; max-width: 437px; } #homePg #homePg-body #section4 #partyInThePark p { font-size: 22px; margin:36px auto 35px auto; max-width: 370px; } #homePg #homePg-body #section4 #partyInThePark a.cta{ max-width:204px; margin:0 auto; display:block; } #homePg #homePg-body #section4 #partyInThePark p.time { font-family: "Futura_std", Arial, sans-serif; } #homePg #homePg-body #section4 #iceCreamCake { background: url(../images/ice_cream_cake.jpg) no-repeat; width:800px; width:50%; height:569px; float:left; text-align:center; } #homePg #homePg-body #section4 #iceCreamCake p { font-size: 18px; color: #ffffff; max-width: 455px; margin: 407px 0 0 45px; } #homePg #homePg-body #section4 #iceCreamCake a.cta { width: 210px; height: 44px; display: block; margin: 18px 0 0 152px; } #homePg #homePg-body #qualitySince1866 { background: url(../images/quality_since_1866_bg.jpg) no-repeat; height:843px; text-align:center; } #homePg #homePg-body #qualitySince1866 img.quality-logo-desktop { width:561px; margin:0 auto; } #homePg #homePg-body #qualitySince1866 .block-wrapper { padding-top:54px; } #homePg #homePg-body #qualitySince1866 p { font-size: 18px; max-width:730px; margin:50px auto 29px auto; } #homePg #homePg-body #qualitySince1866 a.cta { width: 230px; height: 44px; display: block; margin:44px auto; } #homePg #homePg-body #qualitySince1866 p.disc { font-size:14px; line-height:20px; color:#116800; margin: 28px auto; max-width: 865px; } /* END HOMEPAGE STYLE */ /* Begin Choose Upload */ .pageChooseUpload{width: 100%; max-width: 1600px; margin: 0 auto;} .pageChooseUpload .topChooseUpload{background:url(../images/card__selectOrUpload_main.jpg) no-repeat top center; width: 100%; height:669px;background-size: cover;} .pageChooseUpload.galleryPage .topChooseUpload{background:url(../images/gallery_img.jpg) no-repeat top center; width: 100%; height:619px;background-size: cover;} /*.pageChooseUpload .bottomChooseUpload{background:url(../images/card_bg_bottomChooseUpload.jpg) no-repeat top center; width: 100%; background-size: cover; padding-bottom: 100px;}*/ .pageChooseUpload .bottomChooseUpload{ background: rgba(61,156,42,1); background: -moz-radial-gradient(center, ellipse cover, rgba(61,156,42,1) 0%, rgba(17,104,0,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(61,156,42,1)), color-stop(100%, rgba(17,104,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(61,156,42,1) 0%, rgba(17,104,0,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(61,156,42,1) 0%, rgba(17,104,0,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(61,156,42,1) 0%, rgba(17,104,0,1) 100%); background: radial-gradient(ellipse at center, rgba(61,156,42,1) 0%, rgba(17,104,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9c2a', endColorstr='#116800', GradientType=1 ); padding-bottom: 100px; } .pageChooseUpload .topChooseUpload .hdr{padding-top: 246px; padding-left: 40px;} .pageChooseUpload.galleryPage .topChooseUpload .hdr{padding-left: 0px; width: 350px; text-align: center; padding-top: 170px;} .pageChooseUpload .topChooseUpload .hdr p{font-family:"FuturaBook"; font-size: 23px; line-height: 28px; padding: 20px 0 0 0px; color:#000} .pageChooseUpload.galleryPage .topChooseUpload .hdr p{font-family:"FuturaBook"; font-size: 18px; line-height: 28px; padding: 10px 0 10px 0px;} .pageChooseUpload.galleryPage .topChooseUpload .hdr a{display:inline-block; margin: 10px auto 0; text-decoration: none;} .pageChooseUpload.galleryPage .topChooseUpload .hdr > a:last-child { margin-top:20px;} .pageChooseUpload.galleryPage .topChooseUpload .hdr a:hover, .pageChooseUpload.galleryPage .topChooseUpload .hdr a:focus{background:none;} .pageChooseUpload.galleryPage .topChooseUpload .hdr a span{display:block; padding-left: 17px; background: url(../images/bg_back_to_our.png) no-repeat left center; font-family: 'FuturaBook'; font-size: 20px; color: #000000; text-transform: uppercase;} .pageChooseUpload.galleryPage .topChooseUpload .hdr a span sup{font-size: 50%; vertical-align: text-top; line-height: 90%;} .pageChooseUpload .topChooseUpload .hdr p span{font-family:'NeutraTextDemi'} .pageChooseUpload .midChooseUpload {background:#70c300; height: 70px;} .pageChooseUpload .wrap_contentPageChooseUpload{width: 100%; max-width: 960px; margin: 0 auto;} .wrap_contentPageChooseUpload .mp-status{display: none;} .pageChooseUpload .midChooseUpload .cardStep{position: relative;} .pageChooseUpload .midChooseUpload .cardStepImg{position: absolute; top: -50px; left: 0px;} .pageChooseUpload .midChooseUpload h2, .pageChooseUpload .midChooseUpload h3{display: inline-block; height: 70px; line-height: 70px;} .pageChooseUpload .midChooseUpload h2{padding-left: 176px; font-family:'NeutraTextDemi'; font-size: 28px; color:#ffffff; text-transform:uppercase;} .pageChooseUpload .midChooseUpload h3{float: right; font-family:'FuturaBook'; font-size: 20px; color:#000000; text-transform:uppercase; background:url(../images/bg_back_to_our.png) no-repeat left center; padding-left: 17px;} .pageChooseUpload .midChooseUpload h3 a{text-decoration: none; color:#000000} .pageChooseUpload .midChooseUpload h3 sup{ font-size: 50%; vertical-align: text-top; line-height: 90%;} .pageChooseUpload .bottomChooseUpload p{font-family:'FuturaBook'; font-size: 18px; line-height: 28px; color:#ffffff; padding-top: 45px; padding-left: 20px;} .pageChooseUpload.galleryPage .bottomChooseUpload p{margin-bottom: 50px;} .pageChooseUpload.galleryPage .bottomChooseUpload p a{color:#ffffff; text-decoration:underline;} .pageChooseUpload .bottomChooseUpload h4{font-family:'FuturaBook'; font-size: 18px; line-height: 28px; color:#ffffff; padding-left: 20px;} .pageChooseUpload .bottomChooseUpload h4 a{ color:#ffffff; text-decoration:underline} .pageChooseUpload .bottomChooseUpload p span{display: block; margin-top: 10px;} .pageChooseUpload .bottomChooseUpload h3{font-family:'NeutraTextDemi'; font-size: 24px; color:#000; padding: 20px 0; padding-left: 20px;} .pageChooseUpload .bottomChooseUpload ul{overflow: hidden;padding-left: 20px;} .pageChooseUpload.pageChoose .bottomChooseUpload ul{overflow: hidden;padding-left: 20px; margin-bottom: 30px} .pageChooseUpload .bottomChooseUpload ul li{float: left;margin-right:40px;} .pageChooseUpload .bottomChooseUpload ul li:last-child{margin-right: 0px;} .pageChooseUpload .bottomChooseUpload ul li img{display: block;} .pageChooseUpload.pageUpload{background:url(../images/card_bg_bottomChooseUpload.jpg) no-repeat top center; width: 100%; height:748px;background-size: cover; padding-top: 66px;} .pageChooseUpload.pageUpload .bottomChooseUpload{background: none; height: auto} .pageChooseUpload.pageUpload #mpWidget1{padding-left: 20px;} .pageChooseUpload.pageCard{background:url(../images/card_bg_bottomChooseUpload.jpg) no-repeat top center; width: 100%; min-height:748px;background-size: cover; padding-top: 66px;} .pageChooseUpload.pageUpload .bottomChooseUpload .btnUploadPhoto{background:url(../images/btn_uploadPhoto.jpg) no-repeat top center; width: 230px; height: 44px; text-indent: -9999px; display: block; margin: 40px 0 0 20px; padding: 0px; border-radius: 0px;} .showFinalPhoto{padding-top: 86px; display: none} .showFinalPhoto .imgFinal{display: block; float: left; margin:0 8px 20px 0;} .lkbSubmit{display: block; background:url(../images/btnUpload_next.jpg) no-repeat top center; width: 146px; height: 46px; text-indent: -9999px;margin-top: 40px;} .lkbSubmit:focus, .lkbSubmit:active{background:url(../images/btnUpload_next.jpg) no-repeat top center;} /* End Choose Upload */ /*Begin Upload Card*/ .pageChooseUpload.pageUpload #mpWidget1 .mp-btn-upload{width: 230px; height: 44px; line-height: 44px; text-align: center; margin-right: 0px; text-decoration: none;} .pageChooseUpload.pageUpload #mpWidget1 .mp-btn-upload > span{padding: 0px 20px 0 0; font-size: 24px; background:#000000 url(../images/arrow_upload_page_mobile.jpg) no-repeat right center; font-family:'NeutraTextDemi'; display: block;} /*End Upload Card*/ /* Begin Card */ .wrap_contentPageChooseUpload .leftCard{float: left} .wrap_contentPageChooseUpload .rightCard{float: right} #loveNoteCanvas #imagedit, #loveNoteCanvas #imagedit .im-viewer CANVAS{width: 440px;} #loveNoteCanvas #imagedit.im-container{border: 0px; background: none;} .txthdrCard{display: block; color:#fff; text-align: left;font-size: 18px; line-height: 28px; font-family:'FuturaBook'; padding: 80px 0 30px} .paneholder{width: 440px;} .paneholder h2{height: 58px; border-top: 2px solid #116800; font-size: 24px; font-family:'NeutraTextDemi'; line-height: 58px; color:#ffffff; text-transform:uppercase; box-sizing: border-box; padding-left: 70px;} .paneholder .options{background:#c5ea93;} #panePhrases h2 {background:#70c300 url(../images/lovenote/iconCard1.jpg) no-repeat top left;} #paneStickers h2 {background:#70c300 url(../images/lovenote/iconCard2.jpg) no-repeat top left;} #paneEmojis h2 {background:#70c300 url(../images/lovenote/iconCard3.jpg) no-repeat top left;} #paneBorders h2 {background:#70c300 url(../images/lovenote/iconCard4.jpg) no-repeat top left;} #paneBorders h2 , #paneEmojis h2 , #paneStickers h2 , #panePhrases h2 {overflow: hidden;} #paneBorders h2 span, #paneEmojis h2 span, #paneStickers h2 span, #panePhrases h2 span{ display: inline-block; width: 42px; height: 58px; background: url(../images/bg_h2_accordion.png) no-repeat top left; float: right; } #paneBorders h2.active span, #paneEmojis h2.active span, #paneStickers h2.active span, #panePhrases h2.active span{ display: inline-block; width: 42px; height: 58px; background: url(../images/bg_h2_accordion_active.png) no-repeat top left; float: right; } #loveNoteCanvas{position:relative;} #loveNoteCanvas #errorMessage { position: absolute; top: 250px; width: 100%; text-align: center; display: none; } #loveNoteCanvas #errorMessage SPAN {color: #FF0000; font-weight: bold; padding: 10px 25px; background: #FFF; border: solid 2px #72c613; display: inline-block; } .btn {display: inline-block; cursor: pointer; text-decoration: none; } #loveNoteCanvas #btnStartOver { background-image: url(../images/btn_ln_start_over.png); width: 145px;} #loveNoteCanvas #btnTrash { background-image: url(../images/btn_ln_trash.png); width: 163px; float: right} #loveNoteCanvas #btnSubmit { background-image: url(../images/btn_ln_submit.png); width: 123px; } .controls .btn {background: no-repeat top center; height: 48px; } .bottomControl{padding: 40px 0;} .bottomControl .btnBackCard, .leftCard .btnBackCard{display: inline-block; width: 154px; height: 44px;background: url(../images/btn_ln_back_card.png) no-repeat; vertical-align: middle} .leftCard .btnBackCard{margin-top: 280px;} .bottomControl .btnBackCard:hover, .bottomControl .btnBackCard:focus, .leftCard .btnBackCard:hover, .leftCard .btnBackCard:focus {background: url(../images/btn_ln_back_card.png) no-repeat; background-size: cover} .bottomControl .btnDoneNext, .rightCard .btnDoneNext{display: inline-block; width: 232px; height: 44px;background: url(../images/btn_im_done_next.png) no-repeat; text-indent: -9999px; vertical-align: middle; float: right;} .rightCard .btnDoneNext{margin-top: 40px;} .bottomControl .btnDoneNext:hover, .bottomControl .btnDoneNext:focus, .rightCard .btnDoneNext:hover, .rightCard .btnDoneNext:hover:focus {background: url(../images/btn_im_done_next.png) no-repeat; background-size: cover} #carousel-custom-dots{width: 100%; overflow: hidden; padding: 0px; margin: 0px 0 30px 0;} #carousel-custom-dots .tab1, #carousel-custom-dots .tab2, #carousel-custom-dots .tab3{margin-right: 0px;height: 40px;display: block; float: left; background-size: cover; cursor: pointer} #carousel-custom-dots .tab1{background:url('../images/tab1.jpg') no-repeat; width: 130px;} #carousel-custom-dots .tab2{background:url('../images/tab2.jpg') no-repeat; width: 136px; } #carousel-custom-dots .tab3{background:url('../images/tab3.jpg') no-repeat; width: 174px; } #carousel-custom-dots .tab1.active{background:url('../images/tab1_active.jpg') no-repeat;} #carousel-custom-dots .tab2.active{background:url('../images/tab2_active.jpg') no-repeat;} #carousel-custom-dots .tab3.active{background:url('../images/tab3_active.jpg') no-repeat;} #panePhrases .options .owl-item img{width: auto; max-width: 100%; margin: 0 auto 20px;} #panePhrases .options .owl-prev{background:url('../images/owl-nav-btn.png') no-repeat 0 0; width: 18px; height: 34px; display: inline-block; text-indent: -9999px; position: absolute; top: 45%; left: 10px;} #panePhrases .options .owl-next{background:url('../images/owl-nav-btn.png') no-repeat -18px 0; width: 18px; height: 34px; display: inline-block; text-indent: -9999px;position: absolute; top: 45%; right: 10px;} #panePhrases .options a.used, #panePhrases .options a.used:hover {opacity: 0.4; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); cursor: default; border-color: #FFF; display:block} #panePhrases .options a.used img, #panePhrases .options a.used:hover img {opacity: 0.4; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); cursor: default; border-color: #FFF; display:block} .tabs-menu-mobile{display: none;} #paneStickers .options a { height: 150px; display: inline-block; float: left; margin: 0 12px; vertical-align: middle; line-height: 150px; } #paneEmojis .options a img, #paneStickers .options a img { display: inline; vertical-align: middle; } #paneEmojis .options{width: 100%; box-sizing: border-box; padding: 10px 8% 10px;} #paneEmojis .options a{ display: block; width: 50%; float: left; text-align: center; margin: 10px 0; } #paneBorders .options a{display: block; padding: 0px 0px 20px 4.545454545454545%; float: left;} #paneBorders .options{padding: 20px 0 0} /* End Card */ /*Thanks You Page*/ #thankYouPage {background:url(../images/card_bg_bottomChooseUpload.jpg) no-repeat top center; width: 100%; margin: 0 auto; max-width: 1600px; height:1470px;background-size: cover; padding-top: 66px;} #enterEmail sup, #thankYouPage sup, #registrationPg sup{font-size: 75%;position: relative; top: -4px;} #thankYouPage .midChooseUpload {background:#70c300; height: 70px;} #thankYouPage .wrap_contentPageChooseUpload{width: 95%; max-width: 960px; margin: 0 auto;} #thankYouPage .midChooseUpload .cardStep{position: relative;} #thankYouPage .midChooseUpload .cardStepImg{position: absolute; top: -50px; left: 0px;} #thankYouPage .midChooseUpload h2, #thankYouPage .midChooseUpload h3{display: inline-block; height: 70px; line-height: 70px;} #thankYouPage .midChooseUpload h2{padding-left: 176px; font-family:'NeutraTextDemi'; font-size: 28px; color:#ffffff; text-transform:uppercase;} #thankYouPage .midChooseUpload h3{float: right; font-family:'FuturaBook'; font-size: 20px; color:#000000; text-transform:uppercase; background:url(../images/bg_back_to_our.png) no-repeat left center; padding-left: 17px;} #thankYouPage .conTentThankPage {height: auto; width: 100%;} #thankYouPage .conTentThankPage .maniThankPage{ width: 95%; max-width: 960px; margin: 0 auto;} #thankYouPage .conTentThankPage .maniThankPage .headtxt{width: 100%; max-width: 700px;} #thankYouPage .conTentThankPage .maniThankPage .headtxt h3{font-size: 20px; font-weight: 600;line-height: 25px; color: #ffffff; padding: 85px 0 35px 5px; font-family:"Futura_std", Arial, sans-serif; text-transform: uppercase;} #thankYouPage .conTentThankPage .maniThankPage .headtxt p{font-size: 18px; line-height: 30px; color: #ffffff; padding-left:5px; font-family: "FuturaBook", Arial, sans-serif;} #thankYouPage .conTentThankPage .maniThankPage .upDate p{ margin-top: 85px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad{padding-top: 40px; float: left;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .imgmain{max-width: 78%; float: left; padding-right: 2%; width: 750px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight{float: left; max-width: 20%;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li{background:url(../images/bg_sentEM.png) no-repeat left center;height: 56px; margin-bottom: 13px; text-align: left; color: #ffffff; font-size: 16px; font-family: 'NeutraTextDemi';} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li a{color: #ffffff; text-decoration:none;padding-left: 59px;padding-top: 10px;height: 56px;display: block;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li:nth-child(2){background:url(../images/bg_fb.png) no-repeat left center;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li { cursor: pointer; } #thankYouPage .conTentThankPage .maniThankPage .buttom_thanks{margin-top: 40px; float: left;} #thankYouPage .conTentThankPage .maniThankPage .btnt{width: 304px; display: block; font-family: 'NeutraTextDemi'; font-size: 22px;text-align: center; float: left; text-decoration: none; color: #ffffff; margin-right: 20px;padding-top: 10px;} /*End Thanks You Page*/ /* BEGIN ENTER EMAIL PAGE STYLES */ #enterEmail{ max-width:1600px; margin: 0 auto; color: #ffffff; background:url(../images/card_bg_bottomChooseUpload.jpg) no-repeat top center; min-height:800px; background-size: cover; padding-top: 66px; font-family: "FuturaBook", Arial, sans-serif; } #enterEmail .midChooseUpload {background:#70c300; height: 70px;} #enterEmail .wrap_contentPageChooseUpload{width: 95%; max-width: 960px; margin: 0 auto;} #enterEmail .midChooseUpload .cardStep{position: relative;} #enterEmail .midChooseUpload .cardStepImg{position: absolute; top: -50px; left: 0px;} #enterEmail .midChooseUpload h2, #enterEmail .midChooseUpload h3{display: inline-block; height: 70px; line-height: 70px;} #enterEmail .midChooseUpload h2{padding-left: 176px; font-family:'NeutraTextDemi'; font-size: 28px; color:#ffffff; text-transform:uppercase;} #enterEmail .midChooseUpload h3{float: right; font-family:'FuturaBook'; font-size: 20px; color:#000000; text-transform:uppercase; background:url(../images/bg_back_to_our.png) no-repeat left center; padding-left: 17px;} #enterEmail .enterEmail-content { max-width:932px; width: 95%; margin: 0 auto; text-align:left; padding-top: 72px; font-size:18px; line-height:28px; } #enterEmail .enterEmail-content .hdr { max-width:770px; } #enterEmail .enterEmail-content .error_block, #enterEmail .enterEmail-content .errorlabel { display:none; } #enterEmail .enterEmail-content #email_control{ margin-top:35px; } #enterEmail .enterEmail-content #email_control #email_required_tag{font-style:italic;} #enterEmail .enterEmail-content #email_control #email_field_tag { margin-top: 18px; } #enterEmail .enterEmail-content #email_control input[type=text] { width:325px; height:34px; line-height:28px; border:1px solid #82ee00; color: #000000; } /*--------------STYLE for ptptcha-------------*/ #enterEmail .enterEmail-content #recaptcha_widget { margin: 20px 0 0 0; padding: 0px; max-width: 320px; } #enterEmail .enterEmail-content #recaptcha_image { max-width: 320px !important; height: 60px !important; border: 1px solid #c8c6c9; margin-bottom: 10px; width: 100% !important; margin: 0 auto; } #enterEmail .enterEmail-content #recaptcha_image img { max-width: 320px !important; width: 100%; height: 60px !important; } #enterEmail .enterEmail-content #recaptcha_widget .formtitle{ font-size: 16px; font-family: 'helvetica_neue_lt_std55_roman', Arial; text-align: left; padding-top: 10px; } #enterEmail .enterEmail-content #recaptcha_widget .formbox{ text-align: left; max-width: 279px; float: left; width: 100%; } #enterEmail .enterEmail-content #recaptcha_widget input{ max-width: 279px; width: 100%; height: 34px; border:1px solid #82ee00; color: #000000; } #enterEmail .enterEmail-content #recaptcha_widget .captcha_nav { float: left; margin-left: 15px; } #enterEmail .enterEmail-content .recaptcha_reload { line-height:0; } #enterEmail .enterEmail-content .recaptcha_reload img{ display: block; } #enterEmail .enterEmail-content .submit_btn { margin-top:33px; } #enterEmail .enterEmail-content .rules a{ display:block; color:#70c300; font-size:14px; line-height:14px; text-decoration:underline; margin-top:21px; } /*-----------------------------------*/ /* END ENTER EMAIL PAGE STYLES */ /* BEGIN REGISTER PAGE STYLES */ #registrationPg{max-width:1600px; margin: 0 auto; color: #ffffff; background:url(../images/card_bg_bottomChooseUpload.jpg) no-repeat top center; min-height:1250px; background-size: cover; padding-top: 66px;font-family: "FuturaBook", Arial, sans-serif;} #registrationPg .wrapRegister {max-width:932px; width: 95%; margin: 0 auto; text-align:left;} #registrationPg .midChooseUpload {background:#70c300; height: 70px;} #registrationPg .wrap_contentPageChooseUpload{width: 98%; max-width: 960px; margin: 0 auto;} #registrationPg .midChooseUpload .cardStep{position: relative;} #registrationPg .midChooseUpload .cardStepImg{position: absolute; top: -50px; left: 0px;} #registrationPg .midChooseUpload h2, #registrationPg .midChooseUpload h3{display: inline-block; height: 70px; line-height: 70px;} #registrationPg .midChooseUpload h2{padding-left: 176px; font-family:'NeutraTextDemi'; font-size: 28px; color:#ffffff; text-transform:uppercase;} #registrationPg .midChooseUpload h3{float: right; font-family:'FuturaBook'; font-size: 20px; color:#000000; text-transform:uppercase; background:url(../images/bg_back_to_our.png) no-repeat left center; padding-left: 17px;} #registrationPg .wrapRegister .content{padding:0; max-width:700px;} #registrationPg .wrapRegister .content .note{width: 100%; max-width: 700px; padding: 85px 0 35px;} #registrationPg .wrapRegister .content .note p{font-size: 18px; line-height: 21px; color: #ffffff; padding-left: 5px; font-family: "FuturaBook", Arial, sans-serif;} #registrationPg .wrapRegister .content .note h3 {font-size: 20px; font-weight: 600; line-height: 25px; color: #92ff00; font-family: "Futura_std", Arial, sans-serif; text-transform: uppercase;padding: 25px 0 14px; margin: 0;} #registrationPg .wrapRegister .content p{margin:0;} #registrationPg .wrapRegister .content .require{padding-bottom:20px; font-size: 16px; line-height:16px;font-style: italic; font-weight: 600;} #registrationPg .wrapRegister .content .left_content,#registrationPg .wrapRegister .content .right_content{ width:327px; float:left;} #registrationPg .wrapRegister .content .left_content p,#registrationPg .wrapRegister .content .right_content p,#registrationPg .wrapRegister .content .addState p{margin-top: 0; margin-bottom: 17px; font-size: 18px; line-height: 18px; color: #ffffff; text-align: left;} #registrationPg .wrapRegister .content p label{display:inherit; margin:0; font-weight: normal;color: #ffffff;} #registrationPg .wrapRegister .content p label.form_error{color:red;} #registrationPg .wrapRegister .content .left_content input,#registrationPg .wrapRegister .content .right_content input,#registrationPg .wrapRegister .content .addState input,#registrationPg .wrapRegister .content .addState select{width: 323px; height: 30px; border-radius: 0px; color: #000000; font-size: 14px; border: 1px solid #70c300; margin-bottom: 25px; padding: 0 7px;} #registrationPg .wrapRegister .content .right_content{ float:right;} #field_control_state .select-label { width: 116px; display: block; height: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; background: #ffffff url(../images/reg_bg_dropdown.jpg) no-repeat center right; border: 1px solid #70c300; font-weight: normal; } #field_control_state .field_control_state { width: 100%; display: block; height: 30px; position: absolute; top: 0px; left: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: inline-block; border: none; } .wrapRegister input{margin-top:0px;} .form_error_msg {color: #ff0000; padding-left:123px;} #registrationPg .wrapRegister .content p.text-box .ex{ font-family:HelveticaNeueLT,Arial; font-weight:400; } #registrationPg .wrapRegister .content .addState select{ height:29px; } #registrationPg .wrapRegister .content .city,#registrationPg .wrapRegister .content .city input{ width:205px; margin-right:33px; } #registrationPg .wrapRegister .content .state,#registrationPg .wrapRegister .content .state select{ width:236px; margin-right:31px; } #registrationPg .wrapRegister .content select option{color: #000000; font-size: 14px; line-height: 16px} #registrationPg .wrapRegister .content .zip,#registrationPg .wrapRegister .content .zip input{ width:190px; } #registrationPg .wrapRegister .content .phone,#registrationPg .wrapRegister .content .phone input{ width:235px; margin-right:42px; } #registrationPg .wrapRegister .content .birth div{ float:left; } #registrationPg .wrapRegister .content .birth .month select{ width:140px; margin-right:20px; } #registrationPg .wrapRegister .content .birth .day select{ width:86px; margin-right:20px; } #registrationPg .wrapRegister .content .birth .year select{ width:122px; } #registrationPg .wrapRegister .content .addState{ float:left; } #registrationPg .wrapRegister .content .guide{ font-size:16px; line-height:20px; color:#ffffff; padding:23px 0 23px 0; margin:0; } #registrationPg .wrapRegister .header .topTxt{ font-size:19px; color:#ffffff; padding:0 30px; margin:0; text-align:center; } #registrationPg .wrapRegister .content .txtCheckbox{ font-size:16px; line-height:16px; color:#ffffff; cursor: pointer; } #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked) + label, #registrationPg .wrapRegister .content input[type="checkbox"]:checked + label { content: ''; width: 12px; height: 12px; cursor: pointer; font-size: 16px; line-height: 16px; } #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked) + label:after, #registrationPg .wrapRegister .content input[type="checkbox"]:checked + label:after { content: ''; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; line-height: 0.8; transition: all .2s; background-image: url(../images/checked.jpg); } #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked) + label:before, #registrationPg .wrapRegister .content input[type="checkbox"]:checked + label:before { content: ''; width: 11px; height: 11px; border: 1px solid #70c300; background: #ffffff; position:absolute; left: 0; top: 2px; } #registrationPg .wrapRegister .content input[type="checkbox"]{ position: absolute; left: -9999px; } /* checked mark aspect changes */ #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } #registrationPg .wrapRegister .content input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ #registrationPg .wrapRegister .content input[type="checkbox"]:disabled:not(:checked) + label:before, #registrationPg .wrapRegister .content input[type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } #registrationPg .wrapRegister .content input[type="checkbox"]:disabled:checked + label:after { color: #999; } #registrationPg .wrapRegister .content input[type="checkbox"]:disabled + label { color: #aaa; } /* accessibility */ #registrationPg .wrapRegister .content input[type="checkbox"]:checked:focus + label:before, #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; } #registrationPg .wrapRegister .content .checkbox { margin-bottom:15px; padding-left: 20px; float:left; width:100%; margin-top: 0; position: relative; } #registrationPg .wrapRegister .content .checkbox div{ float:left; } #registrationPg .wrapRegister .content .checkbox .checkboxtxt { width:92%; display:block; } #registrationPg .wrapRegister .content .agreeterms a,#registrationPg .wrapRegister .content .guide a { color:#70c300; text-decoration:underline; } #registrationPg .wrapRegister .content .btnSubmit { margin: 0 auto; display: block; margin-top: 35px; } #field_control_state { width: 128px; height: 20px; position: relative; } #field_control_state .select-label { width: 116px; display: block; height: 20px; font-size: 16px; line-height: 20px; position: absolute; color:#000000; top: 0px; left: 0px; background: #ffffff url(../images/reg_bg_dropdown.jpg) no-repeat center right; font-weight: normal; } #field_control_state .field_control_state { width: 100%; display: block; height: 30px; position: absolute; top: 0px; left: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: inline-block; border: none; } #registrationPg .wrapRegister .content .state .select-label,#registrationPg .wrapRegister .content .birth .month .select-label,#registrationPg .wrapRegister .content .birth .day .select-label{ height: 30px; padding-left: 13px; line-height: 30px; } #registrationPg .wrapRegister .content .state .select-label{ width: 236px; } #registrationPg .wrapRegister .content .birth .month .select-label{ width: 140px; margin-right: 20px; } #registrationPg .wrapRegister .content .birth .month{ width:175px; } #registrationPg .wrapRegister .content .birth .day .select-label{ width: 86px; margin-right: 20px; } #registrationPg .wrapRegister .content .birth .day{ width:119px } #registrationPg .wrapRegister .content .birth .year .select-label,#registrationPg .wrapRegister .content .birth .year{ width: 122px; height: 30px; line-height: 30px; } #registrationPg .wrapRegister .content .birth .year .select-label{ padding-left: 13px; text-transform: lowercase; } #registrationPg .wrapRegister input{ margin:0; } #registrationPg .wrapRegister .btnSubmit input{ background-color:transparent; border-radius: 0; } /* END REGISTER PAGE STYLES */ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd { width:100%; max-width:1600px; margin:0 auto; position:relative; color:#ffffff; } #wrapper-rd .backLink { position:absolute; top:0; left:0; right:0; width:100%; max-width:100%; text-align:center; } #wrapper-rd .backLink a{ width: 217px; display: block; margin: 0 auto; text-decoration: none; text-align: center; margin-top: 1%; } #wrapper-rd .backLink h3{font-family:'FuturaBook', Arial, sans-serif; font-size: 20px; color:#000000; text-transform:uppercase; background:url(../images/bg_back_to_our.png) no-repeat left center; padding-left: 17px;} #wrapper-rd .backLink h3 > sup { font-size:10px; line-height:20px; vertical-align:text-top; } #wrapper-rd .title-rd, #wrapper-rd .more-recipes .more-recipes-hdr { background-color:#70c300; font-family:"NeutraTextBold", Arial, sans-serif; font-size:43px; line-height:43px; text-align:center; text-transform:uppercase; padding:15px 0 10px 0; } #wrapper-rd .title-long-rd { font-size:39px; line-height:39px; } #wrapper-rd .title-long-rd-2 { font-size:35px; line-height:35px; } #wrapper-rd .title-long-rd-3 { font-size:30px; line-height:30px; } #wrapper-rd .content-rd { background-color:#ffffff; min-height:1016px; } #wrapper-rd .content-rd .info-rd { max-width:755px; margin:0 auto; padding-top:22px; } #wrapper-rd .content-rd .long-info-rd { max-width:840px; } #wrapper-rd .content-rd .short-info-rd { max-width:570px; } #wrapper-rd .content-rd .short-info-rd-2 { max-width:600px; } #wrapper-rd .content-rd .info-rd-792 { max-width:792px; } #wrapper-rd .content-rd .info-rd ul { list-style:none; } #wrapper-rd .content-rd .info-rd ul li { font-family:"FuturaBook", Arial, sans-serif; display:inline-block; font-size:20px; line-height:20px; padding-right:27px; color: #111111; } #wrapper-rd .content-rd .info-rd ul li span { text-transform:uppercase; color: #116804; font-weight:800; } #wrapper-rd .content-rd .info-rd ul li:last-child { padding-right:0px; } #wrapper-rd .content-rd .content-container { max-width:1083px; margin:50px auto 0 auto; font-family:"FuturaBook", Arial, sans-serif; font-size:18px; line-height:24px; } #wrapper-rd .content-rd .content-container .sub-content { max-width:268px; float:left; } #wrapper-rd .content-rd .content-container .sub-content .share-rd { background-color:#70c300; width:268px; height:132px; text-align:center; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block { float:left; margin:18px 20px 0 25px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block:nth-child(2) { margin-left:0; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-rd-hdr { font-family:"NeutraTextBold", Arial, sans-serif; text-align:center; font-size:17px; line-height:17px; text-transform:uppercase; margin-bottom: 10px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn a { width:64px; height:67px; float:left; display:block; margin-left:3px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd { margin-top:33px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { text-transform:uppercase; font-size:20px; line-height:20px; margin-bottom:20px; display:block; color: #116804; font-weight:800; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd #nutrition_list li { text-align: right; width: 268px; height: 26px; line-height:26px; border-bottom: 1px solid #434343; margin: 5px 0 5px 0; color: #111111; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd #nutrition_list li > span { float:left; } #wrapper-rd .content-rd .content-container .main-content { max-width:740px; float:right; margin-left:75px; } #wrapper-rd .content-rd .content-container .main-content p { color: #111111; } #wrapper-rd .content-rd .content-container .main-content h2 { font-size:20px; line-height:24px; margin-top:25px; color: #116804; font-weight:800; text-transform: uppercase; } #wrapper-rd .content-rd .content-container .main-content h2:first-child { margin-top:0; } #wrapper-rd .content-rd .content-container .main-content sup { vertical-align:text-top; font-size:10px; line-height:17px; } #wrapper-rd .content-rd .content-container .main-content ul.ingredients { margin-left:28px; } #wrapper-rd .content-rd .content-container .main-content ul.ingredients, #wrapper-rd .content-rd .content-container .main-content .ingredients li { list-style:disc; color: #111111; } #wrapper-rd .content-rd .content-container .main-content ol.instructions { list-style-type: decimal; } #wrapper-rd .content-rd .content-container .main-content .instructions li { margin-left:28px; margin-bottom:3px; color: #111111; } /*begin owl carousel*/ #wrapper-rd .more-recipes .celebrity-chef-recipe-carousel { height:230px; } /*end owl carousel*/ /*begin rules page*/ #rules_page{background: white; font-family: 'FuturaBook', Arial; padding: 0 5% 5%; max-width: 1600px; margin: 0 auto;} /*end rules page*/ /* END RECIPE DETAIL PAGE STYLE */ /* Begin Gallery */ .pageChooseUpload .wrap_contentPageGallery { width: 100%; max-width: 1000px; margin: 0 auto;} .pageChooseUpload .wrap_contentPageGallery .picture{ max-width: 304px; width: 100%; float: left; margin-right: 44px;} .pageChooseUpload .wrap_contentPageGallery .picture .inner > img{width: 100%; display: block; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.2);} .pageChooseUpload .wrap_contentPageGallery .picture .name { color: #ffffff; font-size: 18px; height: 60px; overflow: hidden; padding-top: 18px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom:15px; } .pageChooseUpload .wrap_contentPageGallery .picture .firstname{ font-family: 'Futura_std', sans-serif; text-transform:capitalize} .pageChooseUpload .wrap_contentPageGallery .picture .city, .pageChooseUpload .wrap_contentPageGallery .picture .state{ font-family: 'FuturaBook', sans-serif; text-transform:capitalize} /* End Gallery */ /* Begin Event*/ .pageEvent{width: 100%; background:#70c300 url(../images/bgEventPage.jpg) no-repeat center top; min-height:880px; max-width: 1600px; margin: 0 auto} .hdrEvent {margin: 0 auto; padding-top:12vh; max-width:468px; text-align:center; width: 100%;} .hdrEvent > img{width: 100%;} .hdrEvent > p {text-align:center; font-size: 22px; line-height: 28px; font-family: 'FuturaBook', sans-serif; padding-top: 2.7vh} .hdrEvent > a{display:inline-block; font-family: 'FuturaBook', sans-serif; text-decoration: none; font-family:'FuturaBook', sans-serif; font-size:18px; padding-left: 20px; background: url(../images/arrowEventPage.png) no-repeat left top; color:#000000; margin-top: 5.4vh; line-height: 18px;} .hdrEvent > a:hover{text-decoration:none;} .hdrEvent > a sup{font-size:60%; vertical-align:top; top:2px;} .contentEvent{width: 100%;max-width: 1010px;margin: 5.5vh auto 0;/* padding-bottom: 5.5vh */} .contentEvent > img{display:block; width: 100%;} #breyer-150th-container .legal-copy {text-align: center;margin: 0;padding: 10px 0 20px;font-size: 10px;color: #425b15;font-family: Arial;} /* End Event*/ @media (max-width: 1599px) and (min-width: 1401px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro .birthday-logo { top: 1%; left: 43%; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-left: 27%; margin-top: 3%; } #homePg #homePg-body #createAndCelebrate { background-size: 100% 100%; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo { margin: 122px 50px 0 252px; } /* END HOMEPAGE STYLE */ } @media (max-width: 1560px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro .birthday-logo img { width:93%; } /* END HOMEPAGE STYLE */ } @media (max-width: 1400px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro .birthday-logo { left: 528px; top: 10%; } #homePg #homePg-body #birthday-intro .birthday-logo img { width:80%; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-top: 5.5%; } #homePg #homePg-body #celebrityChefRecipe .block-wrapper { padding: 15% 0 0 0; } #homePg #homePg-body #celebrityChefRecipe { height: 870px; } #homePg #homePg-body #createAndCelebrate { height: 525px; background-size: 100% 100%; } #createAndCelebrate .create-and-win-main-img a.cta { height: 517px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo { margin: 5% 0 0 1%; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta { height: 525px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 img{ width:74.5%; } #homePg #homePg-body #section4 #partyInThePark, #homePg #homePg-body #section4 #iceCreamCake { max-width:50%; width:100%; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo { padding: 6% 6% 6% 6%; margin: 10% 0 0 16%; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo img { width:100%; } #homePg #homePg-body #birthday-intro { height: 597px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height:453px; } #homePg #homePg-body #celebrityChefRecipe { height: 890px; } #homePg #homePg-body #createAndCelebrate, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta { height: 590px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes { top: 60px; } /* END HOMEPAGE STYLE */ } @media (max-width: 1368px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height: 589px; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-top: 1.5%; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height: 437px; } #homePg #homePg-body #celebrityChefRecipe { height: 919px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 img{ width:87.5%; } /* END HOMEPAGE STYLE */ } @media (max-width: 1280px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body { margin: -56px auto; } #homePg #homePg-body #birthday-intro { height:558px; } #homePg #homePg-body #createAndCelebrate, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta { height: 552px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height:409px; } #homePg #homePg-body #celebrityChefRecipe { height: 875px; } #celebrityChefRecipe .celebrity-chef-recipe-logo p { margin: 15px 0 0 0; } #homePg #homePg-body #section4 #iceCreamCake a.cta { margin: 18px 0 0 160px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes { top: 30px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { /* margin: 15px 0 0 99px; */ } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { margin: 10px 0 0 28px; } #homePg #homePg-body #birthday-intro .birthday-logo { left: 510px; top: 0; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-top: 3%; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-left: 173px; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo { padding: 6% 6% 6% 6%; margin: 10% 6% 0 16%; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 img{ width:79.5%; } #homePg #homePg-body #section4 #partyInThePark, #homePg #homePg-body #section4 #iceCreamCake { max-width:50%; width:100%; } /* END HOMEPAGE STYLE */ } @media (max-width: 1230px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro .birthday-logo { left: 460px; } #homePg #homePg-body #birthday-intro .birthday-logo img { width: 75%; } /* END HOMEPAGE STYLE */ } @media (max-width: 1180px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro .birthday-logo { left: 437px; } .pageChooseUpload .topChooseUpload{height: 620px;} } /* range for tablet styling */ @media (max-width: 1024px) and (min-width: 768px) { .mobileHide{display: none;} .isDesktopbtnCard { display:none !important; } .isMobilebtnCard { display:block !important; } /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body { margin: -75px auto; } #homePg #homePg-body .block-wrapper, #homePg #homePg-body #birthday-intro .block-wrapper { max-width:1024px; } #homePg #homePg-body #birthday-intro { height: 446px; } #homePg #homePg-body #birthday-intro .video { width:100%; height:340px; background: url(../images/celebrityChefRecipe_img_bg.jpg) no-repeat; background-size:contain; } #homePg #homePg-body #birthday-intro .video .video-player { display:none; } #homePg #homePg-body #birthday-intro .birthday-logo { left: 350px; top: 0%; } #homePg #homePg-body #birthday-intro .birthday-logo img { width:63%; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-top: 4%; margin-left: 28%; font-size:16px; line-height:20px; max-width:300px; } #homePg #homePg-body #celebrityChefRecipe .block-wrapper { padding: 17% 0 0 0; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { margin: 0 0 0 54%; height:308px; } #celebrityChefRecipe .celebrity-chef-recipe-logo p { margin: 6px 0 0 10px; line-height:25px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { max-width: 310px; font-size: 16px; line-height: 20px; margin: 2% auto 0 auto; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo img { width:80%; } #homePg #homePg-body #celebrityChefRecipe { height: 707px; } /*begin owl carousel*/ .celebrity-chef-recipe-carousel { height:202px; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container { max-width:690px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-item { padding-right:2px; } .celebrity-chef-recipe-carousel .item { width:170px; height:170px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev { top: 65px; left: -32px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { top:65px; right:-32px; } /*end owl carousel*/ #homePg #homePg-body #createAndCelebrate { height: 448px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo { margin: 7% 0 0 10%; max-width: 340px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img { max-width: 428px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo img { width:72%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { margin: 7% 0 0 13%; font-size: 16px; max-width: 250px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1 img{ width:85%; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 img { width:310px; height:90px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2 img { width:55%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn { margin-top: 6%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { margin: 0 0 0 27%; width: 45%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn a.cta:last-child { margin-top: 5%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { margin: 5px 0 0 60px; font-size:14px; line-height:14px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes { top: 10px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper { width: 350px; background-color: #70c300; padding: 10px 18px 10px 18px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { margin-top: 3%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-header .prizes-hdr { font-size: 28px; line-height: 28px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { margin-top: 2%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul { margin: 0 0 3% 19px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li { line-height: 20px; font-size: 15px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta { height: 336px; width: 418px; } #homePg #homePg-body #section4 { height: 272px; } #homePg #homePg-body #section4 #partyInThePark{ width: 50%; height: 274px; background-size: 100% 100%; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo { margin: 4% 5% 0 34%; padding: 3% 3% 3% 3%; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo img { width:80%; margin: 0 auto; } #homePg #homePg-body #section4 #partyInThePark p { font-size: 16px; line-height:20px; margin: 6% auto; max-width: 267px; } #homePg #homePg-body #section4 #iceCreamCake { width: 50%; height: 271px; background-size: contain; } #homePg #homePg-body #section4 #iceCreamCake p { margin: 37% 0 0 0; font-size:16px; line-height:20px; } #homePg #homePg-body #section4 #iceCreamCake a.cta { margin: 0 0 0 20%; } #homePg #homePg-body #section4 #iceCreamCake .cta img { width:72%; } #homePg #homePg-body #qualitySince1866 { background-size: cover; } #homePg #homePg-body #qualitySince1866 a.cta { margin: 4% auto; } #homePg #homePg-body #qualitySince1866 p.disc { margin: 1% auto; max-width: 740px; } /* END HOMEPAGE STYLE */ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .title-rd, #wrapper-rd .more-recipes .more-recipes-hdr { font-size: 20px; line-height: 30px; } #wrapper-rd .content-rd .long-info-rd, #wrapper-rd .content-rd .info-rd{ max-width: 600px; } #wrapper-rd .content-rd .short-info-rd-2{ max-width: 480px; } #wrapper-rd .content-rd .short-info-rd{ max-width: 470px; } #wrapper-rd .content-rd .info-rd-2{ max-width: 650px; } #wrapper-rd .content-rd .info-rd ul li { font-size: 14px; line-height: 14px; padding-right: 20px; } #wrapper-rd .content-rd .content-container { max-width: 730px; } #wrapper-rd .content-rd .content-container .main-content { max-width: 430px; margin-left: 20px; } /* END RECIPE DETAIL PAGE STYLE */ /* BEGIN THANK YOU PAGE STYLE */ #thankYouPage{height: 1300px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight{max-width: 20%;} /* END THANK YOU PAGE STYLE */ } /*Begin Gallery*/ .wrap_contentPageGallery .gallery-wrapper{overflow:hidden;} /*End Gallery*/ @media (min-width: 992px) { /*Begin Gallery*/ .wrap_contentPageGallery .gallery-wrapper{width: 100%; max-width: 960px; margin: 0 auto;} .pageChooseUpload .wrap_contentPageGallery .picture{width: 100%; margin-right: 30px; max-width: 300px;} .pageChooseUpload .wrap_contentPageGallery .picture:nth-child(3n){margin-right: 0px;} /*End Gallery*/ } @media (max-width: 991px) and (min-width: 768px) { /*Begin Gallery*/ .wrap_contentPageGallery .gallery-wrapper{width: 100%; max-width: 680px; margin: 0 auto} .pageChooseUpload .wrap_contentPageGallery .picture{width: 100%;margin-right: 30px;max-width: 300px;} .pageChooseUpload .wrap_contentPageGallery .picture:nth-child(2n){margin-right: 0px;} /*End Gallery*/ } @media (width: 768px) { .isDesktopbtnCard { display:none !important; } .isMobilebtnCard { display:block !important; } /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body .block-wrapper, #homePg #homePg-body #birthday-intro .block-wrapper { max-width:768px; } #homePg #homePg-body #birthday-intro { height: 339px; } #homePg #homePg-body #birthday-intro .video { width:100%; height:251px; background: url(../images/celebrityChefRecipe_img_bg.jpg) no-repeat; background-size:contain; } #homePg #homePg-body #birthday-intro .video .video-player { display:none; } #homePg #homePg-body #birthday-intro .birthday-logo { left: 350px; top: 4%; } #homePg #homePg-body #birthday-intro .birthday-logo img { width:73%; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin-top: 5%; margin-left: 14%; font-size:16px; line-height:20px; } #homePg #homePg-body #celebrityChefRecipe .block-wrapper { padding: 7% 0 0 0; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { margin: 0 0 0 54%; height:310px; } #celebrityChefRecipe .celebrity-chef-recipe-logo p { margin: 6px 0 0 10px; line-height:25px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { max-width: 310px; font-size: 16px; line-height: 20px; margin: 5% auto 0 auto; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo img { width:80%; } #homePg #homePg-body #celebrityChefRecipe { height: 592px; } /*begin owl carousel*/ .celebrity-chef-recipe-carousel { height:202px; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container { max-width:690px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-item { padding-right:2px; } .celebrity-chef-recipe-carousel .item { width:170px; height:170px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev { top: 65px; left: -32px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { top:65px; right:-32px; } /*end owl carousel*/ #homePg #homePg-body #createAndCelebrate { height: 336px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo { margin: 1% 0 0 1%; max-width: 340px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img { max-width: 428px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo img { width:72%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { margin: 5% auto; font-size: 16px; line-height:20px; max-width: 250px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step1 img{ width:63%; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step4 img { width:210px; height:61px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step3 img, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img .card-animation-storyboard .step2 img { width:40%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { margin: 0 auto; width:40%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta img{ width:100%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn a.cta:last-child { margin-top: 2%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { margin: 10px 0 0 0px; font-size:14px; line-height:14px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn{ margin-top:20px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes { top: 10px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper { width: 350px; background-color: #70c300; padding: 10px 18px 10px 18px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { margin-top: 3%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-header .prizes-hdr { font-size: 28px; line-height: 28px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { margin-top: 2%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul { margin: 0 0 3% 19px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li { line-height: 20px; font-size: 15px; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img a.cta { height: 336px; width: 418px; } #homePg #homePg-body #section4 { height: 272px; } #homePg #homePg-body #section4 #partyInThePark{ width: 50%; height: 274px; background-size: contain; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo { margin: 10% 4% 0 23%; padding: 3% 3% 3% 3%; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo img { width:80%; margin: 0 auto; } #homePg #homePg-body #section4 #partyInThePark p { font-size: 16px; line-height:20px; margin: 9% auto 9% auto; max-width: 267px; } #homePg #homePg-body #section4 #iceCreamCake { width: 50%; height: 274px; background-size: contain; } #homePg #homePg-body #section4 #iceCreamCake p { margin: 49% 0 2px 0; font-size: 14px; line-height: 18px; } #homePg #homePg-body #section4 #iceCreamCake a.cta { margin: 0 0 0 20%; } #homePg #homePg-body #section4 #iceCreamCake .cta img { width:72%; } #homePg #homePg-body #qualitySince1866 { background-size: cover; } #homePg #homePg-body #qualitySince1866 a.cta { margin: 4% auto; } #homePg #homePg-body #qualitySince1866 p.disc { margin: 1% auto; max-width: 740px; } /* END HOMEPAGE STYLE */ /* Begin Card */ .tabs-menu-mobile{display: block;} .pane h2{display: none;} .pane .options{display: block} #loveNoteCanvas #imagedit, #loveNoteCanvas #imagedit .im-viewer CANVAS {width: 532px;} .wrap_contentPageChooseUpload .leftCard, .wrap_contentPageChooseUpload .rightCard {float: none; width: 100%; max-width: 532px; margin: 0 auto} .paneholder{width: 100%;} .pane{display: none} /*tab Mobile*/ .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile{margin: 0px; padding: 0px;} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li{display: block; width: 265px; float: left; margin: 0px; padding: 0px; height: 72px; margin-bottom: 2px;} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li a { font-size: 22px;font-family: 'NeutraTextDemi'; line-height: 72px; color: #ffffff; text-transform: uppercase; display: block; text-decoration: none; box-sizing: border-box; text-indent: -9999px;} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab1 a{background:#70c300 url(../images/iconCard1_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab2 a{background:#70c300 url(../images/iconCard2_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab3 a{background:#70c300 url(../images/iconCard3_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab4 a{background:#70c300 url(../images/iconCard4_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab1.current a{background:#70c300 url(../images/iconCard1_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab2.current a{background:#70c300 url(../images/iconCard3_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab3.current a{background:#70c300 url(../images/iconCard2_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab4.current a{background:#70c300 url(../images/iconCard4_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab1, .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab3{margin-right: 2px;} .txthdrCard{max-width: 600px; width: 100%; margin: 0 auto;} .bottomControl{max-width: 532px; width: 100%; margin: 20px auto 0;} #carousel-custom-dots .tab1, #carousel-custom-dots .tab2, #carousel-custom-dots .tab3{margin-right: 0px;height: 54px;display: block; float: left; background-size: cover; cursor: pointer} #carousel-custom-dots .tab1{background:url('../images/tab1_mobile.jpg') no-repeat; width: 160px;} #carousel-custom-dots .tab2{background:url('../images/tab2_mobile.jpg') no-repeat; width: 164px; } #carousel-custom-dots .tab3{background:url('../images/tab3_mobile.jpg') no-repeat; width: 208px; } #carousel-custom-dots .tab1.active{background:url('../images/tab1_active_mobile.jpg') no-repeat;} #carousel-custom-dots .tab2.active{background:url('../images/tab2_active_mobile.jpg') no-repeat;} #carousel-custom-dots .tab3.active{background:url('../images/tab3_active_mobile.jpg') no-repeat;} #loveNoteCanvas{width:532px; margin: 0 auto; position:static} .wrap_contentPageChooseUpload .rightCard{position: relative;} #paneStickers .options a{width: 153px; text-align:center;} /* End Card */ /* Begin Upload*/ .pageChooseUpload .topChooseUpload{height: 321px;} .pageChooseUpload .topChooseUpload .hdr {padding-top: 70px; padding-left: 20px; width: 48%; box-sizing: border-box; } .pageChooseUpload .topChooseUpload .hdr img{width: 75%;} .pageChooseUpload .topChooseUpload .hdr p { font-family: "FuturaBook"; font-size: 18px; line-height: 22px;padding: 10px 0 0 0px;} .pageChooseUpload .midChooseUpload h3{padding-right: 10px;} .pageChooseUpload .bottomChooseUpload p, .pageChooseUpload .bottomChooseUpload h3{padding-left: 20px;} .pageChooseUpload .bottomChooseUpload ul{padding: 0px;} .pageChooseUpload .bottomChooseUpload ul li{margin-right: 42px; margin-left: 0px;} .pageChooseUpload .bottomChooseUpload ul li img{width:214.4px;} .pageChooseUpload .wrap_contentPageChooseUpload{padding-left: 0px; padding-right: 0px;} .pageChooseUpload.pageUpload .showFinalPhoto{padding-left: 20px;} .pageChooseUpload.pageCard .bottomChooseUpload ul li{margin-right: 0px; margin-left: 0px;} /* End Upload*/ /*Begin Gallery*/ .wrap_contentPageGallery .gallery-wrapper{width: 100%; max-width: 630px; margin: 0 auto} .pageChooseUpload .wrap_contentPageGallery .picture{width: 300px; margin-right: 30px;} .pageChooseUpload .wrap_contentPageGallery .picture:nth-child(3n) { margin-right:30px; } .pageChooseUpload .wrap_contentPageGallery .picture:nth-child(2n) { margin-right:0; } /*End Gallery*/ /*Begin Gallery & Event page*/ .galleryPage .isDesktop, .pageEvent .isDesktop{ display:none !important; } .galleryPage .isTablet, .pageEvent .isTablet{display: block !important;} #breyer-150th-container .pageEvent .legal-copy { font-size: 15px } /*End Gallery & Event page*/ .isDesktopImg{display:block !important} .isMobileImg {display:none !important} } /* range for mobile styling */ @media (max-width: 767px) { /* BEGIN MASTER STYLE */ .isDesktop { display:none !important; } .isTablet {display: block !important;} .isMobile { display:block !important; } .isDesktopbtnCard { display:none !important; } .isMobilebtnCard { display:block !important; } .isDesktopImg{display:none !important} .isMobileImg{display:block !important} #breyer-150th-container { margin-top:-10px; } #breyer-150th-container .legal-copy {font-size: 2.34vw;} .mobileHide{display: none;} /* END MASTER STYLE */ /* BEGIN HOMEPAGE STYLE */ .navigation{ height:75px; } .navigation ul li, .navigation ul li a { line-height: 75px; } .navigation ul li a.nav1{ background: url(../images/nav1_mobile.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav2{ background: url(../images/nav2_mobile.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav3{ background: url(../images/nav3_mobile.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav4{ background: url(../images/nav4_mobile.png) no-repeat center center; background-size:contain; } .navigation ul li a.nav5{ background: url(../images/nav5_mobile.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav1, .navigation ul li.nav-active a.nav1 { background:url(../images/nav1_mobile_Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav2, .navigation ul li.nav-active a.nav2 { background:url(../images/nav2_mobile_Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav3, .navigation ul li.nav-active a.nav3 { background:url(../images/nav3_mobile_Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav4, .navigation ul li.nav-active a.nav4 { background:url(../images/nav4_mobile_Active.png) no-repeat center center; background-size:contain; } .hover-active .navigation ul li:hover a.nav5, .navigation ul li.nav-active a.nav5 { background:url(../images/nav5_mobile_Active.png) no-repeat center center; background-size:contain; } #homePg #homePg-body { margin: -75px auto; } #homePg #homePg-body #birthday-intro { height:1012px; } #homePg #homePg-body #birthday-intro .birthday-img, #homePg #homePg-body #birthday-intro .birthday-logo { width: 100%; } #homePg #homePg-body #birthday-intro .video .video-player { display:none; } #homePg #homePg-body #birthday-intro .video { height:754px; background:url(../images/celebrityChefRecipe_background.gif) no-repeat center center; background-size:100% 100%; } #homePg #homePg-body #birthday-intro .birthday-logo { top:9%; left:0; right:0; } #homePg #homePg-body #birthday-intro .birthday-logo img { width:58%; } #homePg #homePg-body #birthday-intro .birthday-logo p { max-width:90%; margin:87% auto 0 auto; font-size:26px; line-height:30px; } #homePg #homePg-body #celebrityChefRecipe { background: url(../images/homePg_celebrity_chef_recipe_bg_mobile.jpg) no-repeat; height: 970px; background-size:contain; } #homePg #homePg-body #celebrityChefRecipe .block-wrapper { padding:18% 0 0 0; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { max-width: 40%; margin: 0 0 0 57%; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo img { width:100%; } #celebrityChefRecipe .celebrity-chef-recipe-logo p { max-width: 95%; font-size: 18px; margin: 1% auto; font-size:26px; line-height:30px; text-align:center; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container { max-width:410px; margin:0 auto; } #homePg #homePg-body #createAndCelebrate { background: url(../images/createAndWin_bg_mobile.jpg) no-repeat; height: 1100px; background-size:100% 100%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo, #homePg #homePg-body #createAndCelebrate .create-and-win-main-img { float:none; } #homePg #homePg-body #createAndCelebrate .create-and-win-main-img { display:none; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo { margin: 3% auto; max-width: 100%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { font-size: 26px; line-height: 30px; margin: 2% auto 0 auto; max-width: 55%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn { margin: 6% 0 0 10%; width: 100%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { margin: 0; width: 38%; float: left; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta > img{width:100%;} #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn a.cta:first-child { margin-right:5%;} #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn a.cta:last-child { margin-top: 0; } #homePg #homePg-body #section4 { height: auto; } #homePg #homePg-body #section4 #partyInThePark, #homePg #homePg-body #section4 #iceCreamCake { float:none; width:100%; max-width:100%; height: 740px; } #homePg #homePg-body #section4 #partyInThePark { padding: 18% 0 0 0; background: url(../images/party_in_the_park_bg_mobile.jpg) no-repeat; background-size:100% 100%; height:625px; } #homePg #homePg-body #section4 #partyInThePark .party-in-the-park-logo { padding: 3%; margin: 0 auto 0 auto; max-width: 85%; } #homePg #homePg-body #section4 #partyInThePark p { font-size: 28px; line-height: 38px; margin: 5% auto 5% auto; max-width: 92%; } #homePg #homePg-body #section4 #iceCreamCake { background: url(../images/ice_cream_cake_mobile.jpg) no-repeat; background-size:100% 100%; padding-top: 80%; height:222px; } #homePg #homePg-body #section4 #iceCreamCake p { margin: 3% auto 0 auto; max-width: 90%; font-size: 26px; line-height: 30px; } #homePg #homePg-body #section4 #iceCreamCake a.cta { margin: 3% auto 0 auto; } #homePg #homePg-body #qualitySince1866 { background: url(../images/quality_since_1866_bg_mobile.jpg) no-repeat; background-size:100% 100%; height:1119px; } #homePg #homePg-body #qualitySince1866 img.quality-logo { max-width:331px; margin:0 auto; } #homePg #homePg-body #qualitySince1866 img.vendors-logo { width:80%; } #homePg #homePg-body #qualitySince1866 p { font-size: 26px; line-height: 30px; max-width: 80%; margin: 5% auto 5% auto; } #homePg #homePg-body #qualitySince1866 p.disc { font-size: 15px; margin: 10% auto; max-width: 90%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes { top: 5%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper { width: 80%; padding: 3% 4% 3% 4%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { margin-top: 3%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-header .prizes-hdr { font-size: 35px; line-height: 35px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content { margin-top: 2%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul { margin: 0 0 3% 19px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content, #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li { line-height: 30px; font-size: 26px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { margin: 2% 0 0 2%; font-size: 26px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p > strong { font-weight:700; } /* END HOMEPAGE STYLE */ /* Begin Card */ .tabs-menu-mobile{display: block;} .pane h2{display: none;} .pane .options{display: block} #loveNoteCanvas #imagedit, #loveNoteCanvas #imagedit .im-viewer CANVAS{width: 300px;} .wrap_contentPageChooseUpload .leftCard, .wrap_contentPageChooseUpload .rightCard {float: none; width: 100%; max-width: 300px; margin: 0 auto} .paneholder{width: 100%; } .paneholder .pane{ width: 100%;} .pane{display: none} .wrap_contentPageChooseUpload .rightCard{position: relative;} #loveNoteCanvas #errorMessage{top: 150px;} #paneEmojis .options{padding: 10px 0 10px} /*tab Mobile*/ .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile{margin: 0px; padding: 0px;} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li{display: block; width: 149px; float: left; margin: 0px; padding: 0px; height: 36px; margin-bottom: 2px;} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li a { color: #ffffff; text-transform: uppercase; display: block; text-decoration: none; box-sizing: border-box; text-indent: -9999px; height: inherit} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab1 a{background:#70c300 url(../images/iconCard1_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab2 a{background:#70c300 url(../images/iconCard2_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab3 a{background:#70c300 url(../images/iconCard3_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab4 a{background:#70c300 url(../images/iconCard4_mobile.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab1.current a{background:#70c300 url(../images/iconCard1_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab2.current a{background:#70c300 url(../images/iconCard3_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab3.current a{background:#70c300 url(../images/iconCard2_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab4.current a{background:#70c300 url(../images/iconCard4_mobile_active.jpg) no-repeat top left;background-size:cover} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab1, .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab3{margin-right: 2px;} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab2, .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li.tab4{margin-right: 0px;} .txthdrCard{max-width: 600px; width: 100%; margin: 0 auto;} .bottomControl{max-width: 532px; width: 100%; margin: 20px auto 0;} #carousel-custom-dots .tab1, #carousel-custom-dots .tab2, #carousel-custom-dots .tab3{margin-right: 0px;height: 54px;display: block; float: left; background-size: cover; cursor: pointer} #carousel-custom-dots .tab1{background:url('../images/tab1_mobile.jpg') no-repeat; width: 160px;} #carousel-custom-dots .tab2{background:url('../images/tab2_mobile.jpg') no-repeat; width: 164px; } #carousel-custom-dots .tab3{background:url('../images/tab3_mobile.jpg') no-repeat; width: 208px; } #carousel-custom-dots .tab1.active{background:url('../images/tab1_active_mobile.jpg') no-repeat;} #carousel-custom-dots .tab2.active{background:url('../images/tab2_active_mobile.jpg') no-repeat;} #carousel-custom-dots .tab3.active{background:url('../images/tab3_active_mobile.jpg') no-repeat;} #loveNoteCanvas{width:300px; margin: 0 auto; position:static} .pageChooseUpload .midChooseUpload {background:#70c300; height: 78px;} .pageChooseUpload .wrap_contentPageChooseUpload{width: 100%; max-width: 960px; margin: 0 auto; height: inherit;} .pageChooseUpload .midChooseUpload .cardStep{position: relative; display: table; width: 100%; height: inherit;} .pageChooseUpload .midChooseUpload .cardStepImg{position: absolute; top: -25px; left: 0px; width: 136px;} .pageChooseUpload .midChooseUpload h2, .pageChooseUpload .midChooseUpload h3{display: inline-block; height: 70px; line-height: 70px; display: table-cell; vertical-align: middle} .pageChooseUpload .midChooseUpload h2{padding-left: 136px; font-family:'NeutraTextDemi'; font-size: 24px; color:#ffffff; text-transform:uppercase; line-height: 24px; width: 80%;} .pageChooseUpload .midChooseUpload h3{ font-family:'FuturaBook'; font-size: 18px; color:#000000; text-transform:uppercase; background:none; padding-left: 17px; line-height: 18px; float: none; text-align: right;} .pageChooseUpload .midChooseUpload h3 span{display: inline-block; background:url(../images/bg_back_to_our.png) no-repeat left center; padding-left: 15px; text-align: left} #loveNoteCanvas #btnStartOver{width:94px; background:url(../images/btn_ln_start_over.png) no-repeat left center; background-size: cover; height: 30px; border: none} #loveNoteCanvas #btnTrash {width:106px; background:url(../images/btn_ln_trash.png) no-repeat left center; background-size: cover; height: 30px; border: none} #carousel-custom-dots .tab1{ width:30.07518796992481%; background-size: cover; height: 30px;} #carousel-custom-dots .tab2{ width:30.82706766917293%; background-size: cover;height: 30px;} #carousel-custom-dots .tab3{ width:39.09774436090226%; background-size: cover;height: 30px;} #carousel-custom-dots .tab1.active{background-size:cover} #carousel-custom-dots .tab2.active{background-size:cover} #carousel-custom-dots .tab3.active{background-size:cover} #paneStickers .options a{width: 80px; margin: 0 10px; display: block; box-sizing: border-box; text-align: center; height: 80px; line-height: 80px;} #paneStickers .options a img {max-width: 100%; max-width: 80%;} #paneBorders .options a{ padding: 0px 0px 20px 20px;} #panePhrases .options .owl-carousel{width: 100%; box-sizing: border-box; padding: 0 10px;} /* End Card */ /*Begin Choose*/ .pageChooseUpload.pageChoose .bottomChooseUpload .wrap_contentPageChooseUpload{max-width: 640px; width: 100%;} .pageChooseUpload.pageChoose .bottomChooseUpload ul{padding-left: 0px; margin-bottom: 10px;} .pageChooseUpload.pageChoose .bottomChooseUpload ul li {float: left; width: 31.875%;margin-left: 1.09375%; margin-right: 0px;} .pageChooseUpload.pageChoose .bottomChooseUpload ul li img{width: 100%;} .pageChooseUpload.pageChoose .topChooseUpload{height: 360px;} .pageChooseUpload.pageChoose .topChooseUpload .hdr {padding-top: 60px; padding-left: 0px; box-sizing: border-box; text-align: center; width:45%} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr {padding-top: 30px; padding-left: 0px; box-sizing: border-box; text-align: center; width:45%} .pageChooseUpload.pageChoose .topChooseUpload .hdr img{width: 75%;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr img{width: 80%;} .pageChooseUpload.pageChoose .topChooseUpload .hdr p {font-family: "FuturaBook";font-size: 2.8125vw;line-height: 22px;padding: 20px 0 0 0px;margin: 0 auto 10px;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr p {font-family: "FuturaBook";font-size: 2.8125vw;line-height: 22px;padding: 20px 0 0 0px;margin: 0 auto 10px;width: 35.93vw;text-align: left;} .pageChooseUpload.pageChoose .midChooseUpload h3{padding-right: 0;} .pageChooseUpload.pageChoose .bottomChooseUpload h3, .pageChooseUpload.pageChoose .bottomChooseUpload p{ padding:0 7px;} .pageChooseUpload.pageChoose .bottomChooseUpload h3{padding-bottom: 15px;} .pageChooseUpload.pageChoose .bottomChooseUpload p{padding-top: 40px; font-size: 16px;} .pageChooseUpload.pageChoose .bottomChooseUpload h4{font-size: 16px; padding:0 7px; margin-bottom: 0px;} .pageChooseUpload.pageChoose .wrap_contentPageChooseUpload{padding-left: 0px; padding-right: 0px;} /*End Choose*/ /*Beign Upload*/ .pageChooseUpload .bottomChooseUpload p{padding-top: 50px;} .pageChooseUpload.pageUpload #mpWidget1 .mp-btn-upload{width: 232px; height: 44px; line-height: 44px; text-align: center; margin-right: 0px;} .pageChooseUpload.pageUpload #mpWidget1 .mp-btn-upload > span{padding: 0px 20px 0 0; font-size: 24px; background:#000000 url(../images/arrow_upload_page_mobile.jpg) no-repeat right center; font-family:'NeutraTextDemi'; display: block;} .pageChooseUpload.pageUpload .showFinalPhoto{padding-left: 20px;} /*End Upload*/ /*Thanks You Page*/ #thankYouPage{height: 1100px;} #thankYouPage .midChooseUpload h2{ font-size: 24px; width: 270px; height: auto; line-height: 27px; padding-top: 7px;} #thankYouPage .midChooseUpload h3{font-size: 18px; width: 118px; line-height: 23px; height: auto; margin-top: 14px;} #thankYouPage .conTentThankPage .maniThankPage .headtxt h3{padding: 60px 0 16px 5px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight{max-width: 18%;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li{height: 105px; padding-left: 0; font-family: 'NeutraTextDemi'; background-position: top left;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li.fb{ background-position: top left;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li a{padding-left:0; padding-top: 63px;} #thankYouPage .conTentThankPage .maniThankPage .buttom_thanks{margin-top: 4%;} #thankYouPage .conTentThankPage .maniThankPage .btnt{max-width: 304px; width: 40%; float: left;} /*End Thanks You Page*/ /* BEGIN ENTER EMAIL PAGE STYLES */ #enterEmail .midChooseUpload h2{font-size: 24px; width: 365px; height: auto; line-height: 27px; padding-top: 7px;} #enterEmail .midChooseUpload h3{font-size: 18px; width: 118px; line-height: 23px; height: auto; margin-top: 14px;} /*End ENTER EMAIL PAGE STYLES*/ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .title-rd, #wrapper-rd .more-recipes .more-recipes-hdr { font-size:28px; line-height:28px; padding: 2% 0 2% 0; } #wrapper-rd .content-rd .info-rd ul { width:100%; } #wrapper-rd .content-rd .info-rd ul li { padding-right: 0; text-align: center; margin-bottom: 2%; width: 49%; } #wrapper-rd .content-rd .content-container .sub-content, #wrapper-rd .content-rd .content-container .main-content { max-width: 100%; float: none; margin:0 auto; } #wrapper-rd .content-rd .content-container .sub-content .share-rd { background-color: #70c300; width: 70%; height: 227px; margin: 0 auto; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block { float: none; width:100%; margin:0; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn a { width: 134px; height: 140px; margin-left: 5px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-rd-hdr { font-family: "FuturaBook", Arial, sans-serif; font-size: 43px; line-height: 43px; margin: 0; padding: 2% 0 2% 0; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn { margin: 0 auto; width: 278px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd ul#nutrition_list { display:none; width:70%; margin:0 auto; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd #nutrition_list li { width:100%; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { width:70%; height:64px; background:url('../images/nutritional_facts_btn.png') no-repeat; background-size:100% 100%; margin:0 auto; text-indent:-9999px; cursor:pointer; } #wrapper-rd .content-rd .content-container .main-content { width:90%; margin-top:5%; font-size:15px; line-height:18px; } #wrapper-rd .content-rd .content-container { padding-bottom: 5%; margin-top: 4%; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd { margin-top: 5%; } #wrapper-rd .content-rd .info-rd ul li { font-size: 17px; line-height: 17px; } #wrapper-rd .content-rd .info-rd { max-width: 77%; padding-top: 5%; } #wrapper-rd .content-rd { min-height: 850px; } /* END RECIPE DETAIL PAGE STYLE */ /* Begin Gallery */ .pageChooseUpload .wrap_contentPageGallery .gallery-wrapper{width: 304px; margin: 0 auto;} .pageChooseUpload .wrap_contentPageGallery .picture{ max-width: 304px; width: 100%; float: left; margin: 0 auto;} .pageChooseUpload .wrap_contentPageGallery .picture:nth-child(3n){margin: 0px auto;} .pageChooseUpload.galleryPage .topChooseUpload .hdr a:hover, .pageChooseUpload.galleryPage .topChooseUpload .hdr a:focus{background:none;} /* End Gallery */ .pageEvent {width: 100%; background: #70c300 url(../images/bgEventPage_mobile.jpg) no-repeat center top; min-height: 880px; max-width: 1600px;margin: 0 auto;} } @media screen and (max-width: 736px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height: 1196px; } #homePg #homePg-body #birthday-intro .video { height: 867px; } #homePg #homePg-body #birthday-intro .birthday-logo p { max-width: 90%; margin: 96% auto 0 auto; } #homePg #homePg-body #celebrityChefRecipe { height: 1005px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height: 642px; } /* END HOMEPAGE STYLE */ } @media screen and (max-width: 667px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height: 1084px; } #homePg #homePg-body #birthday-intro .video { height: 786px; } #homePg #homePg-body #celebrityChefRecipe { height: 932px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height: 583px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { max-width: 60%; } #homePg #homePg-body #section4 #iceCreamCake p { max-width: 85%; } /* END HOMEPAGE STYLE */ /* BEGIN RECIPE PAGE STYLES */ #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height:58px; } /* END RECIPE PAGE STYLES */ /* BEGIN REGISTER PAGE STYLES */ #registrationPg{height: 1900px;} #registrationPg .wrapRegister{width: 92%;} #registrationPg .midChooseUpload h2{font-size: 24px; width: 333px; height: auto; line-height: 27px; padding-top: 7px; padding-left: 163px;} #registrationPg .midChooseUpload h3{font-size: 18px; width: 115px; line-height: 23px; height: auto; margin-top: 14px;} #registrationPg .wrapRegister .content .note{padding: 60px 0 20px;} #registrationPg .wrapRegister .content .note h3{padding: 20px 0 12px;} #registrationPg .wrapRegister .content .right_content{float:left;} #registrationPg .wrapRegister .content .city, #registrationPg .wrapRegister .content .city input,#registrationPg .wrapRegister .content .state .select-label, #registrationPg .wrapRegister .content .state, #registrationPg .wrapRegister .content .state select,#registrationPg .wrapRegister .content .zip, #registrationPg .wrapRegister .content .zip input, #registrationPg .wrapRegister .content .phone, #registrationPg .wrapRegister .content .phone input{width: 323px;} #registrationPg .wrapRegister #field_control_state{width: 128px; height: 57px;} #registrationPg .wrapRegister .content .state select{width: 323px;} #registrationPg .wrapRegister .content .birth .month{width:155px;} #registrationPg .wrapRegister .content .birth .month .select-label{width: 132px;} #registrationPg .wrapRegister .content .birth .month select{width: 132px;} #registrationPg .wrapRegister .content .birth .day{width:110px;} #registrationPg .wrapRegister .content .birth .day .select-label{width:89px;} #registrationPg .wrapRegister .content .birth .day select{width: 89px;} #registrationPg .wrapRegister .content .birth .year .select-label{width: 122px;} #registrationPg .wrapRegister .content .agreeterms{margin-top:40px;} #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked) + label, #registrationPg .wrapRegister .content input[type="checkbox"]:checked + label{line-height: 20px;} /* END REGISTER PAGE STYLES */ } @media screen and (max-width: 640px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height:1012px; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin:87% auto 0 auto; } #homePg #homePg-body #birthday-intro .video { height:754px; } #homePg #homePg-body #celebrityChefRecipe { height: 904px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height: 559px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { max-width: 65%; } /* END HOMEPAGE STYLE */ /*Begin Choose*/ .pageChooseUpload.pageChoose .topChooseUpload{ background: url(../images/card__selectOrUpload_main_mobile.jpg) no-repeat top center; height:388px; background-size:cover} .pageChooseUpload .midChooseUpload h2{width: 77%;} /*End Choose*/ /*Begin Gallery*/ .pageChooseUpload.pageChoose.galleryPage .topChooseUpload{ background: url(../images/gallery_img_mobile.jpg) no-repeat top center; background-size:cover} /*End Gallery*/ } @media (max-width: 568px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height: 923px; } #homePg #homePg-body #birthday-intro .birthday-logo p { font-size: 25px; } #homePg #homePg-body #celebrityChefRecipe { height: 828px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height: 496px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { max-width: 75%; } /* END HOMEPAGE STYLE */ /* BEGIN REGISTER PAGE STYLES */ #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height:50px; } /* END REGISTER PAGE STYLES */ } @media (max-width: 480px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #createAndCelebrate .create-and-win-logo .groupBtn{margin-top:0px;} #homePg #homePg-body #birthday-intro { height:752px; } #homePg #homePg-body #birthday-intro .video { height:658px; } #homePg #homePg-body #birthday-intro .birthday-logo { top: 13%; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin: 80% auto 0 auto; } #homePg #homePg-body #celebrityChefRecipe { height: 664px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { max-width: 38%; margin: 0 0 0 60%; height: 418px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { margin: 3% 0 0 0; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container { max-width:272px; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container .owl-carousel.owl-drag .owl-item { width:135px; height:135px; } .celebrity-chef-recipe-carousel .item { width:135px; height:135px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev, .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { top:48px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev { left:-30px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { right:-26px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { max-width: 86%; } #homePg #homePg-body #createAndCelebrate { height: 795px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo img { width:65%; } #homePg #homePg-body #section4 #partyInThePark { height: 452px; } #homePg #homePg-body #section4 #partyInThePark p { font-size: 22px; line-height: 26px; } #homePg #homePg-body #qualitySince1866 img.quality-logo{ width: 40%; } #homePg #homePg-body #qualitySince1866 { height: 880px; } #homePg #homePg-body #qualitySince1866 .block-wrapper { padding-top: 5%; } #homePg #homePg-body #qualitySince1866 p, #homePg #homePg-body #section4 #iceCreamCake p, #homePg #homePg-body #birthday-intro .birthday-logo p { font-size: 20px; line-height: 24px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { font-size: 16px; line-height: 20px; max-width: 52%; margin: 5% auto 5% auto; } #homePg #homePg-body #section4 #iceCreamCake { height: 169px; } #homePg #homePg-body #section4 #iceCreamCake p { margin: 0 auto 0 auto; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content, #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li { line-height: 25px; font-size: 20px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { margin: 1% 0 0 1%; font-size: 15px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { margin: 0 auto; height: 30px; } /* END HOMEPAGE STYLE */ /*Begin Card*/ .wrap_contentPageChooseUpload .rightCard {float: none; width: 100%; max-width: 300px; margin: 0 auto} #loveNoteCanvas, #loveNoteCanvas #imagedit, #loveNoteCanvas #imagedit .im-viewer CANVAS{width: 300px;} .wrap_contentPageChooseUpload .leftCard, .wrap_contentPageChooseUpload .rightCard{max-width: 300px; margin: 0 auto;} .pageChooseUpload .midChooseUpload{height:40px;} .pageChooseUpload .midChooseUpload h2{font-size: 12px; line-height: 12px; padding-left: 75px; width: 80%;} .pageChooseUpload .midChooseUpload h3{font-size: 10px; line-height: 10px;} .pageChooseUpload .midChooseUpload h2, .pageChooseUpload .midChooseUpload h3{height: 40px;} .pageChooseUpload .midChooseUpload .cardStepImg{width: 68px; top: -12px;} .txthdrCard{font-size: 12px; line-height: 14px; max-width: 320px; padding: 30px 0 20px} .pageChooseUpload .bottomChooseUpload ul.tabs-menu-mobile li{ width: 149px; height: 36px;} .bottomControl{max-width: 300px;} .bottomControl .btnBackCard{ width: 80px; height: 20px; background-size: cover;} .bottomControl .btnDoneNext{ width: 116px; height: 20px; background-size: cover;} #paneBorders .options img {display: block; width: 100%;} /*End Card*/ /*Thanks You Page*/ #thankYouPage{height: 900px;} #thankYouPage .wrap_contentPageChooseUpload{width: 100%;} #thankYouPage .midChooseUpload .cardStepImg{width: 120px; top: -26px;} #thankYouPage .midChooseUpload h2{padding-left: 122px; font-size: 17px; width: 185px; padding-top: 9px;} #thankYouPage .midChooseUpload h3{font-size: 14px; width: 96px;} #thankYouPage .conTentThankPage .maniThankPage .headtxt h3{padding: 35px 0 13px 5px;} #thankYouPage .conTentThankPage .maniThankPage .headtxt p{line-height: 19px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad{padding-top: 30px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li{font-size: 12px;height: 94px;} #thankYouPage .conTentThankPage .maniThankPage .imgUpLoad .iconRight ul li a{height:34px;} #thankYouPage .conTentThankPage .maniThankPage .buttom_thanks{margin-top: 4%;} #thankYouPage .conTentThankPage .maniThankPage .btnt{max-width: 304px; width: 49%; float: left; margin:0;} #thankYouPage .conTentThankPage .maniThankPage .back{margin-right:5px;} #thankYouPage .conTentThankPage .maniThankPage .make{float: right;} /*End Thanks You Page*/ /*Begin Choose*/ .pageChooseUpload.pageChoose .topChooseUpload{ background: url(../images/card__selectOrUpload_main_mobile.jpg) no-repeat top left; height:291px; background-size:cover} .pageChooseUpload.pageChoose .topChooseUpload .hdr p{/* font-size: 13px; */line-height: 18px;} /*End Choose*/ /* BEGIN ENTER EMAIL PAGE STYLES */ #enterEmail .wrap_contentPageChooseUpload{width: 100%;} #enterEmail .midChooseUpload .cardStepImg{width: 120px; top: -26px;} #enterEmail .midChooseUpload h2{width: 260px; padding-left: 120px; font-size: 20px;} #enterEmail .midChooseUpload h3{font-size: 16px; width: 260px; line-height: 23px; height: auto; margin-top: 14px;} /*End ENTER EMAIL PAGE STYLES*/ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .title-rd, #wrapper-rd .more-recipes .more-recipes-hdr { font-size: 17px; line-height: 17px; } #wrapper-rd .title-long-rd { font-size: 16px; line-height: 16px; } #wrapper-rd .content-rd .info-rd{ max-width: 90%; } #wrapper-rd .content-rd .info-rd ul li { font-size: 15px; line-height: 17px; } #wrapper-rd .content-rd .short-info-rd-2 ul > li { font-size: 16px; line-height: 16px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height: 36px; } #wrapper-rd .content-rd .info-rd ul li { width: 49%; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-rd-hdr { font-size: 30px; line-height: 30px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd { height: 200px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn a { width: 120px; height:124px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn { width: 257px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height:50px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height:42px; } #wrapper-rd .backLink a { width: 186px; } #wrapper-rd .backLink h3 { font-size: 16px; padding-left: 0; } /* END RECIPE DETAIL PAGE STYLE */ /* BEGIN REGISTER PAGE STYLES */ #registrationPg{height: 1950px;} #registrationPg .wrapRegister{width: 92%;} #registrationPg .midChooseUpload .cardStepImg{width: 115px; top: -26px;} #registrationPg .midChooseUpload h2{padding-left: 113px; font-size: 17px; width: 230px; padding-top: 9px;} #registrationPg .midChooseUpload h3{font-size: 14px; width: 94px;} #registrationPg .wrapRegister .content .note{padding: 40px 0 20px;} #registrationPg .wrapRegister .content .note h3{padding: 20px 0 12px;} #registrationPg .wrapRegister .content .right_content{float:left;} #registrationPg .wrapRegister .content .city, #registrationPg .wrapRegister .content .city input,#registrationPg .wrapRegister .content .state .select-label, #registrationPg .wrapRegister .content .state, #registrationPg .wrapRegister .content .state select,#registrationPg .wrapRegister .content .zip, #registrationPg .wrapRegister .content .zip input, #registrationPg .wrapRegister .content .phone, #registrationPg .wrapRegister .content .phone input{width: 323px; margin-right: 0;} #registrationPg .wrapRegister #field_control_state{width: 128px; height: 57px;} #registrationPg .wrapRegister .content .birth .year #field_control_state{width: 100%;} #registrationPg .wrapRegister .content .birth .month{width:155px;} #registrationPg .wrapRegister .content .birth .month select{width: 132px;} #registrationPg .wrapRegister .content .birth .day{width:110px;} #registrationPg .wrapRegister .content .birth .day select{width: 89px;} #registrationPg .wrapRegister .content .agreeterms{margin-top:40px;} #registrationPg .wrapRegister .content input[type="checkbox"]:not(:checked) + label, #registrationPg .wrapRegister .content input[type="checkbox"]:checked + label{line-height: 20px;} /* END REGISTER PAGE STYLES */ /*Begin Gallery*/ .pageChooseUpload.galleryPage .topChooseUpload .hdr a span{font-size: 13px;} .pageChooseUpload.galleryPage .topChooseUpload .hdr > a:last-child { margin-top:10px;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr {padding-top: 30px;} /*End Gallery*/ } @media (max-width: 414px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height: 673px; } #homePg #homePg-body #birthday-intro .video { height: 494px; } #homePg #homePg-body #birthday-intro .birthday-logo p { font-size: 18px; line-height: 22px; } #homePg #homePg-body #celebrityChefRecipe { height: 596px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { max-width: 325px; font-size: 16px; line-height:23px; margin: 7% 0 0 0; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height:361px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { font-size:15px; line-height:17px; max-width:56%; } #homePg #homePg-body #createAndCelebrate { height: 720px; } #qualitySince1866 { height: 830px; } #homePg #homePg-body #section4 #iceCreamCake p { margin: 6% auto 0 auto; font-size:18px; line-height:22px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { margin: 2.5% 0 0 1%; } /* END HOMEPAGE STYLE */ /*Begin Choose*/ .pageChooseUpload.pageChoose .topChooseUpload .hdr{ width: 50%; } .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr{ width: 45%; } .pageChooseUpload.pageChoose .topChooseUpload{height: 251px;} .pageChooseUpload.pageChoose .topChooseUpload .hdr p{padding-top: 10px;/* font-size: 12px; */} .pageChooseUpload.pageChoose .topChooseUpload .hdr{padding-top: 50px;} .pageChooseUpload.pageChoose .bottomChooseUpload p, .pageChooseUpload.pageChoose .bottomChooseUpload h4 {font-size: 12px; line-height: 20px;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr{padding-top: 40px;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr p{margin-bottom:0px; padding-top:10px; line-height:18px;} /*End Choose*/ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height: 40px; } #wrapper-rd .content-rd .info-rd { max-width: 100%; } /* END RECIPE DETAIL PAGE STYLE */ /* BEGIN REGISTER PAGE STYLES */ #registrationPg .wrapRegister .content .birth .month{width:134px;} #registrationPg .wrapRegister .content .state .select-label, #registrationPg .wrapRegister .content .birth .month .select-label, #registrationPg .wrapRegister .content .birth .day .select-label,#registrationPg .wrapRegister .content .birth .year .select-label{padding-left: 7px;} #registrationPg .wrapRegister .content .birth .month select,#registrationPg .wrapRegister .content .birth .month .select-label{width: 120px;} #registrationPg .wrapRegister .content .birth .year, #registrationPg .wrapRegister .content .birth .year .select-label,#registrationPg .wrapRegister .content .birth .year select{width: 96px;} #registrationPg .wrapRegister .content .birth .day .select-label,#registrationPg .wrapRegister .content .birth .day select{width: 80px;} #registrationPg .wrapRegister .content .birth .day{width: 93px;} /* END REGISTER PAGE STYLES */ /* Begin Event*/ .hdrEvent > p {text-align:center; font-size: 18px; line-height: 28px; font-family: 'FuturaBook', sans-serif; padding-top: 2.7vh} /* End Event*/ } @media (max-width: 375px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height: 582px; } #homePg #homePg-body #birthday-intro .video { height: 442px; } #homePg #homePg-body #birthday-intro .birthday-logo p { font-size: 15px; line-height: 19px; } #homePg #homePg-body #celebrityChefRecipe { height: 555px; } #homePg #homePg-body #celebrityChefRecipe .block-wrapper { padding: 12% 0 0 0; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { max-width: 85%; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { font-size: 15px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height:349px; } #homePg #homePg-body #createAndCelebrate { height: 615px; } #qualitySince1866 { height: 740px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { font-size: 15px; margin: 1% 0 0 1%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo img { width: 60%; } #homePg #homePg-body #section4 #partyInThePark p { font-size: 15px; line-height: 20px; } #homePg #homePg-body #section4 #iceCreamCake p { font-size: 17px; } /* END HOMEPAGE STYLE */ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-rd-hdr { font-size: 24px; line-height: 30px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd { height: 165px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height:33px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn { width: 220px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn a { width: 100px; height:104px; } /* END RECIPE DETAIL PAGE STYLE */ /*Begin Upload*/ .showFinalPhoto .imgFinal{max-width: 94%;} .btnUploadDiffe{display:block;width: 81%;} .btnUploadBack > img, .btnUploadDiffe > img{width: 100%;} .btnUploadBack{display:block; width: 15px; float: left;} .lkbSubmit{background-size:cover;/* width: 82px; *//* height: 24px; */} .pageChooseUpload.pageUpload .showFinalPhoto{padding-top: 40px;} .pageChooseUpload.pageUpload .showFinalPhoto .lkbSubmit{ margin-top: 20px;} .pageChooseUpload .midChooseUpload h2{width: 73%;} .pageChooseUpload.pageUpload .bottomChooseUpload p{font-size: 17px; line-height: 28px;} /*End Upload*/ /* BEGIN REGISTER PAGE STYLES */ #registrationPg{height: 2000px;} /* END REGISTER PAGE STYLES */ } @media (max-width: 360px) { /* BEGIN HOMEPAGE STYLE */ .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev { left:-30px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { right:-30px; } #homePg #homePg-body #celebrityChefRecipe { height: 539px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height:335px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { max-width: 64%; } /* END HOMEPAGE STYLE */ /*Begin CHoose*/ .pageChooseUpload.pageChoose .topChooseUpload{ height:218px; background-size:cover} .pageChooseUpload.pageChoose .topChooseUpload .hdr p{/* font-size:11px; */line-height: 13px;padding-top: 5px;} .pageChooseUpload.pageChoose .bottomChooseUpload h3{font-size: 16px;} /*End CHoose*/ /* BEGIN ENTER EMAIL PAGE STYLES */ #enterEmail .enterEmail-content .hdr{margin-right: 2%;} /*End ENTER EMAIL PAGE STYLES*/ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .content-rd .info-rd ul li { font-size: 13px; } /* BEGIN GALLERY PAGE STYLE */ /*.pageChooseUpload.pageChoose .topChooseUpload .hdr{padding-top: 25px;}*/ .pageChooseUpload.galleryPage .topChooseUpload .hdr a span { font-size: 11px;} .pageChooseUpload.galleryPage .topChooseUpload .hdr a span { background-size: 5% 60%;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr p { line-height: 13px; padding-top: 5px;} /* END GALLERY PAGE STYLE */ } @media (max-width: 320px) { /* BEGIN HOMEPAGE STYLE */ #homePg #homePg-body #birthday-intro { height:520px; } #homePg #homePg-body #birthday-intro .video { height:440px; } #homePg #homePg-body #birthday-intro .birthday-logo p { margin: 80% auto 0 auto; font-size: 14px; line-height: 16px; width:100%; max-width:100%; } #homePg #homePg-body #celebrityChefRecipe { height: 486px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo { height:299px; } #homePg #homePg-body #celebrityChefRecipe .celebrity-chef-recipe-logo p { font-size: 14px; line-height: 18px; margin-top:10%; } .celebrity-chef-recipe-carousel .celebrity-chef-recipe-carousel-container { max-width:244px; } .celebrity-chef-recipe-carousel .item { width:120px; height:120px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-prev { top:38px; left: -31px; } .celebrity-chef-recipe-carousel .owl-carousel .owl-nav .owl-next { top:38px; right:-31px; } #homePg #homePg-body #createAndCelebrate { height: 520px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { margin: 5% auto 5% auto; max-width: 70%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.cta { margin: 0 auto 0 auto; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo img { width: 60%; } #homePg #homePg-body #section4 #partyInThePark { padding: 14% 0 0 0; } #homePg #homePg-body #section4 #partyInThePark { height: 296px; } #homePg #homePg-body #section4 #partyInThePark p, #homePg #homePg-body #section4 #iceCreamCake p, #homePg #homePg-body #createAndCelebrate .create-and-win-logo p, #homePg #homePg-body #qualitySince1866 p { font-size: 16px; line-height: 20px; } #homePg #homePg-body #section4 #iceCreamCake { height: 140px; } #homePg #homePg-body #qualitySince1866 { height: 790px; } #homePg #homePg-body #section4 #iceCreamCake p { margin: 3% auto 0 auto; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo p { font-size:14px; line-height:16px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo a.see-all-prizes-btn { font-size: 14px; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo img { width: 50%; } #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content, #homePg #homePg-body #createAndCelebrate .create-and-win-logo .see-all-prizes .prizes-wrapper .prizes-content ul > li { line-height: 20px; font-size: 16px; } #homePg #homePg-body #section4 #iceCreamCake p { max-width: 92%; } /* END HOMEPAGE STYLE */ /*Begin Card*/ .txthdrCard{font-size: 12px; line-height: 14px; max-width: 300px; padding: 30px 0 20px} /*End Card*/ /* BEGIN ENTER EMAIL PAGE STYLES */ #enterEmail .enterEmail-content{padding-top: 40px;} #enterEmail .midChooseUpload .cardStepImg{width: 106px; top: -13px;} #enterEmail .midChooseUpload h2{width: 230px; padding-left: 102px; font-size: 18px; line-height: 21px; padding-top: 16px;} #enterEmail .midChooseUpload h3{font-size: 15px; width: 97px; line-height: 23px; height: auto; margin-top: 15px;} #enterEmail .enterEmail-content #email_control input[type=text]{width: 304px;} #enterEmail .enterEmail-content #recaptcha_widget .formbox, #enterEmail .enterEmail-content #recaptcha_widget input{width: 263px;} /*End ENTER EMAIL PAGE STYLES*/ /*Begin Choose*/ .pageChooseUpload.pageChoose .topChooseUpload{ height:194px; background-size:cover} .pageChooseUpload.pageChoose .topChooseUpload .hdr p{ font-size: 10px; } .pageChooseUpload.pageChoose .bottomChooseUpload p, .pageChooseUpload.pageChoose .bottomChooseUpload h4{font-size:11px;} /*End Choose*/ /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .title-rd, #wrapper-rd .more-recipes .more-recipes-hdr { font-size: 14px; line-height: 14px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-rd-hdr { font-size: 18px; line-height: 23px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd { height: 125px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn a { width: 80px; height:84px; } #wrapper-rd .content-rd .content-container .sub-content .share-rd .share-block .share-btn { width: 178px; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { height:28px; } #wrapper-rd .content-rd .info-rd ul li { font-size: 12px; } /* END RECIPE DETAIL PAGE STYLE */ /* BEGIN REGISTER PAGE STYLES */ #registrationPg{height: 2100px;} #registrationPg .wrapRegister .content .left_content input, #registrationPg .wrapRegister .content .right_content input, #registrationPg .wrapRegister .content .addState input, #registrationPg .wrapRegister .content .addState select{width: 290px;} #registrationPg .wrapRegister .content .city, #registrationPg .wrapRegister .content .city input, #registrationPg .wrapRegister .content .state .select-label, #registrationPg .wrapRegister .content .state, #registrationPg .wrapRegister .content .state select, #registrationPg .wrapRegister .content .zip, #registrationPg .wrapRegister .content .zip input, #registrationPg .wrapRegister .content .phone, #registrationPg .wrapRegister .content .phone input{width: 290px; margin-right: 0;} #registrationPg .wrapRegister .content .left_content, #registrationPg .wrapRegister .content .right_content{width: 290px;} #registrationPg .wrapRegister .content .birth .month{width: 126px;} #registrationPg .wrapRegister .content .birth .day{width: 83px;} #registrationPg .wrapRegister .content .birth .day .select-label, #registrationPg .wrapRegister .content .birth .day select{width: 76px;} #registrationPg .wrapRegister .content .birth .year, #registrationPg .wrapRegister .content .birth .year .select-label, #registrationPg .wrapRegister .content .birth .year select{width: 82px;} #registrationPg .wrapRegister .content .agreeterms{margin-top: 17px;} /* END REGISTER PAGE STYLES */ /*Begin Gallery*/ .pageChooseUpload.pageChoose.galleryPage .topChooseUpload{ height:204px; background-size:cover} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr{text-align:left; padding-left: 10px;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr p {margin:2px 0 0 0; padding-top:5px; line-height:13px;} .pageChooseUpload.pageChoose.galleryPage .wrap_contentPageGallery p{margin-bottom: 20px;} .pageChooseUpload.pageChoose.galleryPage .topChooseUpload .hdr a span{padding-left: 10px;} .pageChooseUpload .wrap_contentPageGallery .gallery-wrapper{width: 280px;} /*.pageChooseUpload.pageChoose .topChooseUpload .hdr{padding-top: 20px;}*/ .pageChooseUpload.galleryPage .topChooseUpload .hdr a span { font-size: 10px;} /*End Gallery*/ } /* Print mode */ @media print and (orientation: landscape) { /* landscape styles */ /* BEGIN RECIPE DETAIL PAGE STYLE */ #bwsHeaderContent, .bws-header .container, .bws-header { background-color:#000000 !important; } #wrapper-rd .content-rd .content-container .sub-content .share-rd, #wrapper-rd .more-recipes, #wrapper-rd .backLink { display:none; } #wrapper-rd { background-color:#ffffff !important; color:#000000 !important; max-width: 960px !important; width: 960px !important; margin:0 auto; } #wrapper-rd #header-rd { width:45%; float:left; margin-left:12%; } #wrapper-rd .title-rd{ width:40%; float:left; margin-left:5%; } #wrapper-rd .content-rd { position:relative; background:none; max-width: 960px; width: 960px; margin:0 auto; min-height: 770px; } #wrapper-rd .content-rd .info-rd { position: absolute; top: -30.5%; right: 23.5%; max-width: 400px; } #wrapper-rd .content-rd .long-info-rd { max-width: 450px; } #wrapper-rd .title-rd { background:none; text-align: left; } #wrapper-rd .content-rd .info-rd ul li { display:block; margin-bottom:3%; } #wrapper-rd .content-rd .content-container .sub-content { max-width: 30%; float: left; } #wrapper-rd .content-rd .content-container .main-content { max-width: 60%; float: right; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd { margin-top: 0; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd #nutrition_list li { border-bottom: 1px solid #000000; } /* END RECIPE DETAIL PAGE STYLE */ } @media print and (orientation: portrait) { /* portrait styles */ /* BEGIN RECIPE DETAIL PAGE STYLE */ #bwsHeaderContent, .bws-header .container, .bws-header { background-color:#000000 !important; } #wrapper-rd .content-rd .content-container .sub-content .share-rd, #wrapper-rd .more-recipes, #wrapper-rd .backLink { display:none; } #wrapper-rd { background-color:#ffffff !important; color:#000000 !important; max-width: 767px !important; width: 767px !important; margin:0 auto; } #wrapper-rd #header-rd { width:45%; float:left; margin-left:2%; } #wrapper-rd .title-rd{ width:40%; float:left; margin-left:5%; } #wrapper-rd .content-rd { position:relative; background:none; max-width: 767px; width: 767px; margin:0 auto; min-height: 770px; } #wrapper-rd .content-rd .info-rd { position: absolute; top: -10.5%; right: 30%; max-width: 100%; } #wrapper-rd .title-rd { background:none; text-align: left; } #wrapper-rd .content-rd .info-rd ul li { display:block; margin-bottom:3%; } #wrapper-rd .content-rd .content-container { margin-top:0; margin-bottom:2%; } #wrapper-rd .content-rd .content-container .sub-content { max-width: 30%; float: left; padding-top: 8%; } #wrapper-rd .content-rd .content-container .main-content { max-width: 60%; float: right; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd { margin-top: 0; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd #nutrition_list li { border-bottom: 1px solid #000000; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd ul#nutrition_list { display:block; width: 100%; } #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr { width: 100%; height: auto; background: none; background-size: 100% 100%; margin: 0 auto; text-indent: inherit; cursor: pointer; } #wrapper-rd .content-rd .info-rd ul li { display: block; margin-bottom: 3%; width: 100%; text-align: left; } #wrapper-rd .content-rd .content-container .main-content { width: 90%; margin-top: 0; padding-top: 8%; } .col-sm-4 { margin-left:9% !important; } /* END RECIPE DETAIL PAGE STYLE */ } @media print { .isPrint { display:block !important; } .isNotPrint { display:none !important; } #bwsHeaderContent { display:none !important; } /* BEGIN RECIPE DETAIL PAGE STYLE */ #wrapper-rd .content-rd .info-rd ul li, #wrapper-rd .content-rd .content-container .sub-content .nutrition-rd .nutrition-hdr, #wrapper-rd .content-rd .content-container .main-content h2, #wrapper-rd .content-rd .content-container .main-content ol li { font-weight:700; } #wrapper-rd .content-rd .info-rd ul li > span, #wrapper-rd .content-rd .content-container .main-content ol li > span { font-weight:normal; } /*#wrapper-rd .title-long-rd, #wrapper-rd .title-long-rd-2{ font-size:20px !important; line-height:20px !important; } .long-content .info-rd { top:-5% !important; } .info-rd-2 { right: 26.5% !important; } .info-rd-3 { right: 28.5% !important; }*/ .info-rd-2 { right: 26.5% !important; } /* END RECIPE DETAIL PAGE STYLE */ }