/* Theme name: Poor Mans Kitchen Description: Custom Theme */ /******* Poor Mans Kitchen WordPress CSS *******/ /* Common elements styling */ .post .entry h1 { font-size: 20px; line-height: 30px} .post .entry h2 { font-size: 18px; line-height: 27px} .post .entry h3 { font-size: 16px; line-height: 24px} .post .entry h4 { font-size: 14px; line-height: 21px} .post .entry h5 { font-size: 12px; line-height: 18px} .post .entry h6 { font-size: 10px; line-height: 15px} .post .entry ul { margin-left: 25px; } .post .entry ol { margin-left: 25px; } .post .entry a img { border: 0 } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 2px 0 2px 7px; display: inline; } img.alignleft { margin: 2px 7px 2px 0; display: inline; } .alignright { float: right; display: inline; } .alignleft { float: left; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Calendar widget */ #wp-calendar { empty-cells: show; margin: 10px auto 0; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /******* /Poor Mans Kitchen WordPress CSS *******/ @font-face { font-family: 'abraham_lincolnregular'; src: url('fonts/abrahamlincoln-webfont.eot'); src: url('fonts/abrahamlincoln-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/abrahamlincoln-webfont.woff') format('woff'), url('fonts/abrahamlincoln-webfont.ttf') format('truetype'), url('fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'mission_scriptregular'; src: url('fonts/mission-script-webfont.eot'); src: url('fonts/mission-script-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mission-script-webfont.woff') format('woff'), url('fonts/mission-script-webfont.ttf') format('truetype'), url('fonts/mission-script-webfont.svg#mission_scriptregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ribbonregular'; src: url('fonts/ribbon_v2_2011-webfont.eot'); src: url('fonts/ribbon_v2_2011-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ribbon_v2_2011-webfont.woff') format('woff'), url('fonts/ribbon_v2_2011-webfont.ttf') format('truetype'), url('fonts/ribbon_v2_2011-webfont.svg#ribbonregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'sanchez_regularregular'; src: url('fonts/sanchezregular-webfont.eot'); src: url('fonts/sanchezregular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sanchezregular-webfont.woff') format('woff'), url('fonts/sanchezregular-webfont.ttf') format('truetype'), url('fonts/sanchezregular-webfont.svg#sanchez_regularregular') format('svg'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; outline: 0; } body, html { height: 100%; } body { background: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #4d4d4d; } body.home { background: url(images/bg.jpg) repeat-x center 0;} a img { border:0; } a { color: #0252aa; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } ul { list-style-type: none; } input, textarea, select { font-size: 12px; font-family: arial, sans-serif; } textarea { overflow: auto; } .submit-button { cursor: pointer; border: 0; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .mobile-hidden:after, .mobile-socials:after, .info:after, #header:after, .syrop-info.top:after, .clearfix:after { display: table; content: ' '; clear: both;} .al { text-align: left; } .ar { text-align: right; } .ac { text-align: center; } h2 { font-size: 24px; line-height: 28px; } h3 { font-size: 20px; line-height: 24px; } h4 { font-size: 15px; line-height: 22px; } h5 { font-size: 13px; line-height: 21px; color: #1a1a1a; } .shell { max-width: 978px; margin:0 auto; } .cl-div { position: relative; overflow: hidden; } h2,h3,h4, h5 { font-weight: normal; } h2, h3, h4, h5, #navigation ul li a, .featured-advertise, p.copyright, #aside .widget .box .read-more, .story .top .meta-date, .gform_wrapper, .story .top .meta-name, #aside ul.list li, .contact-box .submit-button, #recipe-slider .featured-item .recipe a span, #slider .item .info p { font-family: 'sanchez_regularregular', "Myriad Pro", Arial, sans-serif; } h2.page-title { padding-top: 20px; margin-bottom: 20px; text-align:right; font-size: 36px; line-height: 40px; color: #801a14; letter-spacing: 1px; text-transform: uppercase;} h3.title { margin-bottom: 23px; border-bottom: 1px dotted #808043; font-size: 20px; line-height: 35px; color: #808043; text-transform: uppercase;} .abraham { font-family: 'abraham_lincolnregular', "Myriad Pro", Arial, sans-serif; } .syrop-info .top h2 , .recipe-info h2, .ribbon, #slider .item .info h2 { font-family: 'ribbonregular', "Myriad Pro", Arial, sans-serif; } .mission, .syrop-info .top .widget li.btn a, .recipes-article ul li a { font-family: 'mission_scriptregular', "Myriad Pro", Arial, sans-serif; } /* Header */ #header { position: relative; padding-top: 10px;} h1#logo { position: absolute; z-index: 9; top: 0; left: 377px; font-size:0; line-height:0; width: 175px; height: 145px; } h1#logo a { display:block; height: 226px; text-indent: -4000px; background:url(images/logo.png?v2) no-repeat 0 0; } .sub-nav { padding-top: 3px; margin-bottom: 20px; } .sub-nav ul li { float:left; padding: 0 10px; } .sub-nav ul li:first-child { padding: 0 10px 0 0; background: url(images/border-bg.png) no-repeat right center; } .sub-nav ul li.last { padding-right: 0; } .sub-nav ul li a { font-size: 10px; color: #4d4d4d; text-transform: uppercase; } #navigation { margin-bottom: 110px; } #navigation ul li { float:left; padding: 0 32px 0 19px; background: url(images/bullet.png) no-repeat right center; text-transform: uppercase; } #navigation ul li:first-child { padding-left: 0; } #navigation ul li.last { padding-right: 0; background: 0; } #navigation ul li a { font-size: 13px; line-height: 21px; color: #1a1a1a; text-shadow: -1px 0 #a0a09f; } #navigation ul li a:hover { color: #801a14; text-shadow: -1px 0 #c79f9c; text-decoration:none; } /* Content */ #content { padding-bottom: 40px; } .featured-advertise-box { margin-bottom: 35px; margin-top: -3px; } .featured-advertise.left { width: 314px;} .featured-advertise.left h2 { padding-bottom: 4px; margin-bottom: 4px; font-size: 30px; line-height: 35px; color: #333333; border-bottom: 1px dotted #c5c5c5; text-transform: uppercase; width: 280px;} .featured-advertise.left h3 { font-size: 15px; line-height: 22px; color: #8b1a13; font-style: italic; text-transform: uppercase; } .featured-advertise.left h3,.featured-advertise.left h2 { font-weight: normal; } .featured-advertise.right { width: 335px; padding-top: 30px; } .featured-advertise.right h2 { padding-bottom: 8px; margin-bottom: 8px; font-size: 15px; line-height: 22px; color: #818843; font-style: italic; border-bottom: 1px dotted #c5c5c5; text-transform: uppercase; } .featured-advertise.right h3 { margin-bottom: 5px; color: #202020; font-weight: normal; } .featured-advertise.right .mission { font-size: 29px; line-height: 33px; } .featured-advertise.right .ribbon { font-size: 24px; line-height: 28px; font-weight:bold; letter-spacing: 1px; } .featured-advertise.right .abraham { font-size: 29px; line-height: 33px; } .featured-advertise.right span.narrow { text-align:right; font-size: 14px; line-height: 18px; text-transform: uppercase;} /* Home Slider */ .slider-container { position: relative; width: 978px; height: 532px; margin-bottom: 125px; } .slider-container .image-container { text-align: center; } .slider-bg { position: absolute; } #slider .featured-item { width: 995px; height: 532px; } #slider .featured-item.first .item { background: url(images/slide-sprite1.png) no-repeat 0 0; } #slider .featured-item.second .item { background: url(images/slide-sprite2.png) no-repeat 0 0; } #slider .item { position: relative; float:left; } #slider .item .info { display:none; text-align:center; cursor: pointer;} #slider .item .info h2 { text-transform: uppercase; color: #474747; font-size: 21px; line-height: 24px; margin-bottom: 10px; font-weight:bold; } #slider .item .info p { font-size: 12px; line-height: 16px; } #slider .featured-item.first .item.chamomile { width: 153px; height: 373px; margin-top: 61px; background-position: 0 -472px; } #slider .featured-item.first .item.chamomile:hover { background-position: -156px -472px; } #slider .featured-item.first .item.chamomile .info { width: 121px; padding: 115px 0 0 20px;} #slider .featured-item.first .item.chamomile .info p { padding-bottom: 10px; } #slider .featured-item.first .item.chinese { margin-left: -26px; margin-right: -8px; width: 292px; height: 522px; background-position: 0 -1236px; } #slider .featured-item.first .item.chinese:hover { background-position: -294px -1236px; } #slider .featured-item.first .item.chinese .info { padding: 167px 0 0 46px; width: 165px} #slider .featured-item.first .item.chinese .info p { padding-bottom: 20px; } #slider .featured-item.first .item.clove { z-index: 1; width: 156px; height: 376px; margin: 60px 0 0 -10px; background-position: -314px -472px; } #slider .featured-item.first .item.clove:hover { background-position: -458px -849px; } #slider .featured-item.first .item.clove .info { padding: 120px 0 0 17px; width: 130px; } #slider .featured-item.first .item.clove .info p { padding-bottom: 10px; } #slider .featured-item.first .item.cardamom { z-index: 9; width: 230px; height: 470px; margin-left: -28px; margin-top: 15px; background-position: 0 0; } #slider .featured-item.first .item.cardamom:hover { background-position: -231px 0; } #slider .featured-item.first .item.cardamom .info { padding: 148px 0 0 32px; width: 170px } #slider .featured-item.first .item.cardamom .info p { padding-bottom: 10px; } #slider .featured-item.first .item.vanilla { width: 203px; height: 383px; margin: 55px 0 0 20px; background-position: 0 -850px; } #slider .featured-item.first .item.vanilla:hover { background-position: -204px -850px; } #slider .featured-item.first .item.vanilla .info { width: 130px; padding: 105px 0 0 43px;} #slider .featured-item.first .item.vanilla .info p { padding-bottom: 10px; } #slider .featured-item.second .item.date { width:183px; height: 387px; margin-top: 55px; background-position: 0 -483px; } #slider .featured-item.second .item.date:hover { background-position: -184px -483px; } #slider .featured-item.second .item.date .info { width: 120px; padding: 120px 0 0 55px;} #slider .featured-item.second .item.date .info p { padding-bottom: 10px; } #slider .featured-item.second .item.pumpkin { width: 258px; height: 512px; margin-left: -30px; background-position: -259px -875px; } #slider .featured-item.second .item.pumpkin:hover { background-position: 0 -875px; } #slider .featured-item.second .item.pumpkin .info { width: 170px; padding: 172px 0 0 43px; } #slider .featured-item.second .item.pumpkin .info p { padding-bottom: 30px; } #slider .featured-item.second .item.cinnamon { width: 316px; height: 483px; margin-top: 19px; background-position: 0 0;} #slider .featured-item.second .item.cinnamon:hover { background-position: -317px 0;} #slider .featured-item.second .item.cinnamon .info { padding: 143px 0 0 117px; width: 170px; } #slider .featured-item.second .item.cinnamon .info p { padding-bottom: 20px; } #slider .featured-item.second .item.root { width: 204px; height: 386px; margin: 63px 0 0 25px; background-position: -370px -485px; } #slider .featured-item.second .item.root:hover { background-position: -516px -875px; } #slider .featured-item.second .item.root .info { width: 131px; padding: 120px 0 0 39px; } #slider .featured-item.second .item.root .info p { padding-bottom: 10px; } .cardam-img { top: 415px; right: -176px; width: 568px; height: 169px; background: url(images/cardam.png) no-repeat 0 0; } .rootbeer-img { top: 425px; left: -182px; width: 422px; height: 249px; background: url(images/rootbeer.png) no-repeat 0 0; } /* Page Content */ /* MAIN CONTENT */ #main-content { width: 726px; margin-top: 4px; } .border-container { padding-bottom: 40px; border-bottom: 1px dotted #b0b0b0; } .featured-article { padding: 4px; margin-bottom: 30px; background: #e9eaeb; } .featured-article img.left { margin-right: 19px; } .featured-article h2 { padding: 13px 0; font-size: 14px; line-height: 21px; color: #000000; text-transform: uppercase;} .featured-article p { padding-bottom: 20px; } .article { margin-bottom: 35px; } .article h3 { font-size: 18px; line-height: 25px; color: #000; text-transform: uppercase;} .article h6 { padding-bottom: 24px; color: #808080; font-size: 12px; font-weight: normal; } .article .columns { margin-right: -30px; } .article .col { width: 222px; margin-right: 19px; } .article .col.middle { margin-left: 27px; } .article .col p { padding-bottom: 20px; } .article .col p.last { padding-bottom: 0; } .article img { padding: 4px; background: #e9eaeb; } .article img.left { margin-right: 30px; } .article .info { width: 480px; margin: 0 auto; display: block; padding: 15px 0; border-top: 1px dotted #801a14; border-bottom: 1px dotted #801a14; color: #801a14; clear: both; margin-top: 10px; } .article .info p { padding-bottom: 20px; } .article .info p.last { padding-bottom: 0; } /*` Story */ .main-story { background: #f2f2f2; margin-bottom: 18px; } .story { padding: 28px 0 40px; border-bottom: 1px dotted #b0b0b0; } .main-story {border-bottom: 0; } .story img.left { padding: 4px; background: #e9eaeb; } .story .info.right { width: 392px; padding-right: 26px; } .narrow-bg { position: absolute; width: 100%; background: #f2f2f2; font-size: 0; line-height: 0; text-indent: -4000px; } .story .top { position: relative; min-height: 58px; margin-bottom: 25px; } .story .top .meta-date { width: 41px; height: 57px; margin-right: 15px; background: #801a14; border-radius: 5px; text-align:center; color: #fff; font-size: 13px; line-height: 12px; text-transform: uppercase;} .story .top .meta-date strong { font-size: 24px; line-height: 26px; font-weight: normal; display: block;} .story .top h2 { font-size: 18px; line-height: 23px; text-transform: uppercase; } .story .top h2 a { color: #1a1a1a; } .story .top .meta-name { color: #808080; font-size: 12px; line-height: 12px; font-style: italic; } .story p { padding-bottom: 20px; } .story a.read-more { padding-left: 20px; background: url(images/bullet.png) no-repeat 0 center; color: #801a14; font-size: 10px; line-height: 14px; text-transform: uppercase;} .story .post-categories { color: #808080; font-size: 10px; line-height: 14px; text-transform: uppercase; float: right;} /* Recipe */ .section-right { width: 727px; float:right; position:relative; } .syrop-addthis-container { position:absolute; right: 43px; top: 335px; z-index: 10;} .syrop-addthis-container li {display: inline-block; vertical-align: top;} #facebook-like-button {width: 100px;} #twitter-share-button {width: 100px;} #pinterest-pin-button {width: 40px;} /* Syrop Slider */ .syrop-slider-container { position: relative; height: 202px; padding-left: 15px; margin-bottom: 40px; background: #f2f2f2; margin-top: 38px; } .syrop-slider-container h3 { margin-bottom: 28px; border-bottom: 1px dotted #808043; font-size: 20px; line-height: 35px; color: #808043; } #syrop-slider .featured-item { float:left; width: 116px; height: 161px; padding: 34px 10px 0 10px; text-align:center; } #syrop-slider .featured-item img { height: auto; max-width: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #syrop-slider .featured-item img:hover, #syrop-slider .featured-item.active img { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .slider-arrow { position: absolute; top: 80px; display:block; width: 18px; height: 40px; font-size: 0; line-height: 0; text-indent: -4000px; } #prev-slider { left: 0; background: url(images/prev-slider.png) no-repeat 0 0; } #next-slider { right: 0; background: url(images/next-slider.png) no-repeat 0 0; } .syrop-bg { position: absolute; top: 220px; left: 0; height: 202px; width: 100%; background: #f2f2f2; } .syrop-info { display:none; } .syrop-info.selected { display:block; } .syrop-info-container { margin-bottom: 40px; } .syrop-info { position: relative;} .syrop-info .top { margin-bottom: 35px; padding-bottom: 30px; border-bottom: 1px dotted #b0b0b0; } .syrop-info .top h2 { color: #801a14; font-size: 36px; line-height: 40px; text-transform: uppercase; width: 350px;} .syrop-info .top .widget li { float:left; padding-top: 64px; padding-left: 9px; } .syrop-info .top .widget li.btn { padding: 0; padding-left: 101px; } .syrop-info .top .widget li.btn a { display:block; width: 91px; height: 71px; padding-top: 20px; background: url(images/btn.png) no-repeat 0 0; border-radius: 46px; text-align:center; color: #fff; font-size: 31px; line-height: 26px; } /*.syrop-info .top .widget li.btn a:hover { background: url(images/btn-hover.png) no-repeat 0 0; text-decoration: none; box-shadow: inset 0 0 1px 3px rgba(255,255,255,0.2); }*/ .syrop-info p { padding-bottom: 20px; } .syrop-info .body img { position: relative; margin: 80px -100px 0 40px; } .syrop-info .syrop-img { height: auto; max-width: 275px; position: absolute; z-index: 9; top: -350px; left: -275px; } .recipes-article { padding-top: 30px; } .recipes-article h4 a {font-size: 12px; line-height: 22px; color: #b0b0b0; } .recipes-article ul li { float: left; width: 224px; margin-left: 27px; padding-bottom: 25px; border-bottom: 1px dotted #b0b0b0; height: 220px; } .recipes-article ul li { margin-bottom: 20px; } .recipes-article ul li:nth-child(3n+1) { margin-left: 0; } .recipes-article ul li img { margin-bottom: 25px; border: 4px solid #e9eaeb; } .recipes-article ul li h2 { margin-bottom: 10px; color: #1a1a1a; font-size: 15px; line-height: 21px; text-transform: uppercase;} .recipes-article ul li a { font-size: 20px; line-height: 18px; color: #666666; } .filelist { float: left;} #upload-image { display: block; opacity: 0;} #upload-files { position: absolute; padding-top: 28px; display: none; font-size: 10px; margin-bottom: 2px; text-transform: uppercase; color: #4D4D4D; } #filelist { position: absolute; top: 15px; } #percents { position: absolute; bottom: -32px; height: 20px; left: 0px; background-color: #7e1b15; color: white; line-height: 20px;} #percents { text-indent: 10px; border-radius: 10px; } /* Recipe */ .recipe-box { margin-bottom: 44px; } .recipes-container { position: relative; width: 504px; background: #f2f2f2; padding: 27px 0 26px; } .recipes-container .arrows { display:block; width: 42px; height: 18px; margin: 0 0 10px 216px; font-size: 0; line-height: 0; text-indent: -4000px; } #top-arrow { background: url(images/top-arrow.png) no-repeat 0 0; } #bottom-arrow { margin-bottom: 0; margin-top: 28px; background: url(images/bottom-arrow.png) no-repeat 0 0; } #recipe-slider .featured-item { width: 504px; height: 202px; padding-top: 5px; } #recipe-slider .featured-item .recipe { float:left; width: 138px; margin-right: 30px; padding-top: 8px; } #recipe-slider .featured-item .recipe a { display:block; color: #1a1a1a;} #recipe-slider .featured-item .recipe a img { margin-bottom: 10px; border: 4px solid #e9eaeb; } #recipe-slider .featured-item .recipe a span { font-size: 13px; line-height: 18px; text-transform: uppercase;} #recipe-slider .featured-item .recipe a:hover img, #recipe-slider .featured-item .recipe a.active img { border: 4px solid #801a14; text-decoration: none; } #recipe-slider .featured-item .recipe a:hover { text-decoration: none; } .recipe-info-container { width: 419px; } .recipe-bg { position: absolute; top: 0; right: 0; min-height: 751px; width: 100%; background: #f2f2f2; } .recipe-info { display:none; position: relative; padding-bottom: 51px; min-height: 700px; border-bottom: 1px dotted #b0b0b0; } .recipe-info h2 { margin-bottom: 27px; font-size: 36px; line-height: 44px; color: #801a14; } .recipe-info img { margin-bottom: 35px; border: 4px solid #e9eaeb; width: 214px; } .recipe-info ul { margin-bottom: 20px; } .recipe-info ul li { font-size: 13px; line-height: 22px; } .recipe-info .social-likes { position: absolute; bottom: 14px; left: 0; margin: 0; } .recipe-info .social-likes li { float:left; margin-right: 13px; } .hidden-field {display: none;} /* Contact Form */ .contact-box { padding-bottom: 30px; border-bottom: 1px dotted #b0b0b0; } .contact-box h4 { padding-bottom: 4px; margin-bottom: 34px; font-style: italic; color: #808043; border-bottom: 1px dotted #808043; text-transform: uppercase;} .contact-box .col { width: 307px; } .contact-box form .col:first-child { margin-right: 29px; } .contact-box h4.added_new_recipe { border: none; font-style: normal;} .contact-box label { display:block; font-size: 10px; margin-bottom: 2px; text-transform: uppercase; } .contact-box .field { width: 285px; height: 24px; padding: 10px; border: 1px solid #cacaca; font-size: 18px; line-height: 24px; color: #4d4d4d; } .contact-box .field.txt { resize: none; height: 100px; } .contact-box .field-box { margin-bottom: 8px; } .contact-box .upload-field-container { width: 285px; padding-right: 40px; background: url(images/search-icon.png) no-repeat 272px 10px; border: 1px solid #cacaca; height: 24px; padding: 10px;} .contact-box .upload-field-container input { opacity: 0;} .contact-box .submit-button { display:block; width: 153px; height: 46px; margin-top: 18px; background: #801a14; text-align:center; font-size: 13px; line-height: 46px; color: #fff; text-transform: uppercase; } .phone-number { font-size: 16px; margin-bottom: 10px;} /* Aside */ #aside { width: 222px; } #aside .widget h4, .section-story h4, .recipes-article h4 { padding-bottom: 5px; margin-bottom: 25px; border-bottom: 1px dotted #b0b0b0; font-style: italic; color: #808043; text-transform: uppercase; } .recipes-article h4 { height: 22px; } #aside .widget h4 a, .section-story h4 a { color: #808043; } .section-story h4 { margin-bottom: 0; } #aside .widget img { margin-bottom: 18px; padding: 4px; background: #e9eaeb;} #aside .widget .box { margin-bottom: 20px; } #aside .widget .widget-box { padding-bottom: 20px; border-bottom: 1px dotted #b0b0b0; } #aside .widget .box h2 { margin-bottom: 10px; font-size: 14px; line-height: 21px; color: #1a1a1a; text-transform: uppercase;} #aside .widget .box h2 a { color: #1a1a1a; } #aside .widget .box .read-more { display:block; padding-bottom: 10px; padding-left: 20px; background: url(images/bullet.png) no-repeat 0 2px; color: #801a14; font-size: 10px; line-height: 14px; text-transform: uppercase; } #aside .widget .box .mission { font-size: 20px; line-height: 24px; color: #666; } #aside .widget .box .mission a { color: #666; } #aside h5 { margin-bottom: 8px; text-transform: uppercase;} #aside ul li.widget ul { margin-bottom: 40px; text-transform: uppercase;} #aside ul li.widget ul li { padding: 13px 0; border-bottom: 1px dotted #b0b0b0; line-height: 12px; } #aside ul li.widget ul a { color: #808081; text-transform: uppercase; } /* Form */ .contact-page { padding: 20px 30px; background: #f2f1ef; overflow: hidden;} .contact-page h3 { margin-bottom: 3px; color: #4897b5; font: 17px/22px Arial, sans-serif; text-transform: capitalize;} .gform_heading { margin-bottom: 17px; } .map-holder { margin-bottom: 20px; padding: 15px; background: #fff; margin-top: 10px; } .gfield.gsection { padding-bottom: 20px; color: #000; } .gfield.left { width: 330px; } .gfield .medium { width: 320px; height: 20px; padding: 5px; background: #fff; border: 0; } .gfield .gfield_label { display:block; margin-bottom: 10px; font-size: 14px; line-height: 18px; } .gfield .medium.textarea { width: 300px; height: 175px; } .gfield.left { margin-bottom: 15px; } .gfield.right { width: 310px;} .gfield.left .gfield_label { margin-bottom: 3px; } .gfield { margin-bottom: 15px; width: 500px; } .gfield_checkbox { position: relative; overflow: hidden; } .gfield_checkbox li { float:left; margin-right: 10px; } .gfield_checkbox li label { padding-left: 3px; } .gfield.gfield_error input.medium, .gfield.gfield_error textarea{ border: 1px solid red;} .check-box { margin-bottom: 40px; clear: both; } .medium.gfield_select { width: 330px; height: 30px; padding: 4px 0; font-size: 16px;} .check-drop { display:none; } .gform_footer .button { display:block; float:left; width: 54px; height: 29px; background: url(images/submit-btn.jpg) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; cursor: pointer; } .required { float:left; margin-left: 20px; } .validation_message, .validation_error { display: none; } .location_map, .location_address { display: none; } #map { width: 635px; height: 350px; } /* Footer */ #footer { padding-bottom: 30px; } .follow { text-transform: uppercase; float: right; color: #808080; } .social { margin-bottom: 10px; clear: right; } .social li { float:left; padding-left: 8px; } .social li a { display:block; width:22px; height: 23px; background: url(images/social-sprite.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } .social li a.facebook { background-position: 0 0; } .social li a.facebook:hover { background-position: 0 -24px; } .social li a.twitter { background-position: -23px 0; } .social li a.twitter:hover { background-position: -23px -24px; } .social li a.instagram { background-position: -46px 0; } .social li a.instagram:hover { background-position: -46px -24px; } p.copyright { color: #808080; text-align:right; line-height: 16px; text-transform: uppercase;} p.copyright a { color: #808080; } p.copyright span { color: #808043; } /* cart widget */ #mini-cart-widget-3 { border-radius: 5px; -moz-border-radius: 5px; position: fixed; color: #fff; right: -145px; top: 45px; display: block; width: 150px; height: 75px; overflow: hidden; background: #8b1a13; padding: 10px; } #mini-cart-widget-3 a{color:#fff;} #mini-cart-widget-3 .title{float:left;} #mini-cart-widget-3 .details{float:left;margin-left: 20px;} /* Shopping cart */ #fc div { font-size: 16px; line-height: normal; } /* ------------------------------------------------------------ *\ Mobile-hidden \* ------------------------------------------------------------ */ .mobile-hidden { display: none; } .mobile-nav { font-family: 'sanchez_regularregular', "Myriad Pro", Arial, sans-serif; font-size: 13px; text-transform: uppercase; right: 0; background: #DAE5FF; top: -200px; z-index: 500; width: 100%; text-align: center; } .mobile-nav ul { } .mobile-nav ul li { padding: 3px 0; } .mobile-nav ul li a { text-decoration: none; color: #1a1a1a; font-weight: bold; display: block; padding: 4px 0; } .mobile-nav ul li a:hover { color: #801a14; } .link-menu { position: absolute; top: 13px; right: 20px; display: none; padding: 12px 0; z-index: 550; } .link-menu span { position: relative; display:block; width: 38px; border-top: 3px solid #5c6e8b; background-color: transparent; } .link-menu span:before, .link-menu span:after { position: absolute; width: 38px; height: 3px; background: #5c6e8b; content: ''; } .link-menu span:before { top: -10px; left: 0; } .link-menu span:after { top: 4px; left: 0; } /* ------------------------------------------------------------ *\ Slider-mobile \* ------------------------------------------------------------ */ .slider-mobile { display: none; width: 100%; } .slider-mobile .slide { float: left;} .slider-mobile .slide a { display: block; } .slider-mobile .slider-actions { display: none; } /*.slider-mobile .slider-clip, .slider-mobile .caroufredsel_wrapper, .slider-mobile .slides, .slider-mobile .slide { height: 100% !important; width: 100%; }*/ .slider-mobile img { width: 100%; height: auto; } .slider-mobile .slider-paging { text-align: center; } .slider-mobile .slider-paging a { width: 12px; height: 12px; display: inline-block; background: #ABA4A4; margin: 0 5px; border-radius: 50%; } .slider-mobile .slider-paging a.selected { background: #000;} .slider-mobile .slider-paging a span { display: none; } .mobile-shop-btn { display: none; width: 70px; margin: 9px auto; background-color: #8b1a13; color: #fff; text-align: center; border-radius: 14px; padding: 8px; text-transform: uppercase; font-size: 10px; text-decoration: none; max-height: 50px; } .mobile-shop-btn:hover {text-decoration: none;} .product-price {margin-right: 30px;} /* ------------------------------------------------------------ *\ Transitions & Animations \* ------------------------------------------------------------ */ .link-menu.shown span { border-color: transparent; } .link-menu span:before, .link-menu span:after { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} .link-menu.shown span:before, .link-menu.shown span:after { background: #7699ec; } .link-menu.shown span:before { -webkit-transform: rotate(45deg) translate(-2.5px, 6px); -ms-transform: rotate(45deg) translate(-2.5px, 6px); -moz-transform: rotate(45deg) translate(-2.5px, 6px); transform: rotate(45deg) translate(-2.5px, 6px); } .link-menu.shown span:after { -webkit-transform: rotate(-45deg) translate(3.5px, -13px); -ms-transform: rotate(-45deg) translate(3.5px, -13px); -moz-transform: rotate(-45deg) translate(3.5px, -13px); transform: rotate(-45deg) translate(3.5px, -13px); } .mobile-nav { -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, top 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, top 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, top 0.5s ease-in-out; } /* ------------------------------------------------------------ *\ Media Queries \* ------------------------------------------------------------ */ @media only screen and (max-width: 767px ){ #header { position: relative; padding-left: 5px; box-sizing:border-box;} h1#logo { left: 0; position: static; width: auto; height: auto; float: left; display: inline-block; } h1#logo a { display: inline-block; width: 101px; height: 137px; background-size: contain; } #navigation { display: none; } .featured-advertise.right { display: none; } .slider-mobile, .mobile-shop-btn, .mobile-hidden { display: block; } .mobile-hidden { float: left; } .mobile-nav { position: absolute; visibility: hidden; opacity: 0; } .mobile-socials { padding-top: 62px; padding-left: 24px; } .follow, #footer .social { display: none; } .slider-container { width: auto; height: auto; margin-bottom: 0; } .slider-container .slider-bg { display: none; } .link-menu { display: inline-block; } .shown .mobile-nav { visibility: visible; opacity: 1; top: 0%; } .slider-mobile .slide { margin: 0 180px; } .featured-advertise-box { margin-top: 0; margin-bottom: 0; text-align: center; } .featured-advertise.left { float: none; width: 100%; } .featured-advertise.left h2 { width: 100%; font-size: 19px; } #content { padding: 18px 5px 44px; } #footer { text-align: center; } p.copyright { text-align: center; float: none; } h2.page-title { text-align: left; font-size: 30px; margin-bottom: 0; } #main-content { float: none; width: 100%; } .article .col { float: none; width: 100%; display: block; } .article img { float: none; max-width: 100%; height: auto; box-sizing:border-box;} #aside { float: none; width: 100%; text-align: center; } #aside .widget .box .read-more { padding-left: 0; padding-bottom: 0; background: none; } .map-holder { width: 100%; height: auto; box-sizing:border-box;} #map { width: 100%; height: 300px; } .contact-page { padding: 20px 7px; } .gfield { display: block; float: none; } .story .info.right { width: 100%; float: none; } .story .post-categories, .story a.read-more { float: none; } .narrow-bg { display: none; } .syrop-bg, .syrop-addthis-container, .syrop-slider-container { display: none; } .syrop-info { display: block; padding-bottom: 20px; } .syrop-info p { padding-bottom: 7px; } .syrop-info .body strong { display: block; margin-top: 3px; } .syrop-info .syrop-img { position: static; } .syrop-info .body img { margin: 0; } .syrop-info .top { overflow: visible; } .syrop-info .top h2 { width: 100%; font-size: 25px; line-height: 30px; } .syrop-info .top .widget li.btn { padding-left: 0; } .syrop-info .top .widget li.btn a { width: 62px; height: 62px; background-size: contain; padding-top: 0; } .syrop-info .syrop-img { max-width: 200px;} .syrop-info .body img { float: none; } .section-right { float: none; width: 100%; box-sizing:border-box;} .syrop-info .widget { position: absolute; right: 0; top: -125px; } .syrop-info .widget ul { text-align: center; } .syrop-info .widget h3 { font-size: 14px; } .syrop-info .top h2, .widget h3, .syrop-info .top .widget li.btn, .syrop-info .widget { float: none; display: inline-block; } .recipe-bg { display: none; } .recipe-info-container { display: block; margin-top: 22px; } .recipe-info-container, .recipes-container { float: none; width: 100%; } #recipe-slider .featured-item { height: auto; padding: 5px 0; overflow: hidden; text-align: center; } #recipe-slider .featured-item .recipe { float: none; margin: 0 auto; padding-top: 0; padding-bottom: 12px; width: 28%; text-align: center; display: inline-block; vertical-align: top; } #recipe-slider .featured-item .recipe + .recipe { padding-left: 11px; } #recipe-slider .featured-item .recipe img { width: 100%; height: auto; } #recipe-slider .featured-item .recipe a span { display: block; font-size: 11px; line-height: 12px; } .recipe-info { min-height: 0; } #recipe-slider { top: 0px !important; } .recipe-box { text-align: center; } .recipes-article { display: none; } .recipe-box .caroufredsel_wrapper, #recipe-slider, .featured-item { width: 100% !important; } .form-buttons.right { text-align: center; } .contact-box .upload-field-container, .contact-box .submit-button { display: inline-block; } .form-buttons.right, .contact-box .col { float: none; } .contact-box { text-align: center; } /* . #recipe-slider, #recipe-slider .featured-item, .recipe-box .caroufredsel_wrapper { width: 100% !important; } */ #bottom-arrow, #top-arrow { width: 100%; margin: 0; background-position: center center; } .info > .body { display: none; } } @media ( max-width: 480px ) { .slider-mobile .slide { margin: 0 40px; } .gfield.left, .gfield.right, .gfield .medium.textarea, .gfield, .gfield .medium { width: 100%; height: auto; box-sizing:border-box;} .syrop-info .syrop-img { max-width: 159px; } }