/* Theme Name: InspiryThemes: Food Recipes Theme URI: http://inspirythemesdemo.com/alt-foodrecipes/ Description: A very nice theme for Food Related Businesses and Food Recipes Websites. Author: InspiryThemes Author URI: http://www.inspirythemes.com/ Version: 2.2.2 Text Domain: FoodRecipe Domain Path: /languages License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: light, one-column, two-columns, three-columns, four-columns, right-sidebar, fixed-layout, custom-menu, full-width-template, theme-options, translation-ready ----------------------------------------------------------------------------------- * 0. CSS Reset & Clearfix * 1. Font Face Declarations * 2. Base Body Styles * 3. Header Styles * 4. Container Styles * 5. Sliders Styles * 6. Homepage Styles * 7. Single Pages Styles * 8. Blog Page Styles * 9. Recipe Listing Page styles * 10. Contact Page Styles * 11. Services Page Styles * 12. FAQ Page Styles * 13. Sidebars Styles * 14. Bottom Area Styles * 15. Footer Styles * 16. Submit Recipe Page Styles * 17. print styles -----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/ /*----------------------------------------------------------------------------------- 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; } 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; } */ /*-----------------------------------------------------------------------------------*/ /* 1. Font Face Declarations /*-----------------------------------------------------------------------------------*/ /*Custom Fonts Thema */ @font-face { font-family: 'Thema2UtotitloiLight'; src: url('Thema2UtotitloiLight.eot') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Thema2UtotitloiLight'; src: url('Thema2UtotitloiLight.otf') format('opentype'), url(data:application/x-font-woff;charset=utf-8;base64,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 BjoGbAagBuAHFgdYB5gHugfgCCgIVgiiCOAJFAlOCZQJ3gocCkgKggq6Cv4LSguKC6wLxAvSC+oL /gwKDCAMcgy0DOYNIg1eDZIN8g4yDmAOkA7YDvgPVA+aD7gQABA6EGwQphDKEQQRNhF2EcYSDhIw EnoShhLCEuYTLhN+E5IT8BQOFFYUfhSOFPQVGBU0FWgVtBXyFgYWJBZOFqIW+BdKF5gX7hhEGKQZ CBlwGboaBBpOGp4a8BsiG1gbiBu8G+ocNByCHNQdBB04HYYd1B4cHjIeVh6gHrQfBB9WH4ofziAe IIIgvCD2ITghYCF4Ibgh2iIaImYiiCLQIwIjTiOMI84kAiQ0JG4kmCTEJQQlXCWoJgQmWCaWJvIn Lid4J8Qn5ig4KG4oyikUKVQpmCm6KgAqKipGKo4qvirwK0QrYiuWK8wsBiwwLFYsiizSLSItWi2m LdouJC5ILoIu1C7gLuwvBi8gL0wveC+8L9Av/jBeMKAxCDFCMXYxmDGyMcwx7jIAMhgyPjJaMnQy lDLMMxQzFAAAeNrtfQl4G9W56JwzkkaWZK0zGu2yNJLGq2xrtS3v+27HSxzbicm+0pAEshMIS8pe oI+1BZoCDUsXaNna0hYo0AItS0jbSy/QC5elLaWlgZRLAY/vOWckWXYCcfruu73vey/F9ki2zr+c f///c0pBqmbmGPV9+DilpkwUZYlYGVqgQwmzPxRLRKycarfI0sXuQpprrvH7a/wAPu4JSovAPUHP dKVQFQy6XBSk1oIXwBr4NqWktGgNRhBDEZ58f1RgBWb9LeQ7/O7rr8fj6ItC/yD+S8jAmyia8lIU SApMkBGYKPoSkuQrGSVfUQZ/gXrfRT4wqNngW6/ZUJ2ouag6WbNJt9GHvmKJ2EWxeAxYDxy4L3wg /Af0D/04gv5hODRVOvMV8Hv4e4RbJVWFsIv7VRyb5DyAY/W0wAnxMIzHEtEI7wFRUwg9JuNR8luV 4BdDtCmSiMdCHxS2XrN+daCyvshY2L7c5zFaNM4Wz8Ob+wqHlnkNFrW/NdxRB659I1E18vgHnpUD 4Y4gr1q7FpaUsVa3tbocsPELhpbA3h7YFLBY2RHpQenviYb6ZkpBRWZ+T7PwR1QeZaACVBjxws+x 1igGS/uN0YiR5oEIBCvHCvglb02BepBUZv8I7hguFQtLR26++Zbb/FJnAOx4Nv+Wm29uCpvtd7nc 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 K5bAaABWrghGAAA=) format('woff'), url('Thema2UtotitloiLight.ttf') format('truetype'), url('Thema2UtotitloiLight.svg#Thema2UtotitloiLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cf_asty_st'; font-display: fallback; src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-book-webfont.eot); src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-book-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-book-webfont.woff2) format('woff2'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-book-webfont.woff) format('woff'); font-weight: normal; font-style: normal } @font-face { font-family: 'cf_asty_st'; font-display: fallback; src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-bold-webfont.eot); src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-bold-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-bold-webfont.woff2) format('woff2'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-bold-webfont.woff) format('woff'); font-weight: bold; font-style: normal } @font-face { font-family: 'cf_asty_st'; font-display: fallback; src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-black-webfont.eot); src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-black-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-black-webfont.woff2) format('woff2'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-black-webfont.woff) format('woff'); font-weight: 900; font-style: normal } @font-face { font-family: 'cf_asty_st'; font-display: fallback; src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-extrabold-webfont.eot); src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-extrabold-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-extrabold-webfont.woff2) format('woff2'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-extrabold-webfont.woff) format('woff'); font-weight: 800; font-style: normal } /*@font-face { font-family: 'cf_asty_st'; font-display: fallback; src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.eot); src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.woff2) format('woff2'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.woff) format('woff'); font-weight: 700; font-style: normal }*/ @font-face { font-family: 'cf_asty_st'; font-display: fallback; src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.eot); src: url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.woff2) format('woff2'),url(/wp-content/themes/inspirythemes-food-recipes/fonts/cfastystd-medium-webfont.woff) format('woff'); font-weight: 600; font-style: normal } @font-face { font-family: 'ThemaTitloiMedium'; /*src: url('http://www.newsauto.gr/wp-content/themes/Game/fonts/thema/ThemaTitloiMedium Bold.otf');*/ src: url('fonts/ThemaTitloiMedium.eot'); src: url('fonts/ThemaTitloiMedium.eot?#iefix') format('embedded-opentype'), url('fonts/ThemaTitloiMedium.woff') format('woff'), url('fonts/ThemaTitloiMedium.ttf') format('truetype'), url('fonts/ThemaTitloiMedium.svg#MyFont-regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'ThemaTitloiMediumBold'; /*src: url('http://www.newsauto.gr/wp-content/themes/Game/fonts/thema/ThemaTitloiMedium Bold.otf');*/ src: url('fonts/ThemaTitloiMedium-Bold.eot'); src: url('fonts/ThemaTitloiMedium-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ThemaTitloiMedium-Bold.woff') format('woff'), url('fonts/ThemaTitloiMedium-Bold.ttf') format('truetype'), url('fonts/ThemaTitloiMedium-Bold.svg#MyFont-regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'ThemaTitloiLightBold'; /*src: url('http://www.newsauto.gr/wp-content/themes/Game/fonts/thema/ThemaTitloiMedium Bold.otf');*/ src: url('fonts/ThemaTitloiLightBold.eot'); src: url('fonts/ThemaTitloiLightBold.eot?#iefix') format('embedded-opentype'), url('fonts/ThemaTitloiLightBold.woff') format('woff'), url('fonts/ThemaTitloiLightBold.ttf') format('truetype'), url('fonts/ThemaTitloiLightBold.svg#MyFont-regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'ThemaUtotitloiLight'; /*src: url('http://www.newsauto.gr/wp-content/themes/Game/fonts/thema/ThemaTitloiMedium Bold.otf');*/ src: url('fonts/ThemaUtotitloiLight.eot'); src: url('fonts/ThemaUtotitloiLight.eot?#iefix') format('embedded-opentype'), url('fonts/ThemaUtotitloiLight.woff') format('woff'), url('fonts/ThemaUtotitloiLight.ttf') format('truetype'), url('fonts/ThemaUtotitloiLight.svg#MyFont-regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'ThemaUtotitloiLightBold'; /*src: url('http://www.newsauto.gr/wp-content/themes/Game/fonts/thema/ThemaTitloiMedium Bold.otf');*/ src: url('fonts/ThemaUtotitloiLight-Bold.eot'); src: url('fonts/ThemaUtotitloiLight-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ThemaUtotitloiLight-Bold.woff') format('woff'), url('fonts/ThemaUtotitloiLight-Bold.ttf') format('truetype'), url('fonts/ThemaUtotitloiLight-Bold.svg#MyFont-regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'ThemaUtotitloiLightItalic'; /*src: url('http://www.newsauto.gr/wp-content/themes/Game/fonts/thema/ThemaTitloiMedium Bold.otf');*/ src: url('fonts/ThemaUtotitloiLight-Italic.eot'); src: url('fonts/ThemaUtotitloiLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/ThemaUtotitloiLight-Italic.woff') format('woff'), url('fonts/TThemaUtotitloiLight-Italic.ttf') format('truetype'), url('fonts/ThemaUtotitloiLight-Italic.svg#MyFont-regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; } /*end*/ @font-face { font-family: 'MuseoSlab500'; src: url('fonts/museo_slab_500-webfont.eot'); src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg'); /*font-weight*/: normal; font-style: normal; } /*-----------------------------------------------------------------------------------*/ /* 2. Base Body Styles /*-----------------------------------------------------------------------------------*/ body { color: #909090; font: 13px "Droid Sans", Arial, Helvetica, "Trebuchet MS", sans-serif; line-height: 20px; -webkit-font-smoothing:subpixel-antialiased; text-rendering: auto!important; } ul{list-style-type: none;} h1, h2, h3, h4, h5, h6, #left-area .recipe-cat-info li.about, #left-area .recipe-cat-info li, #left-area .recipe-info li, #left-area .info-left .recipe-tags span, form label { font-family: "MuseoSlab500", Times, serif; } #left-area pre { font-family: "Courier New", Courier, monospace; } h1, h2, h3, h4, h5, h6 { color: #5e6063; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 18px; line-height: 24px; margin: 0 0 10px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { /* color: #68aa10;*/ } h2.w-bot-border { padding: 10px 0; margin: 0 0 25px; line-height: 30px; background: url(images/pet-border.png) bottom repeat-x; } h2.bmarginless { margin-bottom: 0; } p { color: #909090; line-height: 21px; } a { text-decoration: none; color: #548f04; } a:hover { color: #036; } .fireRed { color: #63991b; } .w-pet-border { display: block; clear: both; width: 100%; height: 5px; background: url(images/pet-border.png) center center repeat-x; } .g-pet-border { display: inline-block; width: 100%; height: 5px; background: url(images/pet-border.png) center center repeat-x #ebeced; } .head-pet { background: url(images/pet-border.png) center center repeat-x; } .head-pet span { display: inline-block; padding: 0 7px 0 0; background-color: #ebeced; } ul li, ol li { color: #5b5b5b; } input.field { width: 263px; height: 18px; padding: 6px 5px; color: #989898; line-height: 18px; border: 1px solid #efefef; margin: 0 0 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; } input.field:focus { color: #5b5b5b; border-color: #dfdfdf; outline: none; } label { display: inline-block; font-size: 12px; color: #515151; line-height: 18px; } label span { color: #a60000; } textarea { padding: 6px 5px; color: #989898; line-height: 18px; border: 1px solid #efefef; margin: 0 0 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } textarea:focus { color: #5b5b5b; border-color: #dfdfdf; } a.readmore, .readmore { display: inline-block; border: none; height: 29px; padding: 0 17px; cursor: pointer; background: url(images/button-bg-h29.png) repeat-x; font-size: 12px; text-align: center; color: #fff; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } input[type="text"], input[type="email"], input[type="date"], input[type="number"], input[type="tel"], input[type="url"], input[type="password"] { display: inline-block; height: 18px; padding: 8px; margin: 0 0 0; border: 1px solid #d5d5d5; font: 14px "MuseoSlab500", Arial, Helvetica, sans-serif; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; outline: none; } textarea { display: inline-block; padding: 8px; border: 1px solid #d5d5d5; font: 14px "MuseoSlab500", Arial, Helvetica, sans-serif; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .wpcf7-list-item-label{ vertical-align: top; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { color: #9e9e9e; } #pagination { text-align: center; margin-bottom: 25px; clear: both; } #pagination a { display: inline-block; border: none; height: 29px; padding: 0 12px; background: url(images/button-bg-h29.png) repeat-x; font-size: 12px; text-align: center; color: #fff; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; } #pagination a.current { /*font-weight: bold;*/ text-decoration: underline; } hr { border: none; height: 2px; background: url(images/pet-border.png); } .text-center { text-align: center; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clearboth { display: block; clear: both; } .pages-navigation { text-align: center; } .pages-navigation span { display: inline-block; border: none; height: 29px; padding: 0 12px; background: url(images/button-bg-h29.png) repeat-x; font-size: 12px; text-align: center; color: #fff; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*font-weight: bold;*/ text-decoration: underline; } .pages-navigation a span { /*font-weight: normal;*/ text-decoration: none; } img{ max-width: 100%; height: auto; } /*-----------------------------------------------------------------------------------*/ /* 3. Header Styles /*-----------------------------------------------------------------------------------*/ #header-wrapper { width: 100%; position: relative; z-index: 9400; } #header-wrapper .w-pet-border { position: relative; z-index: 873; clear: both; background-color: #fff; } #header { width: 1150px; margin: 0 auto; position: relative; /*background: url(images/header-image.jpg) right bottom no-repeat;*/ z-index: 752; } #header .header-img { position: absolute; right: 0; bottom: -47px; z-index: -1; } #header .logotext { position: relative; float: left; margin: 20px 0 25px; font-size: 30px; /*font-weight: bold;*/ } #header .logo { /* position: absolute; top: 18px; left: 0; */ margin: 18px 0 15px; float: left; } #header .sitenametext { display: none; } #nav-wrap { height: 42px; width: 100%; position: relative; clear: both; background: url(images/nav-bg.png) repeat-x; z-index: 760; } #nav-wrap .responsive-nav { display: none; } #nav-wrap .inn-nav { width: 1150px; margin: 0 auto; } #nav-wrap .nav { width: 780px; height: 42px; float: left; position: relative; z-index: 799; } #nav-wrap .nav li { position: relative; height: 42px; float: left; background: url(images/nav-seperator.png) left top no-repeat; } #nav-wrap .nav li:first-child { background: none; } #nav-wrap .nav li a { color: #fff; display: inline-block; padding: 0 13px 0 14px; line-height: 42px; } #nav-wrap .nav li:hover a, #nav-wrap .nav li:focus a, #nav-wrap .nav li.active a { background: url(images/nav-hover.png) repeat-x; } #nav-wrap .nav li ul { display: none; width: 150px; padding: 9px 0; position: absolute; top: 42px; left: 0; background-color: #467b00; z-index: 800; } #nav-wrap .nav li ul li { background: none; float: none; height: auto; padding: 0 17px; text-align: left; } #nav-wrap .nav li.active ul li a, #nav-wrap .nav li:hover ul li a { display: block; border-bottom: 1px solid #51870a; font-size: 12px; color: #fff; background: none; line-height: 30px; text-align: left; padding: 0; } #nav-wrap .nav li ul li:last-child > a { border-bottom: none; } #nav-wrap .nav li ul li a:hover, #nav-wrap .nav li ul li a:focus { color: #fff; } #nav-wrap .nav li ul li ul { top: -9px; left: 147px; } #nav-wrap .nav-more { position: relative; height: 42px; cursor: pointer; float: left; color: #fff; padding: 0 0 0 14px; line-height: 42px; background: url(images/nav-seperator.png) left top no-repeat; box-sizing: content-box; } #nav-wrap .nav-more > a { color: #fff; } #nav-wrap .nav-more ul { display: none; width: 150px; padding: 9px 0; position: absolute; top: 42px; left: 0; background-color: #467b00; z-index: 800; } #nav-wrap .nav-more ul li { background: none; float: none; height: auto; padding: 0 17px; text-align: left; } #nav-wrap .nav-more ul li a { display: block; border-bottom: 1px solid #51870a; font-size: 12px; color: #b3c897; background: none; line-height: 30px; text-align: left; padding: 0; } #nav-wrap .nav-more ul li:last-child a { border: none; } #nav-wrap .nav-more ul li a:hover, #nav-wrap .nav-more li ul li a:focus { color: #fff; } #nav-wrap .nav-more ul li { position: relative; } #nav-wrap .nav-more ul li ul { top: 0; right: 147px; left: auto; } #nav-wrap .social-nav { padding: 10px 0; float: right; box-sizing: content-box; text-align: center; } #nav-wrap .social-nav li { margin: 0 0 0 9px; position: relative; width: 23px; height: 23px; float: left; } #nav-wrap .social-nav li a { width: 23px; height: 23px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #3F5C19; border-radius:50%; text-indent: -9999px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #nav-wrap .social-nav li a:hover{ background: #fff; } #nav-wrap .social-nav li a:before{ display: inline-block; color: #69A21F; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding: 5px; } #nav-wrap .social-nav .facebook a:before { content: "\f09a"; } #nav-wrap .social-nav .twitter a:before { content: "\f099"; } #nav-wrap .social-nav .rss a:before { content: "\f09e"; } #nav-wrap .social-nav .flickr a:before { content: "\f16e"; } #nav-wrap .social-nav .apple a:before { content: "\f179"; } #nav-wrap .social-nav .bhance a:before { content: "\f1b4"; } #nav-wrap .social-nav .dribbble a:before { content: "\f17d"; } #nav-wrap .social-nav .google a:before { content: "\f1a0"; } #nav-wrap .social-nav .linkedin a:before { content: "\f0e1"; } #nav-wrap .social-nav .pinterest a:before { content: "\f231"; } #nav-wrap .social-nav .plus a:before { content: "\f0d5"; } #nav-wrap .social-nav .sharethis a:before { content: "\f1e0"; } #nav-wrap .social-nav .skype a:before { content: "\f17e"; } #nav-wrap .social-nav .stumbleupon a:before { content: "\f1a4"; } #nav-wrap .social-nav .vimeo a:before { content: "\f194"; } #nav-wrap .social-nav .wordpress a:before { content: "\f19a"; } #nav-wrap .social-nav .yahoo a:before { content: "\f19e"; } #nav-wrap .social-nav .youtube a:before { content: "\f167"; } .plugin-notice { position: absolute; background: #fffbcc; padding: 20px; right: 0; z-index: 99999; } .plugin-notice strong { /*font-weight: bold;*/ } /*-----------------------------------------------------------------------------------*/ /* 4. Container Styles /*-----------------------------------------------------------------------------------*/ .main-wrap { background: url(images/top-bg1.png) left top repeat-x; } #container { width: 1150px; margin: 0 auto; } .top-search { padding: 25px 0; background: url(images/pet-border.png) bottom repeat-x; position: relative; } .top-search h3 { margin: 0 0 10px; } .top-search h3 span { color: #5E6063; } .top-search #searchform { width: 255px; padding: 0 32px 0 0; margin: 0 10px 0 0; float: left; background: url(images/right-seperator.png) right center no-repeat; box-sizing: content-box; } .top-search .field { width: 180px; height: 24px; padding: 3px 5px 5px 8px; background: url(images/search-field.png) top no-repeat; border: none; margin: 0 10px 0 0; color: #b1b1b1; vertical-align: top; box-sizing: content-box; } .top-search .field:focus { background-position: bottom; } .top-search #s-submit { display: inline-block; width: 42px; height: 29px; background: url(images/search-btn.png) left top no-repeat; border: none; vertical-align: top; } .top-search #s-submit:hover, .top-search #s-submit:focus { background-position: left bottom; cursor: pointer; } .top-search .statement { line-height: 24px; float: right; width: 680px; padding-top: 5px; } .top-search .statement a { color: #858980; } .top-search .statement a:hover, .top-search .statement a:focus { color: #444; } .top-search .most-rated { display: block; width: 31px; height: 86px; background: url(images/most-rated-btn.png) no-repeat; position: absolute; top: 0; right: 0; } .top-search.adv-search{ padding-bottom: 10px; } .top-search.adv-search .statement{ width: 100%; float: none; } #advance-search{ clear: both; padding-bottom: 20px; display: inline-block; width: 100%; } #advance-search label{ display:block; color: #5E6063; margin-bottom: 5px; font-size: 14px; } #advance-search fieldset{ float: left; } #advance-search .search-field{ width: 16.3%; margin-right: 2%; } #advance-search select{ width: 100%; background-color: #f3f7f8; color: #888; padding: 5px; border: 1px solid #d5d5d5; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; outline: none; } #advance-search input[type='submit']{ margin-top: 23px; outline: none; } /*#content { background: url(images/content-bg.png) repeat-x #fff; padding: 0 0 0; z-index: 600; }*/ #content.homepage { background: none; } /*-----------------------------------------------------------------------------------*/ /* 5. Sliders Styles /*-----------------------------------------------------------------------------------*/ #slider { height: 500px; margin: 0 auto 65px; padding: 20px 31px 0; background: url(images/pettern-gray.png) bottom repeat-x #f7f7f7; position: relative; z-index: 601; box-sizing: content-box; } .nosupportslider { text-align: center; color: red; display: none; } #slider .slider-head { margin: 0 0 23px; float: left; } #slider .slider-head span { color: #689d1a; } #slider .slogan { float: left; line-height: 42px; color: #909090; padding: 0 0 0 10px; } #slider .slides { clear: both; height: 398px; border: 1px solid #e3e3e3; position: relative; z-index: 602; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; } #slider .slides h2 a { color: #0053a6; } #slider .slides h2 a:hover, #slider .slides h2 a:focus { color: #003f7e; } #slider .slides ul { position: absolute; top: 6px; left: 6px; width: 100%; height: 386px; } #slider .slides ul li { position: absolute; top: 0; left: 0; } #slider .slides.basic ul li { width: 905px; height: 386px; } #slider .slides ul li .about { position: absolute; bottom: 30px; left: 27px; width: 350px; height: 179px; background: url(images/white-transparant.png); padding: 28px 25px; box-sizing: content-box; } #slider .slides ul li .about h2 { line-height: 28px; margin: 0 0 5px; } #slider .slides ul li .about .readmore { position: absolute; bottom: 25px; left: 25px; } #slider .slides ul li.slide2 .about { left: auto; right: 27px; } #slider .slides ul li .about p { margin: 0 0 24px; color: #333; } #slider .slides .sliderNav { width: 100%; position: absolute; bottom: -56px; left: 0; text-align: center; } #slider .slides .sliderNav .cycle-pager { display: inline-block; height: 16px; padding: 5px 17px 5px 9px; background: url(images/pettern-gray-tile.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; } #slider .slides .sliderNav .cycle-pager span { display: inline-block; width: 10px; height: 10px; background: url(images/bulit.png) no-repeat; margin: 0 0 0 9px; font-size: 0; cursor: pointer; } #slider .slides .sliderNav .cycle-pager span.cycle-pager-active { background-position: bottom; } .ie8 #slider .slides .sliderNav .cycle-pager span, .ie9 #slider .slides .sliderNav .cycle-pager span { position: relative; top: -11px; } #slider.slider2 { height: 425px; padding-top: 10px; margin: 0 0 50px; box-sizing: content-box; } #slider.slider2 .slider-head { font: 30px 'Pacifico', cursive; float: none; margin-bottom: 0; margin-left: 10px; } #slider.slider2 .slogan { width: 458px; margin: 0 0 15px; } #slider.slider2 .most-rated { width: 390px; height: 86px; padding: 0 0 0 102px; background: url(images/most-rated.png) left top no-repeat #fff; position: absolute; top: -5px; right: 0; z-index: 605; box-sizing: content-box; border-top-right-radius: 7px; } #slider.slider2 .most-rated .item{ margin: 10px 0 0 0; padding-bottom: 15px; padding-left: 18px; background: url(images/most-rated-border.png) center bottom repeat-x; } #slider.slider2 .most-rated .most-rated-title{ font-size: 12px; position: absolute; left: 56px; bottom: 28px; color: #fff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #slider.slider2 .most-rated .img-box { display: block; width: 67px; height: 60px; float: left; padding: 4px 0 0 4px; margin: 0 10px 0 0; background: url(images/image-frame-71x64.png) no-repeat; box-sizing: content-box; } #slider.slider2 .most-rated .img-box img { width: 63px; height: 53px; } #slider.slider2 .most-rated h5 { line-height: 19px; margin: 2px 0 0; } #slider.slider2 .most-rated h5 a { color: #0053a6; } #slider.slider2 .most-rated h5 a:hover, #slider.slider2 .most-rated h5 a:focus { color: #003077; } #slider.slider2 .most-rated .rate { color: #0053a6; } #slider.slider2 .most-rated .rate span { display: inline-block; width: 12px; height: 18px; background: url(images/spons.png) right top no-repeat; vertical-align: middle; line-height: 18px; } #slider.slider2 .most-rated .rate span:last-child { margin-right: 5px; } #slider.slider2 .most-rated .rate span.on { background: url(images/spons.png) left top no-repeat; } #slider.slider2 .slides { height: 315px; margin: 0 0 0; border: none; } #slider.slider2 .slides .img-box { display: block; width: 522px; float: left; padding-bottom: 8px; margin: 0 20px 0 0; position: relative; border: 1px solid #dddddd; border-radius: 4px; background-color: #ffffff; z-index: 5010; box-sizing: content-box; } #slider.slider2 .slides .img-box:before { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 4px; position: absolute; left: -1px; bottom: 2px; z-index: 5035; box-sizing: content-box; } #slider.slider2 .slides .img-box:after { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 4px; position: absolute; left: -1px; bottom: 5px; z-index: 5040; } #slider.slider2 .slides .img-box img { width: 514px; height: auto; display: block; position: relative; padding: 4px; background-color: #ffffff; border-radius: 5px; z-index: 5090; box-sizing: content-box; } #slider.slider2 .slides .slide-info { width: 363px; padding: 10px 0 0; float: right; position: absolute; top: 0; right: -369px; box-sizing: content-box; } #slider.slider2 .slides .slide-info h2 { margin: 0 0 20px; } #slider.slider2 .slides .slide-info h2 a { color: #0053a6; line-height: 30px; } #slider.slider2 .slides .slide-info h2 a:hover, #slider.slider2 .slides .slide-info h2 a:focus { color: #003f7e; } #slider.slider2 .slides .slide-info .rating { height: 25px; padding: 5px; box-sizing: content-box; margin: 0 0 15px; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #slider.slider2 .slides .slide-info .rating span { display: inline-block; vertical-align: top; line-height: 25px; margin: 0 0 0 10px; } #slider.slider2 .slides .slide-info .rating span span { margin: 0 0 0 10px; color: #009; } #slider.slider2 .slides .slide-info .rating .on, #slider.slider2 .slides .slide-info .rating .off { width: 19px; height: 26px; background: url(images/ratings-big.png) left top no-repeat; margin: 0; } #slider.slider2 .slides .slide-info .rating .off { background-position: right top; } #slider.slider2 .slides .slide-info p { margin: 0 0 15px; } #slider.slider2 .slides .sliderNav { bottom: -19px; } #slider.accordionSlider { height: 460px; } #slider .accor-slider { position: relative; border: 1px solid #e3e3e3; height: 425px; width: 910px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #accordion-slider { width: 896px; height: 413px; position: absolute; top: 6px; left: 6px; } .sm { list-style: none; display: block; overflow: hidden; } .sm li { float: left; display: inline; overflow: hidden; -moz-box-shadow: -10px 0 50px #313131; -webkit-box-shadow: -10px 0 50px #313131; box-shadow: -10px 0 50px #313131; } #slider .thumb-slider-wrap { border: 1px solid #e3e3e3; position: relative; padding: 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #slider .thumb-slider-wrap .thumb-slider { height: 370px; } #slider .thumb-slider-wrap img { width: 905px; } #slider .sliderThumbs { overflow: hidden; margin: 25px 0 0 -10px; text-align: center; } #slider .sliderThumbs li { display: inline; } #slider .sliderThumbs a { display: inline-block; background: url(images/pet-border.png); padding: 3px; margin: 0 0 0 10px; line-height: 0; } #slider .sliderThumbs a.cycle-pager-active { background: url(images/pet-border.png) #62981b; } #slider .sliderThumbs li img { display: block; } #slider.nivo-container { height: 460px; } #slider .nivo-slider { position: relative; width: 903px; height: 369px; margin: 10px 0 0; padding: 6px; border: 1px solid #e3e3e3; z-index: 602; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-sizing: content-box; } #slider .nivo-slider img { position: absolute; top: 0; left: 0; display: none; } #slider .nivo-slider .nivo-controlNav { width: 100%; position: absolute; bottom: -97px; left: 0; text-align: center; } #slider .nivo-slider .nivo-controlNav span { display: inline-block; height: 16px; padding: 7px 17px 7px 9px; background: url(images/pettern-gray-tile.png); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #slider .nivo-slider .nivo-controlNav span a { display: inline-block; width: 10px; height: 10px; background: url(images/bulit.png) no-repeat; margin: 0 0 0 9px; font-size: 0; } #slider .nivo-slider .nivo-controlNav span a.active { background-position: bottom; } .ie8 #slider .nivo-slider .nivo-controlNav span a, .ie9 #slider .nivo-slider .nivo-controlNav span a { position: relative; top: -10px; } #slider .nivo-directionNav a { display: block; width: 30px; height: 30px; font-size: 0; background: url(js/nivo-slider/themes/default/arrows.png) 0 -1px no-repeat; } #slider .nivo-directionNav .nivo-prevNav { background-position: left top; left: 15px; } #slider .nivo-directionNav .nivo-nextNav { background-position: right top; right: 15px; } #slider #myGallery { width: 100%; height: 450px; } #slider.no-slides-error { height: auto; padding-bottom: 25px; font-size: 14px; color: red; text-align: center; } /*-----------------------------------------------------------------------------------*/ /* 6. Homepage Styles /*-----------------------------------------------------------------------------------*/ #whats-hot { padding: 0 0 42px; } #whats-hot .cat-list { margin: 0 0 0 -17px; } #whats-hot .cat-list li { width: 232px; float: left; margin: 0 0 30px 17px; } #whats-hot .cat-list li:nth-child(4n+1) { clear: left; } #whats-hot .cat-list li h3 { } #whats-hot .cat-list li .img-box { display: block; width: 222px; margin: 0 0 15px; position: relative; border: 1px solid #dddddd; border-radius: 4px; z-index: 500; } #whats-hot .cat-list li .img-box:after { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; border-radius: 4px; position: absolute; left: -1px; bottom: -4px; z-index: 5040; } #whats-hot .cat-list li .img-box img { width: 214px; height: auto; display: block; position: relative; padding: 4px; background-color: #ffffff; border-radius: 5px; z-index: 5090; } #whats-hot .cat-list li h4 { padding: 0 0 15px; margin: 0 0 5px; background: url(images/pet-border.png) center 33px repeat-x; color: #0053a6; } #whats-hot .cat-list li h4 a { color: #0053a6; } #whats-hot .cat-list li h4 a:hover, #whats-hot .cat-list li h4 a:focus { color: #003f7e; } .recipe-grid{ background: #fff; } .recipe-grid .select2-container--default .select2-selection--single { background: #EBECEE; } .select2-dropdown{ background: #EBECEE !important; } #home-infos { margin: 35px 0 0 -37px; } #home-infos .widget { float: left; width: 302px; margin: 0 0 30px 37px; } #home-infos .fav-recipes { float: right; } .widget_weekly_special .img-box { padding: 5px 5px 0 5px; float: left; margin: 0 12px 20px 0 !important; border: 1px solid #e3e3e3; border-bottom: 4px double #e3e3e3; border-radius: 5px; } #home-infos .recent-posts .img-box{ display: inline-block; float: left; margin: 0 15px 0 0; } #home-infos .recent-posts li{ padding: 0 0 13px; margin: 0 0 13px; background: url(images/li-bot-border.jpg) bottom repeat-x; } .widget_weekly_special .for-res { display: none; } .widget_weekly_special h4 a { color: #0053a6; } .widget_weekly_special h4 a:hover, .widget_weekly_special h4 a:focus { color: #003f7e; } .widget_weekly_special p { margin: 0 0 15px; } .widget_weekly_special .readmore { float: none; margin: 0 0 19px; } .newsEvent .list li { padding: 0 0 17px; margin: 0 0 13px; background: url(images/li-bot-border.jpg) bottom repeat-x; } .newsEvent .list li:last-child { background: none; } .newsEvent a { color: #548f04; } .newsEvent a:hover, .newsEvent a:focus { color: #3f6b03; } .newsEvent h5 a { color: #0053A6 !important; } .newsEvent h5 a:hover, .newsEvent h5 a:focus { color: #000 !important; } .fav-recipes { width: 302px; position: relative; } .tabed { padding: 14px 0 0; margin: 0 0 15px; border: 1px solid #e3e3e3; background: url(images/tabed-bg.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tabed .tabs { height: 31px; border-bottom: 1px solid #e3e3e3; position: relative; } #content .tabed .tabs li { height: 31px; padding: 0 15px 3px !important; line-height: 31px !important; float: left; margin: 0 0 0 9px !important; background-color: #fff !important; position: relative; border: 1px solid #e3e3e3; cursor: pointer; background-image: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tabed .tabs li span { width: 110%; height: 6px; border-top: 1px solid #e3e3e3; position: absolute; left: -2px; bottom: -3px; background-color: #f6f8f4; } .ie8 .tabed .tabs li span { left: -5px; } #content .tabed .tabs li.current { background: #f8f8f8 !important; } #content .tabed .tabs li.current span { display: block; width: 102%; height: 7px; left: -1px; bottom: -3px; border: none; } .tabed .block { padding: 18px 16px; display: none; background: url(images/tabed-bg.png) 0 -40px no-repeat; border-bottom: 4px double #e3e3e3; border-radius: 5px; margin-bottom: 2px; } .tabed .block.current { display: block; } .tabed .block li { overflow: hidden; height: 64px; padding: 0 0 18px; background: url(images/pet-border.png) 0 79px repeat-x; margin: 0 0 13px; } .tabed .block li .img-box { display: block; width: 67px; height: 60px; float: left; padding: 4px 0 0 4px; margin: 0 10px 0 0; background: url(images/image-frame-71x64.png) no-repeat; } .tabed .block li .img-box img { width: 63px; height: 53px; } .tabed .block li h5 { line-height: 17px; margin: 0 0 5px; } .tabed .block li h5 a { color: #666666 !important; } .tabed .block li h5 a:hover, .tabed .block li h5 a:focus { color: #222 !important; } .tabed .block li .rate { color: #0053a6; } .tabed .block li .rate span { display: inline-block; width: 12px; height: 18px; background: url(images/spons.png) right top no-repeat; vertical-align: middle; line-height: 18px; } .tabed .block li .rate span:last-child { margin-right: 5px; } .tabed .block li .rate span.on { background: url(images/spons.png) left top no-repeat; } .tabed .status{ margin-left: 5px; } .tabed #login-loader{ display: none; margin-left: 5px; } #left-area .tabed .block br { clear: none; float: none; } #home-infos .ads-642x79 { width: 647px; height: 90px; float: left; padding: 5px 0 0 5px; margin-left: 26px; background: url(images/ad-652x95.png) no-repeat; } #home-infos .ads-642x79 img { } /*-----------------------------------------------------------------------------------*/ /* 7. Single Pages Styles /*-----------------------------------------------------------------------------------*/ #left-area { width: 592px; float: left; margin: 0 0 0 31px; padding: 25px 0 0; } #left-area h2.title { margin: 0 0 10px; } #left-area span.published { display: none; } #left-area .recipe-cat-info { margin: 0 0 10px -15px; } #left-area .recipe-cat-info li { float: left; margin-left: 15px; } .recipe-cat-info .wpfp-img { vertical-align: sub; } #left-area .single-img-box { position: relative; width: 583px; border: 1px solid #dddddd; border-radius: 4px; margin: 0 0 20px 0; z-index: 501; } #left-area .single-img-box:after { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; border-top: none; border-radius: 4px; position: absolute; left: -1px; bottom: -4px; z-index: 5040; } #left-area .single-img-box .recipe-single-img.withbg { background: url(images/loading.gif) center center no-repeat; } #left-area .single-img-box img { width: auto; height: auto; padding: 4px; position: relative; display: block; background-color: #ffffff; border-radius: 5px; z-index: 5090; } #left-area .single-img-box .img-nav { padding: 10px; float: left; position: absolute; bottom: 0; right: 0; background-color: #fff; z-index: 9999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #left-area .single-img-box .img-nav span { display: inline-block; width: 10px; height: 11px; margin: 0 5px; font-size: 0; background: url(images/bulit.png) top no-repeat; cursor: pointer; } #left-area .single-img-box .img-nav span.cycle-pager-active { background-position: 0 -12px; } #left-area .single-img-box.video-recipe iframe, #left-area .single-img-box.video-recipe embed { width: 575px !important; height: 262px !important; padding: 4px 4px 0; } #left-area .recipe-info { margin: 10px 0 25px; } #left-area .recipe-info li { float: left; width: auto; margin: 0 10px; } #left-area .recipe-info li:first-child{ margin-left: 0; } #left-area .recipe-info li strong { /*font-weight: normal;*/ color: #0053a6; } #left-area .w-pet-border { margin: 15px 0; } #left-area .info-left { width: 307px; float: left; padding: 10px 0 0; margin: 0 0 25px; } #left-area h3.blue { font-size: 20px; margin: 0 0 15px; color: #0053a6; } #left-area .info-left ul { margin: 0 0 30px; } #left-area .info-left ul li { line-height: 28px; padding: 0 0 2px; background: url(images/li-bot-border.jpg) 0 bottom repeat-x; } #left-area .info-left ul li:last-child { background: none; } #left-area h4.red { height: 30px; font-size: 18px; line-height: 30px; padding: 0 0 2px; margin: 0 0 20px; color: #66a80f; background: url(images/pet-border.png) 0 30px repeat-x; } #left-area .info-left p { margin: 0 0 20px; } #left-area .info-left .recipe-tags { padding: 20px 0 0; background: url(images/pet-border.png) 0 -2px repeat-x; } #left-area .info-left .recipe-tags span { display: block; margin-bottom: 10px; color: #0053a6; } /* share box in recipe tags area */ #left-area.full-wide .info-left .recipe-tags .share { margin: 2px 0 0 0; } #left-area .info-left .recipe-tags .share { margin: 10px 0 0 0; text-align: left; float: none; } /* social icons in cook info area*/ #left-area .share { margin: 10px 0 10px; text-align: left; } /* common share anchor styles */ #left-area .share a { display: inline-block; width: 16px; height: 16px; } /* style for recipe template with sidebar */ #left-area .share a { margin: 0 5px 0 0; } /* style for recipe template with fullwidth */ #left-area.full-wide .share a { margin: 0 5px 0 0; } #left-area .img-box .share { margin: 10px 0 0; } /* social icons styles */ #left-area .share a.twitter { background: url(images/twitter.png) top left no-repeat; } #left-area .share a.twitter:hover { } #left-area .share a.facebook { background: url(images/facebook.png) top left no-repeat; } #left-area .share a.facebook:hover { } #left-area .share a.google { background: url(images/google.png) top left no-repeat; } #left-area .share a.google:hover { } #left-area .share a.print { background: url(images/print.png) top left no-repeat; } #left-area .share a.print:hover { } #left-area h1, #left-area h2, #left-area h3, #left-area h4 { line-height: normal; color: #6f716b; } #left-area h1 { font-size: 24px; line-height: 30px; margin-bottom: 10px; } #left-area .listing-title{ float: left; } #left-area h2 { font-size: 20px; line-height: 26px; margin-bottom: 10px; } #left-area h3 { font-size: 18px; margin-bottom: 10px; } #left-area h4 { font-size: 16px; margin-bottom: 10px; } #left-area h5 { font-size: 14px; margin-bottom: 10px; } #left-area h6 { font-size: 10px; margin-bottom: 10px; } #left-area strong { /*font-weight: bold;*/ } #left-area em { font-style: italic; } #left-area .wp-caption { } #left-area .wp-caption-text { } #left-area .sticky { } #left-area .gallery-caption { } #left-area .bypostauthor { } #left-area .red-heading { color: #66a80f; margin: 0 0 15px; } #left-area .columns { margin: 0 0 0 -2%; overflow: hidden; } #left-area .columns .one-third { width: 31.33%; margin: 0 0 10px 2%; float: left; } #left-area .columns .two-third { width: 64.66%; margin: 0 0 10px 2%; float: left; } #left-area .columns .one-fourth { width: 23%; margin: 0 0 10px 2%; float: left; } #left-area .columns .three-fourth { width: 73%; margin: 0 0 10px 2%; float: left; } #left-area .columns .two-cols { width: 48%; margin: 0 0 10px 2%; float: left; } #left-area .columns .single-col { width: 98%; margin: 0 0 10px 2%; } #left-area .columns br { clear: both; } #left-area p { margin: 0 0 30px; } #left-area blockquote { padding: 0 0 0 40px; background: url(images/quote-open.png) 8px 6px no-repeat; } #left-area blockquote p { font: 18px/27px "MuseoSlab500", Arial, Helvetica, sans-serif; font-style: italic; margin-bottom: 0; padding: 10px; background: #fff; } #left-area blockquote span.end-quote { display: inline-block; width: 23px; height: 16px; margin: 0 0 0 3px; background: url(images/quote-close.png) no-repeat; } #left-area blockquote.leftalign { float: left; margin: 0 20px 0 0; } #left-area blockquote.rightalign { float: right; margin: 0 0 0 20px; } #left-area blockquote.centeralign { float: none; display: block; margin: 20px auto; } #left-area blockquote.noalign { float: none; display: block; margin: 20px auto; width: 93% !important; } #left-area table { width: 90%; border-top: 1px solid #e5eff8; border-right: 1px solid #e5eff8; margin: 1em auto; border-collapse: collapse; } #left-area .plupload_filelist{ width: 100%; margin: 0; border: 0; } #left-area .plupload_filelist td{ border: 0; vertical-align: middle; } #left-area .uploader_buttons{ margin-bottom: 10px; } #recipe-form label.plupload_button{ display: inline-block; font-size: inherit; } #left-area .ui-widget-content{ border-color: #d5d5d5; } #left-area .plupload_wrapper{ margin-bottom: 30px; } #left-area .ui-progressbar{ height: 1em; } #left-area table td { color: #678197; border-bottom: 1px solid #e5eff8; border-left: 1px solid #e5eff8; padding: .3em 1em; text-align: center; } #left-area table th { color: #678197; /*font-weight: bold;*/ background-color: #f2f2f2; border-left: 1px solid #e5eff8; padding: .3em 1em; text-align: center; } #left-area dl { border-left: 3px solid #f0f0f0; padding-left: 10px; margin: 0 0 25px; } #left-area dl dt { /*font-weight: bold;*/ } #left-area dl dd { padding-left: 10px; margin: 0 0 10px; } #left-area ins { text-transform: uppercase; } #left-area pre { color: #888; margin: 0 0 25px; } #left-area sub { font-size: 8px; vertical-align: sub; } #left-area sup { font-size: 8px; vertical-align: super; } #left-area var { /*font-weight: bold;*/ font-style: italic; } #left-area abbr { text-transform: uppercase; } .ie7 #left-area .columns .one-third { width: 31%; } .ie7 #left-area .columns .two-third { width: 64%; } .ie7 #left-area .columns .one-fourth { width: 22.90%; } #left-area img { max-width: 100%; } #left-area .pin-it-button img { max-width: none; } #left-area .accor-container { padding: 6px; margin: 15px 0 30px; background: url(images/pet-border.png); } #left-area .accor-container .accordion h5 { height: 35px; background: url(images/accordion-title-bg.png) repeat-x; line-height: 37px; cursor: pointer; margin-bottom: 6px; } #left-area .accor-container .accordion h5:last-of-type { margin-bottom: 0; } #left-area .accor-container .accordion h5 span { display: inline-block; width: 21px; height: 21px; background: url(images/accordion-title-span.png) no-repeat; margin: 9px 13px 0 13px; vertical-align: top; } #left-area .accor-container .accordion h5.current { background-position: bottom; color: #fff; } #left-area .accor-container .accordion h5.current span { background-position: bottom; } .ie7 #left-area .accor-container .accordion h5 { height: 30px; padding-top: 5px; } .ie7 #left-area .accor-container .accordion h5 span { position: relative; top: -10px; } #left-area .accor-container .accordion .pane { display: none; background-color: #fff; overflow: hidden; padding: 20px; } #left-area .accor-container .accordion .pane img { background: url(images/pet-border.png); padding: 3px; float: left; margin: 0 10px 0 0; } #left-area .accor-container .accordion .pane p { margin: 0; } #left-area .accor-container .accordion .pane.current { display: block; } #left-area .toggle-box { } #left-area .toggle-box ul { } #left-area .toggle-box ul li { padding: 0 0 5px 30px !important; margin: 0 0 0; background: url(images/toggle-box-icon.png) -30px 3px no-repeat !important; overflow: hidden; line-height: 26px !important; } #left-area .toggle-box ul li h5 { cursor: pointer; position: relative; left: -30px; padding-left: 30px; } #left-area .toggle-box ul li p { margin: 0; } #left-area .toggle-box ul li.active { background-position: 0 -47px; overflow: hidden; line-height: 26px; } #left-area .menu-list { margin: 0 0 25px; } #left-area .menu-list ul li { font-size: 12px; color: #757575; line-height: 25px; padding: 5px 0 5px 20px; border-bottom: 1px solid #ececec; background: url(images/arrow-menu-list.png) 3px 15px no-repeat; } #left-area .menu-list ul li:last-child { border: none; } #left-area .menu-list ul li a { color: #757575; } #left-area .menu-list ul li a:hover { color: #090; } #left-area .alignleft { float: left; margin: 0 20px 20px 0; padding: 6px; background: url(images/pet-border.png); } #left-area .alignright { float: right; margin: 0 0 20px 20px; padding: 6px; background: url(images/pet-border.png); } #left-area .aligncenter { margin: 20px auto; display: block; padding: 6px; background: url(images/pet-border.png); } #left-area .alignnone { margin: 20px 0 0; display: inline-block; padding: 6px; background: url(images/pet-border.png); } #left-area .info-msg { padding: 6px; background: url(images/pet-border.png); margin-bottom: 13px; } #left-area .info-msg span { display: block; border: 6px solid #fff; padding: 0 0 0 22px; background: url(images/arrow-menu-list.png) 6px 13px no-repeat #d6f9e4; line-height: 33px; } .ie7 #left-area .info-msg span { background-position: 10px 20px; } #left-area .info-msg.msg-note span { background-color: #fff3b6; } #left-area .info-msg.msg-error span { background-color: #fad7d7; } #left-area .info-msg.msg-hint span { background-color: #b7ecf6; } #left-area .info-msg.msg-alert span { background-color: #ecebeb; } #left-area .page ol, #left-area .page ul { margin-bottom: 20px; } #left-area .page ol li { list-style: outside decimal; padding-left: 5px; background: none; margin-left: 20px; line-height: 35px; } #left-area .page ul li { } #left-area .post ol, #left-area .post ul { margin-bottom: 20px; } #left-area .post ol li { list-style: outside decimal; padding-left: 5px; background: none; margin-left: 20px; line-height: 35px; } #left-area .post ul li { list-style: outside disc; padding-left: 5px; background: none; margin-left: 20px; line-height: 35px; } #left-area .info-left ol, #left-area .info-left ul { margin-bottom: 20px; } #left-area .info-left ol li { list-style: outside decimal; padding-left: 5px; background: none; margin-left: 20px; line-height: 35px; } #left-area .info-left ul li { list-style: outside disc; padding-left: 5px; background: none; margin-left: 20px; line-height: 35px; } #left-area .info-left ul li.ingredient { line-height: 28px; padding: 0 0 2px 0; background: url(images/li-bot-border.jpg) 0 bottom repeat-x; list-style: inside none; margin-left: 0; } #left-area .page .unlist { margin: 0 0 25px; } #left-area .page .unlist li { font-size: 12px; color: #2f383b; line-height: 35px; padding: 0 0 0 20px; background: url(images/bulit-arrow1.png) left 13px no-repeat; list-style: inside none; margin-left: 0; } #left-area .page .unlist.checked li { background: url(images/bulit-check.png) left 11px no-repeat; } #left-area .page .unlist.arrow2 li { background: url(images/arrow-menu-list.png) left 15px no-repeat; } #left-area .page .unlist.arrow3 li { background: url(images/bulit-arrow2.png) left 12px no-repeat; } #left-area .single-imgs { overflow: hidden; } #left-area .single-imgs .single-img-box { float: left; } #left-area .single-imgs .small-img-cont { overflow: hidden; float: right; position: relative; width: 317px; height: 283px; margin: 0 0 0 -15px; padding: 0 0 0; } #left-area .single-imgs .small-img-cont .small-imgs { width: 942px; position: absolute; top: 0; left: 0; } #left-area .single-imgs .small-img-cont .carnav { width: 65px; height: 15px; position: absolute; bottom: 0; left: 132px; background: url(images/car-nav.png) no-repeat; } #left-area .single-imgs .small-img-cont .carnav span { display: block; position: absolute; bottom: 0; width: 30px; height: 15px; cursor: pointer; } #left-area .single-imgs .small-img-cont .carnav .left { left: 0; background: url(images/carnav-arrows.png) 7px 3px no-repeat; } #left-area .single-imgs .small-img-cont .carnav .right { right: 0; background: url(images/carnav-arrows.png) -28px 3px no-repeat; } #left-area .single-imgs .small-img-cont .carnav .left:hover { background-position: 7px -15px; } #left-area .single-imgs .small-img-cont .carnav .right:hover { background-position: -28px -15px; } #left-area .single-imgs .small-imgs li { width: 137px; height: 115px; padding: 4px 0 0 5px; float: left; margin: 0 0 15px 15px; background: url(images/frame-142x119.png) no-repeat; cursor: pointer; } #left-area .single-imgs .small-imgs li img { width: 132px; height: 104px; } #left-area .single-imgs .more-images { display: block; width: 300px; float: right; font-size: 12px; color: #0053a6; } #left-area .info-right { width: 232px; float: right; margin: 0 0 25px; padding: 15px 0 0 25px; background-color: #fff; } #left-area .info-right .cookname { overflow: hidden; margin: 0 0 25px; } #left-area .info-right .cookname .img-box { width: 94px; float: left; position: relative; } #left-area .info-right .cookname .img-box a.imgc { position: relative; display: block; width: 82px; padding: 4px; border: 1px solid #dddddd; border-radius: 4px; } #left-area .info-right .cookname .img-box a.imgc:after { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; border-top: none; border-radius: 4px; position: absolute; left: -1px; bottom: -4px; } #left-area .info-right .cookname .img-box img { display: block; width: 100%; height: auto; } #left-area .info-right .cookname .cook-info { width: 130px; float: right; } #left-area .info-right .cookname .cook-info h5 { margin: 0 0 5px; } #left-area .info-right .cookname .cook-info h5 a { color: #5d9c0a; /*font-weight: bold;*/ } #left-area .info-right .cookname .cook-info p { font-size: 12px; color: #7e7e7e; line-height: 18px; margin: 0 0 5px; } #left-area .info-right .cookname .cook-info a { font-size: 12px; color: #484848; line-height: 18px; } #left-area .info-right .rate-box { width: 182px; height: 195px; padding: 5px 20px 0 30px; margin: 0 0 25px; background: url(images/rate-box-bg.png) no-repeat; } .chef-profile h1 { margin-bottom: 15px; } .chef-profile .auth-photo { float: left; margin: 0 20px 20px 0; max-width: 150px; } .chef-profile .auth-meta { margin-bottom: 10px; } .chef-profile .auth-title { } .chef-profile .auth-value { } .chef-profile h2, .chef-profile h3, #left-area .chef-profile p { margin-bottom: 15px; } #left-area .info-right .rate-box h6 { font-size: 12px; color: #696969; margin: 6px 0 10px 0; } #left-area .info-right .rate-box .ex-rates { color: #0053a6; margin: 0; } #left-area .info-right .rate-box .ex-rates span { display: inline-block; width: 15px; height: 18px; background: url(images/spons.png) left top no-repeat; vertical-align: middle; cursor: pointer; } #left-area .info-right .rate-box .ex-rates span.off { background-position: -13px top; } #left-area .info-right .rate-box .ex-rates span:last-child { margin: 0 5px 0 0; } #left-area .info-right .rate-box .hreview-aggregate { display: none; } #left-area .info-right .rate-box .rates { color: #0053a6; } #left-area .info-right .rate-box #rate-product p { margin-bottom: 10px; } #left-area .info-right .rate-box .rates span { display: inline-block; width: 19px; height: 26px; background: url(images/ratings-big.png) left top no-repeat; vertical-align: middle; cursor: pointer; } #left-area .info-right .rate-box .rates span.off { background-position: -20px top; } #left-area .info-right .rate-box .rates span:last-child { margin: 0 5px 0 0; } #left-area .info-right .rate-box #output { display: none; margin: 15px 0; } #left-area .info-right .rate-box .status { color: #696969; margin-bottom: 0; } #left-area .info-right .rate-box .status span { color: #2c2e2a; } #left-area .info-right .rate-box .views { color: #696969; background: url(images/eyecon.png) left center no-repeat; padding: 0 0 0 30px; margin: 10px 0 0; } .post-views-icon{ color: #FF9600; } #left-area .info-right h5 { color: #0053a6; margin: 0 0 10px; } #left-area .info-right .more-recipe { padding: 0 0 25px; width: 232px; } #left-area .info-right .more-recipe a { display: block; font-size: 12px; line-height: 22px; color: #5f5f5f; } #left-area .info-right .more-recipe .recipe-imgs { position: relative; margin: 0 0 10px; width: 232px; } #left-area .info-right .more-recipe .recipe-imgs .prev, #left-area .info-right .more-recipe .recipe-imgs .next { display: block; width: 30px; height: 30px; background: url(images/arrows.png) right top no-repeat; position: absolute; top: 51px; right: 22px; z-index: 9998; cursor: pointer; } #left-area .info-right .more-recipe .recipe-imgs .prev { right: auto; left: 22px; background-position: left top; } #left-area .info-right .more-recipe .recipe-imgs .more-recipes { position: relative; width: 232px; height: 157px; background: url(images/more-img-slider-bg.png) no-repeat; overflow: hidden; } #left-area .info-right .more-recipe .recipe-imgs .more-recipes ul { position: absolute; top: 5px; left: 5px; overflow: hidden; width: 100%; height: 147px; } #left-area .info-right .more-recipe .recipe-imgs .more-recipes ul li { height: 144px; } #left-area .info-right .more-recipe .recipe-imgs .more-recipes ul .info-box { position: absolute; bottom: 0; left: 0; width: 90%; padding: 5%; background: url(images/black-trans.png); color: #fff; margin: 0; line-height: normal; } #left-area .info-right .more-recipe .recipe-imgs .more-recipes ul img { width: 222px; height: 144px; } #left-area .info-right .nutritional { height: auto; width: 204px; padding: 14px; background-color: #0053a6; margin-bottom: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #left-area .info-right .nutritional h3 { font-size: 16px; line-height: 18px; margin: 0 0 0; color: #fff; } .ie7 #left-area .info-right .nutritional h3 { font-size: 14px; } #left-area .info-right .nutritional p { font-size: 12px; color: #89afd4; margin: 0 0 5px; } #left-area .info-right .nutritional a { color: #fff; } #left-area .info-right .nutritional ul { padding: 8px 11px; margin: 0 0 2px; background-color: #fff; overflow: hidden; } #left-area .info-right .nutritional ul li { width: 89px; float: left; padding: 5px 0; border-bottom: 1px solid #ececec; } #left-area .info-right .nutritional ul li:last-child { border: none; padding-bottom: 0; } #left-area .info-right .nutritional ul li p { font-size: 12px; line-height: 14px; margin: 0; color: #6f6f6f; } #left-area .info-right .nutritional ul li span { font-size: 12px; line-height: 14px; color: #949494; } #left-area .share-btns { margin: 0 0 30px; } #left-area h3 span.note { font-size: 12px; line-height: 20px; color: #7e7e7e; vertical-align: bottom; display: inline-block; margin: 0 0 0 15px; } #left-area .red-tabs { text-align: right; margin: 25px 0 35px; } #left-area .red-tabs li { display: inline; } #left-area .red-tabs li a { display: inline-block; height: 27px; padding: 0 12px; margin: 0 0 0 3px; background: url(images/red-tab-bg.jpg) repeat-x; font-size: 12px; line-height: 26px; color: #ffffff; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tabs-wrap { position: relative; } .tabs-wrap .tabed { padding: 14px 0 0; border: 1px solid #e3e3e3; background: #f1f3ed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tabs-wrap .tabed .tabs { height: 31px; border-bottom: 1px solid #e3e3e3; position: relative; background-color: #f1f3ed; } #left-area .tabs-wrap .tabed .tabs { margin: 0; } #left-area .tabs-wrap .tabed .tabs li { height: 31px; padding: 0 21px 3px; line-height: 31px; float: left; margin: 0 0 0 9px; background: #fff; position: relative; border: 1px solid #e3e3e3; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tabs-wrap .tabed .tabs li span { width: 110%; height: 6px; border-top: 1px solid #e3e3e3; position: absolute; left: -2px; bottom: -3px; background-color: #f1f3ed; } #left-area .tabs-wrap .tabed .tabs li.current { background: none; } .tabs-wrap .tabed .tabs li.current span { width: 100%; left: 0; bottom: -2px; border: none; } .tabs-wrap .tabed .block { padding: 18px 16px; display: none; background-color: #f1f3ed; } #left-area .tabs-wrap .tabed .block li { height: auto; } .tabs-wrap .tabed .block li p { font-size: 12px; color: #838383; margin: 0 0 15px; } .tabs-wrap .tabed .block .comment-wrapper .meta a { color: #518c02; display: inline-block; margin: 0 0 0 5px; } .tabs-wrap .tabed .block .comment-wrapper .meta { margin: 0 0 15px; color: #959595; } .tabs-wrap .tabed .block .comment-wrapper .meta span { color: #696969; } .tabs-wrap .tabed .block.current { display: block; } .tabs-wrap .tabed .block .control { } .tabs-wrap .tabed .block .control a { color: #0053a6; } .tabs-wrap .tabed .block li ol { padding: 20px 26px 5px; margin: 0 0 0 25px; background-color: #fff; } #left-area h4.me-steps { cursor: pointer; } #left-area h4.me-steps .stepcheck { display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin: 0 6px 0 0; background: url(images/checkbox.png) left bottom no-repeat; cursor: pointer; } #left-area h4.me-steps .stepcheck.finished { background-position: left top; } #left-area.full-wide { width: auto; margin: 0 30px; float: none; } #left-area.full-wide .info-left { width: 650px; } #left-area.full-wide .info-left .list-left { width: 307px; float: left; } #left-area.full-wide .info-left .list-right { float: right; } #left-area.full-wide .info-left br { clear: both; } .pages-nav a { display: inline-block; margin: 0 4px; } #left-area.full-wide.homepage { margin: 0; padding: 0; } #left-area.full-wide.homepage .page { margin: 0; padding: 0; background: none; } #left-area .plupload_logo{ background: none; width: 0; height: 0; } #left-area .plupload_header_content{ padding-left: 15px; } #left-area .plupload_container .plupload_header, #left-area .plupload_filelist{ background: #f5f5f5; } #left-area .plupload_button{ background: none; border: none; } /*-----------------------------------------------------------------------------------*/ /* 8. Blog Page Styles /*-----------------------------------------------------------------------------------*/ #left-area .post, #left-area .page, #left-area .recipe { padding: 0 0 20px; overflow: hidden; margin: 0 0 35px; background: url(images/pet-border.png) bottom repeat-x; } #left-area .post-title, #left-area .single-post-title { font-size: 18px; line-height: 24px; margin: 0 0 10px; } #left-area .post-title a { color: #5E6063; } #left-area .post-title a:hover, #left-area .post-title a:focus { color: #68AA10; } #left-area .post .meta, #left-area .recipe .meta { font-size: 12px; margin: 0 0 10px; } #left-area .page .meta { display: none; } #left-area .post .single-img-box { margin: 0 0 20px; } #left-area .post p { margin: 0 0 15px; } #left-area .post ol, #left-area .page ol { margin: 0 0 15px 10px; } #left-area .post ul, #left-area .page ul { margin: 0 0 15px 0; } #left-area .page ol li, #left-area .post ol li, #left-area .page ul li, #left-area .post ul li { font-size: 12px; color: #909090; line-height: 25px; margin-bottom: 10px; list-style: none; } #left-area .page ul li, #left-area .post ul li { background: url(images/arrow-menu-list.png) left 10px no-repeat; padding: 0 0 0 25px; } #left-area .page ol li, #left-area .post ol li { list-style: outside decimal; padding: 0 0 0 10px; } #left-area .post .readmore, #left-area .page .readmore, #left-area .recipe .readmore { margin: 10px 0 20px; } #left-area .post .res-more { display: none; } #left-area .post .readmore, #left-area .page .readmore.rightbtn, #left-area .recipe .readmore.rightbtn { float: right; } #left-area #respond form { padding: 25px 0 0; } #left-area #respond label { padding: 0 0 0 5px; } #left-area #respond label { width: 95px; } #left-area #respond .comment-form-comment label { display: none; } #left-area #respond textarea { display: block; width: 95%; height: 100px; font-size: 12px; } #left-area .comments { padding: 0 0 35px; } #left-area .comment-list { margin: 20px 0; padding: 0; } #left-area .comment-list li.comment { overflow: hidden; margin: 0 0 20px; list-style: none; } #left-area .comment-list li.comment .img-box { padding: 5px; border: 1px solid #efefef; margin: 0 0 10px 0; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #left-area .comment-list li.comment .img-box img { display: block; width: 67px; } #left-area .comment-list li.comment .comment-body { width: 464px; float: right; padding: 14px 18px; border: 1px solid #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #left-area .comment-list li.comment.depth-2 .comment-body { width: 370px; } #left-area .comment-list li.comment.depth-3 .comment-body { width: 280px; } #left-area .comment-list li.comment.depth-4 .comment-body { width: 280px; } #left-area .comment-list li.comment.depth-5 .comment-body { width: 280px; } #left-area .comment-list li.comment .comment-body p { font-size: 12px; margin: 0; } #left-area .comment-list li.comment .comment-body .meta { margin: 0; font-size: 12px; color: #909090; } #left-area .comment-list li.comment .comment-body .meta a { } #left-area .comment-list li.comment .comment-body .reply { text-align: right; } #left-area li.comment ul.children { clear: both; padding: 20px 0 0 94px; } #left-area li.comment.depth-2 ul.children { clear: both; padding: 20px 0 0 90px; } #left-area li.comment.depth-3 ul.children { clear: both; padding: 20px 0 0 0; } #left-area li.comment.depth-4 ul.children { clear: both; padding: 20px 0 0 0; } #left-area #respond .form-submit input { display: inline-block; border: none; height: 29px; padding: 0 17px; cursor: pointer; background: url(images/button-bg-h29.png) repeat-x; font-size: 12px; text-align: center; color: #fff; line-height: 28px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #left-area.full-wide li.comment.depth-1 ul.children, #left-area.full-wide li.comment.depth-2 ul.children, #left-area.full-wide li.comment.depth-3 ul.children, #left-area.full-wide li.comment.depth-4 ul.children { width: auto; } #left-area.full-wide .comment-list li.comment .comment-body { width: 515px; } #left-area.full-wide li.comment.depth-1 ul.children .comment-body { width: 415px; } #left-area.full-wide li.comment.depth-2 ul.children .comment-body { width: 320px; } /*-----------------------------------------------------------------------------------*/ /* 9. Recipe Listing Page styles /*-----------------------------------------------------------------------------------*/ #left-area .recipe-listing-item { } #left-area .recipe-listing-item .single-img-box { float: left; width: 258px; margin: 0 25px 10px 0; } #left-area .recipe-listing-item .single-img-box img { } #left-area .recipe-listing-item .recipe-info { display: table; padding: 0 0 0; margin-top: 0; } #left-area .recipe-listing-item .recipe-info h2 { margin: 0 0 0; } #left-area .recipe-listing-item .recipe-info h2 a { color: #0053a6; line-height: 30px; } #left-area .recipe-listing-item .recipe-info h2 a:hover, #left-area .recipe-listing-item .recipe-info h2 a:focus { color: #003f7e; } #left-area .recipe-listing-item .recipe-info .recipe-tags { margin: 5px 0; font-size: 12px; color: #1D7DA3; } #left-area .recipe-listing-item .recipe-info .recipe-tags .type { margin: 0 10px 0 0; } #left-area .recipe-listing-item .recipe-info .rating { height: 25px; padding: 5px; margin: 0 0 15px; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #left-area .recipe-listing-item .recipe-info .rating span { display: inline-block; vertical-align: top; line-height: 25px; margin: 0 0 0 10px; } #left-area .recipe-listing-item .recipe-info .rating span span { margin: 0 0 0 10px; color: #009; } #left-area .recipe-listing-item .recipe-info .rating .on, #left-area .recipe-listing-item .recipe-info .rating .off { width: 19px; height: 26px; background: url(images/ratings-big.png) left top no-repeat; margin: 0; } #left-area .recipe-listing-item .recipe-info .rating .off { background-position: right top; } #left-area .recipe-listing-item .recipe-info p { margin: 0 0 15px; } #left-area .recipe-listing-item .recipe-info .readmore { margin: 0; } #left-area .sorting-form { float: right; } .sorting-form label { font-size: 14px; line-height: 30px; color: #6f716b; margin-right: 5px; } #left-area #recipe-sorting { padding: 5px 10px; border: 0; } /*-----------------------------------------------------------------------------------*/ /* 10. Contact Page Styles /*-----------------------------------------------------------------------------------*/ #contact-form input[type="text"], .wpcf7-form input[type="text"], .wpcf7-form input[type="date"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form select, .wpcf7-form input[type="email"]{ width: 406px; background-color: #f3f7f8; } #contact-form p, .wpcf7-form p{ margin: 0 0 20px; position: relative; } #contact-form textarea, .wpcf7-form textarea{ width: 570px; background-color: #f3f7f8; max-width: 100%; } #contact-form input[type="text"], .wpcf7-form input[type="text"], .wpcf7-form input[type="date"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form select, .wpcf7-form input[type="email"]{ background-color: #f3f7f8; } #contact-form input[type="submit"], #adduser input[type="submit"], .wpcf7-form input[type="submit"]{ height: 27px; padding: 0 13px; background: url(images/button-bg-pink.png) repeat-x; cursor: pointer; } .wpcf7-form input[type="submit"]{ display: inline-block; border: none; padding: 0 17px; cursor: pointer; font-size: 12px; text-align: center; color: #fff; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #contact-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover, #adduser input[type="submit"]:hover{ background-position: bottom; } #contact-form input[type="submit"]:focus, .wpcf7-form input[type="submit"]:focus, #adduser input[type="submit"]:focus{ outline: none; background-position: bottom; } .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea{ margin-top: 4px !important; } #contact-form #message-sent { display: none; } #contact-form #contact-loader { display: none; } #contact-form .no-target { color: red; } .wpcf7-form select{ display: inline-block; height: 36px; padding: 0 8px; margin: 0 0 0; border: 1px solid #d5d5d5; font: 14px "MuseoSlab500", Arial, Helvetica, sans-serif; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; outline: none; } #left-area .single-img-box.contact-map { padding: 4px; background-color: #ffffff; } #map_canvas { width: 583px; height: 262px; } #search-error-container { display: none; border: 1px solid #eee; border-radius: 5px; padding: 7px; margin-bottom: 10px; } #search-error-container label.error { display: block; color: red; /*font-weight: bold;*/ } .message-sent-error { color: red; } #adduser input[type="text"], #adduser input[type="password"], #adduser select, #adduser textarea{ width: 420px; background-color: #f3f7f8; } #adduser label{ width: 150px; color: #888; font-size: 14px; } #adduser .form-textarea label{ vertical-align: top; } #adduser select{ display: inline-block; height: 18px; padding: 8px; margin: 0 0 0; border: 1px solid #d5d5d5; font: 14px "MuseoSlab500", Arial, Helvetica, sans-serif; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: content-box; outline: none; } #adduser .form-submit{ text-align: right; } #left-area .user-form-title{ margin-bottom: 20px; } #adduser .error{ color: red; font-size: 18px; } #adduser .form-photo .note{ display: inline-block; margin-left: 150px; margin-top: 10px; } #adduser .form-avatar{ margin-left: 155px; } /*-----------------------------------------------------------------------------------*/ /* 11. Services Page Styles /*-----------------------------------------------------------------------------------*/ #left-area .img-box-serv { display: block; width: 285px; height: 159px; padding: 6px 0 0 6px; margin: 0 0 12px; background: url(images/services-box.png) no-repeat; } #left-area .img-box-serv img { display: block; width: 276px; height: 145px; border: 1px solid #390; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #left-area a.readmore.rightalign { float: right; margin-right: 15px; clear: both; } /*-----------------------------------------------------------------------------------*/ /* 12. FAQ Page Styles /*-----------------------------------------------------------------------------------*/ #left-area .page .faq-list { margin: 0 0 0 65px; } #left-area .page .faq-list li { padding: 15px 0 1px 0; margin: 0 0 0; background: url(images/pet-border.png) bottom repeat-x; position: relative; list-style: none; } #left-area .page .faq-list li h3 { cursor: pointer; margin: 0; padding: 0 0 10px; } #left-area .page .faq-list li .number { display: block; width: 45px; height: 45px; background: url(images/faq-num-bg.png) left top no-repeat; font: 24px/45px "MuseoSlab500", Arial, Helvetica, sans-serif; text-align: center; color: #999999; position: absolute; top: 15px; left: -65px; } #left-area .page .faq-list li.active .number { background-position: left bottom; color: #fff; } #left-area .page .faq-list li:last-child { background: none; } /*-----------------------------------------------------------------------------------*/ /* 10. Author Page Listing Styles /*-----------------------------------------------------------------------------------*/ #left-area.users-listing .user-listing-wrap { overflow: hidden; margin: 0 0 0 -22px; } #left-area.users-listing .user-list-col { width: 181px; margin: 0 0 25px 22px; float: left; background: url(images/pet-border.png) center bottom repeat-x; } #left-area.users-listing .user-list-col:nth-child(4n) { clear: left; } #left-area.users-listing .user-listing-heading a { padding: 0 0 0 5px; color: #0053a6; } #left-area.users-listing .user-listing-heading a:hover, #left-area.users-listing .user-listing-heading a:focus { color: #68aa10; } #left-area.users-listing .author-wrap { position: relative; display: block; border: 1px solid #dddddd; border-radius: 4px; margin: 0 0 15px; z-index: 7710; } #left-area.users-listing .author-wrap img { display: block; width: 171px; position: relative; padding: 4px; background-color: #ffffff; border-radius: 5px; z-index: 7790; } #left-area.users-listing .author-wrap img:hover { opacity: 0.9; } #left-area.users-listing .author-wrap:after { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; border-top: none; border-radius: 4px; position: absolute; left: -1px; bottom: -4px; z-index: 7740; } #left-area.users-listing .user-role { font-size: 14px; color: #0053a6; } #left-area.users-listing .counts { border: 1px solid #dddddd; border-radius: 4px; padding: 8px 10px; color: #68aa10; margin: 0 0 10px; } #left-area.users-listing .counts span { display: inline-block; margin: 0 10px; background: none; color: #696969; } #left-area.users-listing .user-description { margin: 0 0 10px; } #left-area.users-listing .social { margin: 0 0 25px; text-align: center; } #left-area.users-listing .social a { display: inline-block; width: 22px; height: 22px; margin: 0 8px 0 0; background: #A1A1A1; border-radius: 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #left-area.users-listing .social a:hover{ background: #68aa10; } #left-area.users-listing .social i{ vertical-align: middle; color: #fff; font-size: 10px; } #left-area .user-head-wrap { overflow: hidden; background: url(images/pet-border.png) center bottom repeat-x; padding: 0 0 25px; margin: 0 0 25px; } #left-area .user-head-wrap .author-wrap { padding: 4px; border: 1px solid #dddddd; border-radius: 4px; margin: 0 0 15px; width: 250px; float: left; z-index: 7700; } #left-area .user-head-wrap .author-wrap:before { content: '\0020'; width: 100%; height: 10px; border: 1px solid #dddddd; border-top: none; border-radius: 4px; position: absolute; left: -1px; bottom: -7px; z-index: 7750; } #left-area .user-head-wrap .head-contents-wrap { float: left; width: 315px; margin: 0 0 0 17px; } #left-area.users-listing .user-listing-heading .head-designation { font-size: 12px; /*font-weight: normal;*/ color: #0053a6; vertical-align: middle; display: inline-block; margin: 0 0 0 13px; } #left-area .user-head-wrap .author-wrap { padding: 0; } #left-area .user-head-wrap .author-wrap img { width: 242px; } #left-area .user-head-wrap .head-contents-wrap .user-description { margin: 0 0 20px; } #left-area .user-head-wrap .head-contents-wrap .head-readmore { float: left; } #left-area .user-head-wrap .head-contents-wrap .social { float: right; } #left-area.author-page .user-head-wrap .author-wrap { margin: 0 20px 20px 0; } #left-area.author-page .counts { float: left; width: 298px; } #left-area.author-page .user-listing-heading .head-designation { font-size: 16px; margin: 0; } #left-area.author-page .social { text-align: center; } #whats-hot.recipe-grid h1{ float: left; margin: 23px 0; margin-left: 10px; font-size: 24px; line-height: 31px; } #whats-hot.recipe-grid .sorting-form{ float: right; margin: 23px 0; margin-right: 10px; } #whats-hot.recipe-grid .cat-list{ } #whats-hot.recipe-grid .cat-list li .img-box img, #whats-hot.recipe-grid .cat-list li .img-box{ width: auto; } #whats-hot.recipe-grid .cat-list li{ min-height: 251px; } .recipe-grid .rating { height: 25px; padding: 5px; margin: 0 0 15px; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .recipe-grid .rating .on, .recipe-grid .rating .off{ background: url(images/ratings-big.png) left top no-repeat; width: 19px; height: 26px; display: inline-block; vertical-align: top; line-height: 25px; } .recipe-grid .rating .off{ background: url(images/ratings-big.png) right top no-repeat; } .recipe-grid .rating .views { line-height: 28px;; margin-right: 10px; float: right; } #whats-hot.recipe-grid .cat-list li h4{ background: none; padding: 0; margin: 0 0 15px 0; } .select2-container{ z-index: 900; } /*-----------------------------------------------------------------------------------*/ /* 13. Sidebar Styles /*-----------------------------------------------------------------------------------*/ #content #sidebar { width: 302px; float: right; margin: 0 31px 0 0; padding: 26px 0 0; } #content #sidebar .widget { margin: 0 0 35px; float: none; border: 1px solid #e3e3e3; padding: 10px 16px; position: relative; background: url(images/widget-g-bg.png) top repeat-x #fff; overflow: hidden; border: 1px solid #e3e3e3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #content #sidebar .widget li, #sidebar .widget_displaytweetswidget p { padding: 0 0 12px; margin: 0 0 10px; background: url(images/li-bot-border.jpg) bottom repeat-x; font-size: 12px; color: #909090; line-height: 22px; } #content #sidebar .widget li a, #sidebar .widget_displaytweetswidget p a { color: #1d7da3; } #content #sidebar .widget li:last-child { background: none; margin: 0; padding: 0; } #content #sidebar .widget .archives { padding-top: 5px; } #content #sidebar .widget .archives li { padding-bottom: 5px; margin-bottom: 3px; } #content #sidebar .widget li ul.children li { padding: 5px 0 0 12px !important; margin: 0; background: url(images/li-bot-border.jpg) top repeat-x; } #content #sidebar .widget .phone, #content #sidebar .widget .email, #content #sidebar .widget .note { display: block; height: 25px; padding: 0 0 0 35px; margin: 0 0 7px; font: 16px/25px "MuseoSlab500", Arial, Helvetica, sans-serif; font-style: italic; background: url(images/sidebar-icons.png) left top no-repeat; } #content #sidebar .widget .email { background-position: left center; } #content #sidebar .widget .note { background-position: left bottom; } #content #sidebar .widget h4.blue { font-size: 16px; color: #0053a6; margin: 0 0 10px; } #content #sidebar .widget.archives a { font-size: 12px; color: #1d7da3; } #content #sidebar .widget.archives a:hover, #content #sidebar .widget.archives a:focus { color: #0d4d73; } #content #sidebar .widget.archives ul { padding: 5px 0 0; } #content #sidebar .widget.archives ul li { height: auto; line-height: 32px; padding: 0 0 2px; margin: 0; background: url(images/li-bot-border.jpg) 0 bottom repeat-x; } #content #sidebar .widget#twitter_update_list ul li { padding: 0 0 12px; margin: 0 0 10px; background: url(images/li-bot-border.jpg) bottom repeat-x; } #content #sidebar .widget#twitter_update_list ul li:last-child { background: none; } #content #sidebar .widget .widget-bot-round { } #content #sidebar .widget.nostylewt { border: none; padding: 0; background: none; } #content #sidebar .ads-253x209 { width: 253px; height: 209px; padding: 24px 24px 31px; background: url(images/sidebar-ad.png) no-repeat; } #content #sidebar .widget #searchform { } #content #sidebar .widget #searchform label { display: none; } #content #sidebar .widget #searchform input[type="text"] { width: 180px; height: 24px; padding: 3px 5px 5px 8px; background: url(images/search-field.png) top no-repeat; border: none; color: #b1b1b1; vertical-align: top; } #content #sidebar .widget #searchform input[type="text"]:focus { outline: none; background-position: bottom; } #content #sidebar .widget #searchform #searchsubmit { display: inline-block; width: 42px; height: 29px; background: url(images/search-btn.png) left top no-repeat; border: none; vertical-align: top; font-size: 0; margin-left: 15px; cursor: pointer; } #content #sidebar .widget #searchform #searchsubmit:hover, #content #sidebar .widget #searchform #searchsubmit:focus { background-position: left bottom; } #content #sidebar .recipes-slider-widget { } #content #sidebar .recipes-slider-widget ul { position: relative; border: 1px solid #dddddd; border-bottom: 4px double #dddddd; border-radius: 5px; } #content #sidebar .recipes-slider-widget ul li { position: absolute; top: 0; left: 0; margin: 5px 5px -2px 5px !important; background: none; padding: 0; } #content #sidebar .recipes-slider-widget ul li img { width: 290px; } #content #sidebar .recipes-slider-widget ul li .info-box { position: absolute; bottom: 8px; left: 0; width: 90%; padding: 5%; background: url(images/black-trans.png); color: #fff; margin: 0; line-height: normal; } #content #sidebar .recipes-slider-widget .prev, #content #sidebar .recipes-slider-widget .next { display: block; width: 30px; height: 30px; background: url(images/arrows.png) right top no-repeat; position: absolute; bottom: 98px; right: 22px; cursor: pointer; z-index: 999; } #content #sidebar .recipes-slider-widget .prev { right: auto; left: 22px; background-position: left top; } #content #sidebar .recent-posts li .img-box { display: block; width: 67px; height: 60px; padding: 4px 0 0 4px; margin: 0 10px 0 0; float: left; background: url(images/image-frame-71x64.png) no-repeat; } #content #sidebar .recent-posts li .img-box img { width: 63px; height: 53px; } #content #sidebar ul li ul { } #content #sidebar ul li .children li, #content #sidebar ul li .sub-menu li { margin-top: 10px; padding: 12px 0 0 20px !important; background: url(images/li-bot-border.jpg) top repeat-x !important; } #content #sidebar ul li .children li:last-child, #content #sidebar ul li .sub-menu li:last-child { margin-bottom: 0; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #fff; /*font-weight: bold;*/ line-height: 24px; text-align: center; background: #4d4f50; } #wp-calendar thead th { padding: 4px 8px; text-align: center; background-color: #4d4f50; color: white; border: 1px solid #fff; } #wp-calendar tbody { color: #cccccc; } #wp-calendar tbody td { background: #4d4f50; border: 1px solid #fff; text-align: center; padding: 4px 8px; } #wp-calendar tbody td:hover { background: #999999; } #wp-calendar tbody td#today { background-color: #333; color: white; } #wp-calendar tbody td#today a { color: white; } #wp-calendar tbody .pad { /*background: none;*/ border: none; color: #fff; } #wp-calendar tfoot .pad { background: none; border: none; color: #fff; } #wp-calendar tfoot #next { text-transform: uppercase; text-align: right; border: none; padding: 5px 0 0; } #wp-calendar tfoot #prev { text-transform: uppercase; border: none; padding: 5px 0 0; } #wp-calendar tfoot #prev a, #wp-calendar tfoot #next a, #wp-calendar tfoot .pad a { color: #666; } #content #sidebar #wp-calendar caption { background: none; color: #444444; } #content #sidebar #wp-calendar thead th { border: 1px solid #dddddd; background: #548f04; } #content #sidebar #wp-calendar tbody td { border: 1px solid #dddddd; background: #ffffff; color: #909090; } #content #sidebar #wp-calendar tfoot #prev a, #content #sidebar #wp-calendar tfoot #next a, #content #sidebar #wp-calendar tfoot .pad a { color: #444444; } #content #sidebar #wp-calendar tbody td#today { /*font-weight: bold;*/ color: #fff; background: #548f04; } #content #sidebar #wp-calendar thead { border-right: 1px solid #dddddd; } #content #sidebar #wp-calendar thead th { border: none; } #content #sidebar #wp-calendar tbody { color: #fff; } #content #sidebar #wp-calendar tbody td { background: #ffffff; border: 1px solid #dddddd; } #content #sidebar #wp-calendar tbody td:hover { background: #548f04; color: #fff; } #content #sidebar #wp-calendar tbody .pad { background: none; } /* Tag Cloud widget */ #content #sidebar .tagcloud { overflow: hidden; } #content #sidebar .tagcloud a { display: block; float: left; padding: 6px 10px 7px 18px; position: relative; color: #fff; background-color: #548f04; line-height: 1.2em; margin: 0 1px 1px 0; text-decoration: none; font-size: 12px !important; } #content #sidebar .tagcloud a:hover { background: #ffffff; color: #548f04; } #content #sidebar .tagcloud a:after { background: #fff; content: ""; height: 4px; position: absolute; left: 7px; top: 11px; width: 4px; z-index: 999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*-----------------------------------------------------------------------------------*/ /* 14. Bottom Area Styles /*-----------------------------------------------------------------------------------*/ #bottom-wrap { background-color: #21241c; border-bottom: 1px solid #2c3026; padding-bottom: 40px; width: 100%; } #bottom { width: 1150px; padding: 35px 0 0; margin: 0 auto; } #bottom h5 { font-size: 12px; line-height: 17px; } #bottom a { color: #b6b6b6; } #bottom a:hover, #bottom a:focus { color: #dfdfdf; } #bottom p { font-size: 12px; color: #666; line-height: 21px; } #bottom > li { width: 310px; float: left; margin: 0 25px 0 0; } #bottom > li:last-child { margin: 0; } #bottom > li > div { margin: 0 0 40px; } #bottom > li > ul, #bottom > li > form { margin: 20px 0 40px; } #bottom li .about img { margin: 0 0 15px; max-width: 100%; } #bottom li .about p { margin: 0 0 25px; font-size: 12px; color: #727272; } #bottom li h2 { margin: 0 0 22px; color: #9d9f98; } #bottom li h2 span { color: #869d68; } #bottom li .recent-posts { overflow: hidden; } #bottom li ul li, #bottom .widget_displaytweetswidget p { margin: 0 0 11px; padding: 0 0 15px; overflow: hidden; background: url(images/bottom-recent-botder.png) bottom repeat-x; } #bottom .widget_displaytweetswidget p:last-child { background: none; } #bottom li .recent-posts li .img-box { display: block; width: 67px; height: 60px; padding: 4px 0 0 4px; margin: 0 10px 0 0; float: left; background: url(images/image-frame-dark-71x64.png) no-repeat; } #bottom li .recent-posts li .img-box img { width: 63px; height: 53px; } #bottom .readmore { color: #fff; margin-top: 25px; } #bottom li ul li ul { } #bottom li ul li .children li, #bottom li ul li .sub-menu li { margin-top: 11px; padding: 11px 0 0 20px !important; background: url(images/bottom-recent-botder.png) top repeat-x !important; } #bottom li ul li .children li:last-child, #bottom li ul li .sub-menu li:last-child { margin-bottom: 0; } #bottom li h2.w-bot-border { height: auto; padding: 0; background: none; } #bottom .about .footer-logo { margin-bottom: 20px; } #bottom .newsEvent h5 a { color: #b6b6b6 !important; } #bottom .newsEvent h5 a:hover { color: #fff !important; } #bottom #searchform { } #bottom #searchform label { display: none; } #bottom #searchform input[type="text"] { width: 180px; height: 24px; padding: 3px 5px 5px 8px; background: url(images/search-field.png) top no-repeat; border: none; color: #b1b1b1; vertical-align: top; } #bottom #searchform input[type="text"]:focus { outline: none; background-position: bottom; } #bottom #searchform #searchsubmit { display: inline-block; width: 42px; height: 29px; background: url(images/search-btn.png) left top no-repeat; border: none; vertical-align: top; font-size: 0; margin-left: 15px; cursor: pointer; } #bottom #searchform #searchsubmit:hover, #bottom #searchform #searchsubmit:focus { background-position: left bottom; } #bottom .widget_weekly_special .img-box{ border: 0 !important; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #fff; /*font-weight: bold;*/ line-height: 24px; text-align: center; background: #4d4f50; } #wp-calendar thead th { padding: 4px 8px; text-align: center; background-color: #4d4f50; color: white; border: 1px solid #fff; } #wp-calendar tbody { color: #cccccc; } #wp-calendar tbody td { background: #4d4f50; border: 1px solid #fff; text-align: center; padding: 4px 8px; } #wp-calendar tbody td:hover { background: #999999; } #wp-calendar tbody td#today { background-color: #333; color: white; } #wp-calendar tbody td#today a { color: white; } #wp-calendar tbody .pad { /*background: none;*/ border: none; color: #fff; } #wp-calendar tfoot .pad { background: none; border: none; color: #fff; } #wp-calendar tfoot #next { text-transform: uppercase; text-align: right; border: none; padding: 5px 0 0; } #wp-calendar tfoot #prev { text-transform: uppercase; border: none; padding: 5px 0 0; } #wp-calendar tfoot #prev a, #wp-calendar tfoot #next a, #wp-calendar tfoot .pad a { color: #666; } #bottom li #wp-calendar caption { background: none; } #bottom li #wp-calendar thead th { border: 1px solid #666666; background: #666666; } #bottom li #wp-calendar tbody td { border: 1px solid #666666; background: #444; } #bottom li #wp-calendar tfoot #prev a, #bottom li #wp-calendar tfoot #next a, #bottom li #wp-calendar tfoot .pad a { color: #ffffff; } #bottom li #wp-calendar thead th { border: 1px solid #323232; } #bottom li #wp-calendar tbody { color: #fff; } #bottom li #wp-calendar tbody td { background: #4c4c4c; border: 1px solid #333333; } #bottom li #wp-calendar tbody td:hover { background: #656565; } #bottom li #wp-calendar tbody .pad { background: none; } /* Tag Cloud widget */ #bottom .tagcloud { overflow: hidden; } #bottom .tagcloud a { display: block; float: left; padding: 6px 10px 7px 18px; position: relative; color: #fff; background-color: #404040; /*font-size: 0.78em;*/ line-height: 1.2em; margin: 0 1px 1px 0; text-decoration: none; font-size: 12px !important; } #bottom .tagcloud a:hover { background: #ddd; color: #444; } #bottom .tagcloud a:after { background: #fff; content: ""; height: 4px; position: absolute; left: 7px; top: 11px; width: 4px; z-index: 999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*-----------------------------------------------------------------------------------*/ /* 15. Footer Area Styles /*-----------------------------------------------------------------------------------*/ #footer-wrap { height: 40px; background-color: #11120e; width: 100%; } #footer { width: 1150px; margin: 0 auto; } #footer p { font-size: 12px; color: #666; line-height: 40px; } #footer a { color: #bdbdbd; } #footer a:hover, #footer a:focus { color: #fff; } #footer .copyright { float: left; } #footer .dnd { float: right; } /*-----------------------------------------------------------------------------------*/ /* 16. Submit Recipe Page Styles /*-----------------------------------------------------------------------------------*/ #recipe-form #recipe-image { } #recipe-form input[type="text"] { padding: 5px; } #recipe-form fieldset { margin: 0 0 20px 0; position: relative; max-width: 100%; } #recipe-form label { display: block; color: #6F716B; font-size: 16px; margin: 0 0 10px 0; } #recipe-form label.error { color: red; font-size: 12px; position: absolute; top: 0; right: 0; } #recipe-form #title { width: 400px; } #recipe-form fieldset .more-ingre { font-size: 35px; position: absolute; right: 0; bottom: 20px; cursor: pointer; } #recipe-form .incobjs input { margin-bottom: 15px; } #recipe-form .incobjs input:last-child { margin-bottom: 0; } #recipe-form #short-description { width: 96%; } .logout_link { display: block; margin: 0 0 5px; text-align: right; } #recipe-form .recipe-title input.error { border: 1px solid red; } #recipe-form .content textarea.error { border: 1px solid red; } #recipe-form span.note { display: block; color: #1D7DA3; margin: 0 0 10px 0; font-size: 10px; } #recipe-form .recipe-detail { margin-bottom: 0; } #recipe-form .recipe-detail label { display: inline-block; margin-right: 10px; } #recipe-form .recipe-detail div { margin-bottom: 20px; } #recipe-form .recipe-detail input { width: 30px; margin-right: 20px; } #recipe-form .recipe-detail input#yield { width: 200px; } #recipe-form .recipe-categories { } #recipe-form .recipe-categories label { width: 120px; display: inline-block; } #recipe-form .recipe-categories label.for-tags { width: auto; margin-right: 10px; } #recipe-form .recipe-categories span.note { display: inline; } #recipe-form .recipe-categories div { margin-bottom: 20px; } #recipe-form .recipe-categories input#tags { width: 300px; margin-right: 10px; } #recipe-form .recipe-categories select { width: 120px; border: 1px solid #efefef; color: #6F716B; padding: 5px; box-shadow: 0 2px 6px #E2E2E2 inset; } #recipe-form input[type="submit"] { height: 27px; padding: 0 13px; background: url(images/button-bg-pink.png) repeat-x; cursor: pointer; } #recipe-form input[type="submit"]:hover { background-position: bottom; } #left-area .recipe-message { background: #ebecee; padding: 15px 20px; margin: 10px 0 20px; } #left-area .recipe-message h3 { color: #1D7DA3; } #left-area .recipe-message h4 { color: #1D7DA3; } #login-signup-forgot label { width: 100px; color: #6F716B; font-size: 14px; margin: 0 0 10px 0; } #login-signup-forgot label.checkbox-label { width: auto; margin-bottom: 20px; } #login-signup-forgot label.forgot-email { width: auto; margin-right: 10px; } #login-signup-forgot input[type="submit"] { height: 27px; padding: 0 13px 3px; background: url(images/button-bg-pink.png) repeat-x; cursor: pointer; } #login-signup-forgot input[type="submit"]:hover { background-position: bottom; } .top-ads-area { padding: 25px 0 0; text-align: center; } .bot-ads-area { padding: 15px 0 25px; text-align: center; min-height: 30px; } #recipe-form #wp-description-editor-container, #recipe-form fieldset.content table { padding: 0; margin: 0; border: 1px solid #e5eff8; } #recipe-form fieldset.content td { padding: 0 2px !important; height: auto !important; line-height: normal !important; border: none; } .full-vid { padding: 30px; height: 518px; } .full-vid iframe { width: 100% !important; height: 512px !important; } html #wpadminbar { z-index: 999999 !important; } /*-----------------------------------------------------------------------------------*/ /* 17. print styles /*-----------------------------------------------------------------------------------*/ @media print { * { color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } /*a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .adin300,.comments, .foodity-wrapper, #google_image_div, #skpos, img, #header-wrapper, #container .top-search, #container #sidebar, #container #respond, #container .info-right .rate-box, #container .info-right .more-recipe, #bottom-wrap, #footer-wrap { display: none; } } .ads-253x209{ text-align: center; } .hide{ display: none; } /* single */ .gallery .canvas .bx-wrapper .bx-controls .bx-controls-direction a{ border-width:0 0; } .gallery .canvas .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{ background-position: 0 0; } .gallery .canvas .bx-wrapper .bx-controls-direction a{ height:50px; } .gallery .canvas .bx-wrapper .bx-controls-direction a{ height:50px; } .gallery .canvas .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(/images/slider-controls-left1.png); background-image: url(/images/slider-controls-left.svg); background-size:100px 50px; background-position:0px 0px; background-repeat:no-repeat; width:50px; z-index:999999; background-color:#99bd36; } .gallery .canvas .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(/images/slider-controls-right1.png) !important; background-image: url(/images/slider-controls-right.svg) !important; background-size:100px 50px !important; background-position:-50px 0px !important; background-repeat:no-repeat !important; width:50px !important; z-index:999999 !important; background-color:#99bd36 !important; } .ffSelect{ z-index:2000 !important; } .slider li{ margin-left:0px !important; } .expand{ background:none !important; } .galleries p{ font-family:Average !important; } .galleries .txt-btn{ font-family:Average !important; font-size:16px; color:#99bd36 !important; } .gallery .caption .count .current{ color:#99bd36 !important; } .gallery .caption .count{ font-size:28px !important; } .galleries .h1.title, .galleries h3.title{ font-family:Georgia !important; text-transform:none; font-style:italic; } .galleries .title, .galleries h4.title{ font-family:Georgia !important; text-transform:none; } .gallery .h1.title{ background-color:#99bd36 !important; font-family:Georgia !important; } .gallery .h1.title{ font-size:28px !important; text-transform:none !important; } .entry-content p, .entry-content li{ color:#1e282f !important; } .entry-content a { color: #99bd36; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{ color:#1e282f !important; 267} hr { border-top: 1px solid #cbc0aa; margin: 0; position: relative; z-index: 200; } hr::after { background-size: 31px 28px; content: url("/images/X-01.svg"); display: block; height: 28px; left: 50%; margin-left: -14px; position: absolute; text-align: center; top: -16px; width: 31px; } .btn :hover{ color:#ffffff !important; } .news-and-features #share-bar-vt .r1-share{ padding-top:90px !important; } .wpsp-page-nav, .wpsp-page-nav-form { display: inline; float: left; } .wpsp-page-nav a { color: #999 !important; } .wpsp-page-nav { display: table-cell; padding-left: 160px; } .wpsp-page-nav .page-numbers { display: inline-block; font-family: Georgia; font-size: 18px; line-height: normal; padding: 0.428571rem 0.857142rem; text-align: center; text-decoration: none; vertical-align: top; } .wpsp-page-nav .prev { } .wpsp-page-nav .page-numbers:hover, .wpsp-page-nav .page-numbers.current { color: #33d3a7; } 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; vertical-align: baseline; letter-spacing: normal; } body { line-height: 1.4; } 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; } caption, th, td { /*font-weight: normal;*/ text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } h2{ margin-top:40px !important; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } a.page-numbers.current { background-color: #99bd36; color: #fff !important; border-radius: 24px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } strong{ /*font-weight:bold !important;*/ } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /* =Repeatable patterns -------------------------------------------------------------- */ /* Small headers */ .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 10px; font-size: 0.785714286rem; line-height: 2.181818182; /*font-weight: bold;*/ text-transform: uppercase; color: #636363; } /* Shared Post Format styling */ article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 10px; font-size: 0.785714286rem; line-height: 2.181818182; } /* Global css */ /#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #5e6063 !important; font-family: "cf_asty_st", serif; font-size: 36px; line-height: 40px; font-style: normal;} .entry-header > .single_post_meta > p{ font-family: "ThemaTitloiLightBold", Georgia; font-size: 12px; line-height: 15px; margin-top: 15px; } .entry-content > p, , .entry-content li{ font-family: "cf_asty_st", Georgia; font-size: 12px; line-height: 15px; } /* Form fields, general styles first */ button, input, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; } button, input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } /* Reset non-text input types */ input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; } /* Buttons */ .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 10px; font-size: 0.785714286rem; line-height: 1.428571429; /*font-weight: normal;*/ color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } .menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); } .menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #82a02e !important; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; } .bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* Navigation */ .site-content nav { clear: both; line-height: 2; overflow: hidden; } #nav-above { padding: 24px 0; padding: 1.714285714rem 0; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous, .previous-image { float: left; width: 50%; } .nav-next, .next-image { float: right; text-align: right; width: 50%; } .nav-single + .comments-area, #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; } /* Author profiles */ .author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; } .author-description p { color: #757575; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; } .author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; } .author.archive .author-avatar { margin-top: 0; } /* =Basic structure -------------------------------------------------------------- */ /* Body, links, basics */ html { font-size: 87.5%; } body { font-size: 14px; font-size: 1rem; text-rendering: optimizeLegibility; color: #444; } _::-webkit-full-page-media, _:future, :root body { text-rendering: auto; } a, a:visited, a:active { outline: none; text-decoration:none; } .jw-button{ /*font-weight:700;*/ font-size:13px; position:relative; } /* Assistive text */ .assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .main-navigation .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ } /* Page structure */ .site { padding: 0 24px; padding: 0 1.714285714rem; background-color: #ffffff; font-family: Average; } .site #content{ font-family: Average; } .title, .title a{ font-family: Georgia ; color:#1e282f!important; /*font-weight: normal!important;*/ } .title a:hover{ color:#99bd36!important; } #main{ position: relative; z-index:0; } #main-header{} .site-content{ margin: 24px 0 0; float:left; width:100%; padding-right:320px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .widget-area{ margin: 24px 0 0; width: 320px; padding: 36px 0 0 20px; position: absolute; top:0; right:0; } #main div#content{ overflow:visible; } /* Header */ .site-header { padding: 24px 0; padding: 1.714285714rem 0; } .site-header h1, .site-header h2 { text-align: center; } .site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; } .site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; } .site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; } .site-header h2 { /*font-weight: normal;*/ font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .header-image { margin-top: 24px; margin-top: 1.714285714rem; } /* Navigation Menu */ .main-navigation { margin-top: 24px; margin-top: 1.714285714rem; text-align: center; } .main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; } .main-navigation a { color: #5e5e5e; } .main-navigation a:hover { color: #21759b; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; } .main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; } /* Banner */ section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; } /* Authors */ .our_authors h2{ color: #1e282f; text-align: center; } .our_authors p{ color: #666666; padding: 5px 5px 30px 5px; } #all-outhors{ border-top: 1px dashed #ccc; clear: both; position: relative; top: 40px; padding-top: 30px; } #all-outhors h2{ margin: 0; margin-bottom: 65px; } #authors-sidebar{ float: left; padding-top: 140px; height: 587px; border-bottom: 1px dashed #ccc; } .top_authors{ display: block; float: left; padding: 0.2em; text-align: center; background: #fff; margin: 5px; height: auto; width: 190px; height:380px; box-shadow: 0 0 3px 3px #AAAAAA; } .top_authors img{ padding-top: 6px; } .top_authors .name{ display: block; font-size: .85em; color: #666666; font-size: 16px; /*font-weight: bold;*/ margin: 0 5px; line-height: 16px; text-transform: uppercase; border-bottom: 1px solid #1e282f; padding: 5px 0; } .top_authors .author_desc{ padding: 10px 8px; text-align: left; font-size: 12px; line-height: 15px; color:#666666; } .authors_link{ text-align: left; margin: 0 8px; font-size: 10px; line-height: 12px; letter-spacing: -0.1px; padding-bottom: 15px; } .all_blogs{ clear: both; width: 190px; margin: 0 auto; font-size: 18px; /*font-weight: bold;*/ padding-top: 30px; } #authors-news-container{ float:left; width:300px; } #authors-news-container h2{ color:#1e282f; text-align:center; } #authors-news{ width: 265px; margin: 0 auto; } /* Sidebars */ .jo_widget li{ list-style-type:none; } .jo_widget{ padding:0 10px 5px 10px; } #jo-widget{ margin-top:20px; } .bloggers_list{ background: #fff; padding: 20px; } .bloggers_list a:hover { color: #99bd36; } .bloggers_list h3{ margin: -8px 0px 10px 0px; padding: 0px 0px 10px 0px; line-height: 21px; text-transform: none; /*font-weight: normal;*/ font-size: 14px; text-align: center; display: block; border-bottom: 1px solid #999; letter-spacing: 0px; } .bloggers_list ul{ padding:0 10px; } .bloggers_list ul li{ display: block; width:100%; margin: 5px 0; padding: 5px 0; border-bottom: 1px dashed #ccc; } .bloggers_list a{ color:#666; display: table; /*font-weight: bold;*/ text-transform: uppercase; } #most-read a{ /*font-weight: normal !important;*/ } .bloggers_list a img{ width: 85px; padding-right:10px; } .bloggers_list a span{ display: table-cell; vertical-align: middle; height:85px; } .bloggers_desc{ background: #fff; padding: 20px; } .bloggers_desc h3{ margin: -8px 0px 10px 0px; padding: 0px 0px 10px 0px; font-family: Georgia; line-height: 21px; text-transform: none; /*font-weight: bold;*/ font-size: 14px; text-align: center; display: block; border-bottom: 1px solid #999; letter-spacing: 0px; } .bloggers_desc p{ line-height: 18px !important; letter-spacing: 0px !important; font-size: 12px; line-height: 22px; color: #666; letter-spacing: 1px; } .bloggers_desc span{ text-transform:uppercase; /*font-weight:bold;*/ } .bloggers_desc a{ color:#666; } .bloggers_desc img{ padding: 0px 0px 10px 60px; } .widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 20px; margin-bottom: 1.428571429rem; word-wrap: break-word; background:#fff; padding:8px 0px 8px 20px; float: left; width: 100%; height: 100%; } .widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; } /* Footer */ footer[role="contentinfo"] { border-top: 1px solid #ededed; clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; max-width: 960px; max-width: 68.571428571rem; margin-top: 24px; margin-top: 1.714285714rem; margin-left: auto; margin-right: auto; padding: 24px 0; padding: 1.714285714rem 0; } footer[role="contentinfo"] a { color: #686868; } footer[role="contentinfo"] a:hover { color: #21759b; } /* =Main content and comment content -------------------------------------------------------------- */ .entry-meta { clear: both; } #nb-mobile-entry-meta{ display:none; } .entry-header { line-height: 14px; font-size: 10px; color: #999; letter-spacing: 0; display: block; width: 100%; float: left; margin-top: 20px; } .entry-header img.wp-post-image { /*margin-bottom: 24px;*/ margin-bottom: 0.814285714rem; margin-top:8px; } .entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; /*font-weight: normal;*/ padding: 0; margin: 0; } .entry-header .entry-title a { text-decoration: none; color: #1e282f; } .entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; /*font-weight: normal;*/ } .entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .comments-link a, .entry-meta a { color: #757575; } .comments-link a:hover, .entry-meta a:hover { color: #21759b; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 12px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .entry-content, .entry-summary, .mu_register { line-height: 1.714285714; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; font-family: HelveticaNeueLT-Light,"Helvetica Neue",Helvetica,Arial,sans-serif !important; /*font-weight: normal;*/ } .entry-content h1, .comment-content h1 { font-size: 20px; font-size: 1.5rem; line-height: 1.5; } .entry-content h2, .comment-content h2, .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; } .entry-content h3, .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; } .entry-content h4, .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; } .entry-content h5, .comment-content h5 { font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; } .entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p, .entry-content li { margin: 0 0 24px !important; margin: 0 0 1.714285714rem !important; font-size: 18px !important; line-height: 22px !important; background:none !important; } .entry-content p span{ background:none !important; font-size: 16px !important; line-height: 22px !important; } .entry-content .lead{ background:none !important; font-size: 18px !important; line-height: 22px !important; } .entry-content p strong{ /*font-weight: bold !important;*/ } .continue_reading{ width: 300px; margin: auto; } .continue_reading a:hover { background: #99bd36; } .con_read_link { color: #BE2525!important; font-size:16px; line-height:1; margin: 0; text-decoration: none; width: 100%; text-transform: uppercase; text-align: center; cursor: pointer; display: block; padding: 8px; background: #f6f6f6; border: 1px solid #c5c5c5; border-radius: 5px; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; font-size: 16px !important; } .entry-content ol, .comment-content ol { list-style: decimal outside; font-size: 14px !important; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; } .entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; } .entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; } .entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry-content pre code, .comment-content pre code { display: block; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; } .entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; } img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry-content dt, .comment-content dt { /*font-weight: bold;*/ line-height: 1.714285714; } .entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .site-content article { margin-bottom: 37px; margin-bottom: 2.342857143rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .page-links { clear: both; line-height: 1.714285714; } footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .single-author .entry-meta .by-author { display: none; } .mu_register h2 { color: #757575; /*font-weight: normal;*/ } /* =Archives -------------------------------------------------------------- */ .archive-header, .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; } .archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; } /* =Single image attachment view -------------------------------------------------------------- */ .article.attachment { overflow: hidden; } .image-attachment div.attachment { text-align: center; } .image-attachment div.attachment p { text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; } /* Entry Header -------------------------------------------------------------- */ .entry-header .single_title, .entry-header .single_title_list, .entry-header .single_title a{ font-family: 'cf_asty_st'; /*font-style: italic;*/ color: #1e282f; font-size: 41px; /*font-weight: normal;*/ letter-spacing: 0; line-height: 44px; margin: 0 0 10px; } /* =Aside post format -------------------------------------------------------------- */ article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } article.format-aside h1 a { text-decoration: none; color: #4d525a; } article.format-aside h1 a:hover { color: #2e3542; } article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; } article.format-aside p { font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; } /* =Post formats -------------------------------------------------------------- */ /* Image posts */ article.format-image footer h1 { font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; /*font-weight: normal;*/ } article.format-image footer h2 { font-size: 10px; font-size: 0.785714286rem; line-height: 2.181818182; } article.format-image footer a h2 { /*font-weight: normal;*/ } /* Link posts */ article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 10px; font-size: 0.785714286rem; line-height: 2.181818182; /*font-weight: bold;*/ font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; } article.format-link .entry-content { max-width: 80%; float: left; } article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; } /* Quote posts */ article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; } article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 14px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; } /* Status posts */ .format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .format-status .entry-header header { display: inline-block; } .format-status .entry-header h1 { font-size: 14px; font-size: 1.071428571rem; /*font-weight: normal;*/ line-height: 1.6; margin: 0; } .format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; /*font-weight: normal;*/ line-height: 2; margin: 0; } .format-status .entry-header header a { color: #757575; } .format-status .entry-header header a:hover { color: #21759b; } .format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; } /* =Comments -------------------------------------------------------------- */ .comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; /*font-weight: normal;*/ } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 14px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area cite b { /*font-weight: normal;*/ } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; /*font-weight: normal;*/ color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } .comments-area .bypostauthor cite b { /*font-weight: bold;*/ } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; /*font-weight: normal;*/ font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } .page-heading{ width:100%; text-align: center; color: #1e282f; margin: 30px 0; } .page-heading h2{ margin:0; padding:0; font-family: 'ThemaUtotitloiLightItalic'!important; /*font-weight: normal;*/ font-size:36px; line-height: 1; } .entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 12px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; } /* ------------------------------- News and features landing page template /* ------------------------------- */ #primary #blog-header{ width:100%; text-align: center; border:none; } #primary .archive_blogs, #primary .search_blogs{ width:50%; display:inline-block; float:left; position:relative; } #primary .search_form{ } .faq-filter-drop{ height:42px; background-color:#99bd36; color:#ffffff; font-family:'Montserrat', Georgia; font-size:12px; /*font-weight:700;*/ line-height:42px; padding-left:15px; text-align:left; position:absolute; width:100%; cursor:pointer; } .faq-filter-drop .menu-arrow-white{ background-image:url('images/menu-arrow-white.png'); background-repeat:no-repeat; width:26px; height:15px; float:right; margin-top:20px; margin-right:10px; -webkit-transition: -webkit-transform 150ms ease; -moz-transition: -moz-transform 150ms ease; transition: transform 150ms ease; } .faq-filter-drop .active{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #primary #blog-header .ffSelectWrapper{ text-align: left; } .landing-page.widget-area{ padding-top:105px; } .landing-page-heading{ text-align: center; color: #1e282f; font-family: Georgia, "serif"; font-size: 35px; /*font-weight: normal;*/ line-height: 1; letter-spacing: -1px; margin:0 0 30px 0; font-style:italic; } .landing-page-heading a{ color:#1e282f; font-family: Georgia; /*font-weight: normal;*/ fint-size:36px; line-height: 1; font-style:italic; } .widget-area .landing-page-heading{ margin-bottom:20px; } .widget-area .archive_news .ffSelectWrapper{ margin: 0 0 20px 0; } .widget-area .news-list{ float:left; padding:15px 0; } .widget-area .news-list img{ width:100%; margin-bottom:5px; } .widget-area .news-list .sidebar-title{ color: #1e282f; font-size: 20px; margin: 0px; line-height:1.2; letter-spacing: 0; text-decoration: none; margin: 0; overflow: hidden; /*font-weight: normal;*/ width: 265px; font-style:italic; } .widget-area .news-list span{ line-height: 14px; font-size: 10px; color: #999; font-family: Arial; letter-spacing: 0; display: block; width: 100%; float: left; margin-top: 3px; } .see_all{ margin: 0 auto; width: 162px; padding-top: 30px; } .see_all a{ float: left; padding: 5px 10px; margin:0 0 20px 0; text-decoration: none; text-transform: uppercase; display: block; width: 140px; line-height: 1 font-size: 12px; text-align: center; color: #be2525; background: #f5f5f5; border: 1px solid #cecece; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .landing-page .entry-header.panel{ margin-top:0; margin-bottom:20px; } .landing-page .panel .post_img_wrapper{ width:50%; float: left; clear:none; } .landing-page .panel .post_img_wrapper img{ display: block; width:100%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; padding:10px; margin:0; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow:none; } .landing-page .panel .post_content{ float: left; clear: none; width:50%; } .landing-page .panel .entry-title-list a { display:block; color: #1e282f ; font-size: 20px; line-height: 1; /*font-weight: normal;*/ margin: 0 0 5px !important; text-decoration: none; font-style:italic; } .landing-page .panel .post_content .single_post_meta{ padding:10px 10px 10px 0; } .landing-page .panel .post_content .single_post_meta .mob_excerpt{ margin-top:10px; } /* =Widgets -------------------------------------------------------------- */ .w-archives{ margin: 0 auto; width: 15%; padding-bottom: 10px; } .archive_blogs{ margin: 0 auto; width: 200px; padding-bottom: 10px; } .nb_fields{ width: 200px; margin:0 auto; } #nb-category-field{ float:right; padding-right:60px; } .widget-area h3{ font-family: Georgia!important; line-height: 21px; text-transform: none; /*font-weight: normal;*/ font-size: 22px; color: #666 !important; margin-top: 3px; margin-bottom: 10px; padding-bottom: 10px; text-align: center; display: block; border-bottom: 1px solid #999; letter-spacing: 0px; font-style:italic; } /* Categories Widget */ .widget-area .DisplayCategoriesWidget .cat-item{ background: none repeat scroll 0 0 #F7EDE0; border: 1px solid #999999; border-radius: 3px 3px 3px 3px; color: #999999; display: block; float: left; font-size: 10px; line-height: 14px; margin: 0 4px 10px 0; padding: 2px 8px; } .widget-area .DisplayCategoriesWidget .cat-item a:hover { background-color: #e2d9ce; color: #666; } .widget-area .DisplayCategoriesWidget .cat-item .children{ display:none; } /* ----- */ /* Featured Authors Widget */ .widget-area .featured-authors .cd-fa-wrap ul{ display:none; } .widget-area .featured-authors .cd-fa-wrap .avatar-wrap{ display:inline; } .widget-area .featured-authors .cd-fa-wrap .cd-fa-info{ display:inline; position: relative; bottom: 28px; left: 15px; } /* ----- */ .widget_archive select{ width: 140px; padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 1px 0 #ccc, 0 -1px #fff inset; background: #f8f8f8; color:#888; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; } .widget_archive {position:relative} .widget_archive:after { content:'>'; font:14px "Consolas", monospace; color:#aaa; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:10px; top:5px; padding:0 0 2px; border-bottom:1px solid #ddd; position:absolute; pointer-events:none; } .widget_archive:before { content:''; right:6px; top:0px; width:20px; height:20px; background:#f8f8f8; position:absolute; pointer-events:none; display:block; } .widgettitle{ display:none; } .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; } .widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 10px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; } #blog-header{ border-bottom: 1px dashed #CCC; padding-bottom: 21px; color: #666; float:left; } .explore_cats{ width: 640px; float: left; /*font-weight: bold;*/ } .explore_cats_mob a{ display:none; } .post_img_mob_wrapper{ display:none; } .post_wrapper{ width: 100%; background: #fff; float: left; } .single_post_img_wrapper{ position: relative; margin-bottom: 0px; display: block; } .single_post_meta{ line-height: 1.5; font-size: 16px; color: #1e282f !important; /* height: 138px;*/ } .single_post_meta a{ color:#a3865b; } .single_post_meta a:hover { color: #99bd36; } .single_post_meta_list{ line-height: 1.5; font-size: 12px; color: #666 !important; padding-bottom: 8px; } /* single page bottom modules*/ .bottom-module #recipe_social{ height:auto!important; margin-bottom:20px!important; } .bottom-module h2{ display: inline; color: #1e282f; font-size: 18px; line-height: 1; /*font-weight: bold;*/ text-transform: uppercase; margin-top:0; } .bottom-module p{ margin:10px 0; } #post-categories h2 { float: left; width: 100px; margin:0; } #post-categories span { } #more-news h2{ display:block; margin:0.5em 0; font-size:22px; line-height: 1; } .more-news{ width: 300px; margin: 10px 0px 10px 0px; float: left; height: 100px; overflow:hidden; } .more-news img{ width: 70px; height: 70px; background: none repeat scroll 0 0 white; border: 1px solid #EEE; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 1px 2px #CCC; float: left; margin-right: 15px; padding:4px; } .more-news h3{ font-size: 18px; line-height: 1; text-transform: uppercase; display: inline; /*font-weight: bold;*/ padding-right:15px; } .more-news small{ line-height: 1.3em; display: block; margin: 10px 0; } /* pagination */ .wp-smart-pagination{ display: block; width:100%; margin-bottom:20px; position: relative; } .wp-smart-pagination .wpsp-page-nav{ padding:0; width:100%; text-align: center; } .wpsp-page-nav .prev{ background:url("images/pagination-arrows.png") no-repeat scroll left top transparent; width: 40px; height: 36px; color:transparent !important; } .wpsp-page-nav .prev:hover { background:url("images/pagination-arrows.png") no-repeat scroll left bottom transparent; } .wpsp-page-nav .next{ background: url("images/pagination-arrows.png") no-repeat scroll right top transparent; width: 40px; height: 36px; color:transparent !important; } .wpsp-page-nav .next:hover { background: url("images/pagination-arrows.png") no-repeat scroll right bottom transparent; } .page-numbers{font-family: cf_asty_st!important;} /* end - bottom modules */ /* ------------------------------- Search form /* ------------------------------- */ .news_list{ margin-top:52px; } .btn:hover{ background-color:#99bd36; } .search_glass{ background-image: url("images/search_icon_small.svg"); background-image: url("images/search_icon_small.png"); background-size:38px 19px; background-repeat:no-repeat; width:19px; height:19px; background-position:-19px 0; position:absolute; top:10px; right:0px; cursor:pointer; } .search_glass:hover{ background-position:0px 0; } .search_form{ width:96%; float: left; position: relative; margin-left:15px; } .search_form input[type='text']{ font-family: Average !important; font-size: 22px; line-height: 20px; width: 100%; height: 40px; padding:0 30px 0 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:0px; color:#99bd36; border-radius:0px; } .gold_underline{ border-bottom:2px solid #a3865b; } .faq-filter-menu a:hover{ color:#99bd36; } .close-button{ cursor:pointer; } .faq-filter-menu{ display:none; border-left:1px solid #efefef; border-right:1px solid #efefef; border-bottom:1px solid #efefef; position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; z-index:1000; } .faq-filter-drop .menu-arrow-white { background-image: url("images/nf_arrow-dropdown.png"); background-image: url("images/nf_arrow-dropdown.svg"); background-repeat: no-repeat; float: right; height: 13px; margin-right: 10px; margin-top: 15px; transition: transform 150ms ease 0s; width: 22px; } .faq-filter-drop .active { transform: rotate(180deg); } .faq-filter-mobile { background: #ffffff none repeat scroll 0 0; color: #1e282f; font-family: "Montserrat",Georgia; font-size: 10px; /*font-weight: 700;*/ line-height: 50px; text-align: left; text-transform: uppercase; height:200px; overflow-y:scroll; margin-top:50px; } .faq-filter-mobile ul { list-style: outside none none; margin: 0; padding-left: 15px; } .faq-filter-mobile ul li { height: 50px; } .faq-filter-mobile img { float: right; margin-right: 20px; margin-top: 20px; } .faq-filter-menu { display: none; } .close-filter-drop { background-color: #ffffff; padding: 20px 15px; } .close-filter-drop .close-button { background-color: #99bd36; color: #ffffff; font-family: "Montserrat",Georgia; font-size: 12px; /*font-weight: 700;*/ height: 35px; line-height: 35px; text-align: center; } .search_form input[type='submit']{ position: absolute; right: 0; width: 32px; height: 28px; overflow: hidden; border: 0px solid #ffffff; background: transparent url(images/global_search_submit.png) 0 0; text-indent: -99999px; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; top:0; } .search_form ::-webkit-input-placeholder { color:#1e282f; font-size:22px;font-family:'Average', serif;; } .search_form ::-moz-placeholder { color:#1e282f; font-size:22px;font-family:'Average', serif;;} /* firefox 19+ */ .search_form :-ms-input-placeholder { color:#1e282f;font-size:22px; font-family:'Average', serif;;} /* ie */ .search_form input:-moz-placeholder { color:#1e282f;font-size:22px; font-family:'Average', serif;; } .widget-area .search_form{ float:none; margin-left:auto; margin-right:auto; margin-bottom:20px; } body.archive #content h1{ letter-spacing:normal!important; } /* ------------------------------- Advert units / MPU /* ------------------------------- */ .widget-area .ad-unit{ margin-bottom:20px; } .widget-area .ad-unit:after{ content:'Advertisement'; text-transform: uppercase; color: #666; font-size:10px; line-height: 1; } /* ------------------------------- Styled select fields (fancyfields) /* ------------------------------- */ .nb_fields .ffSelectWrapper{ margin-top:0; } /* ------------------------------- Twitter widget /* ------------------------------- */ .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; } /* ------------------------------- Post footer /* ------------------------------- */ .post-author-info{ float:left; clear:both; width:100%; padding:0; margin:0 0 20px 0; } .post-author-info .author-image, .post-author-info .author-description{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .post-author-info .author-image{ float: left; width:20%; padding-right:20px; } .post-author-info .author-image img{ max-width:100%; height:auto; } .post-author-info .author-description{ float: left; width:80%; } /* ------------------------------- Site footer /* ------------------------------- */ /* =Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } /* =Media queries -------------------------------------------------------------- */ /* Mobile - Maximum width of 650 pixels. */ @media screen and (max-width: 650px){ body{ background:#FFFFFF!important; } .search_form input[type='text']{ margin-top:50px; } .search_glass{ top:60px; } .search_form { margin-left:0px; } .site{ padding:0 20px; margin: 0 auto !important; } .site-content{ float:none !important; display:block !important; width:100%; padding-right:0; } .widget-area{ display:none; } .page-heading{ margin:0; padding:20px 0 5px 0; } .continue_reading { display: none; } .archive_blogs{ margin: 0 auto; width: 200px; padding: 10px 0 20px 0; float:left; } .explore_cats { display: none; } .explore_cats_mob a{ display:block; text-align: center; padding-top: 8px; /*font-weight: bold;*/ } .landing-page .panel .post_img_wrapper{ width:100%; } .post_img_mob_wrapper{ display:inline; margin:0 auto; } .img_cover{ } .post_img_mob_wrapper a{ width:200% !important; } .mob_excerpt{ position: relative; display:block; } .bottom-module h2{ bottom:0; } .bottom-module p{ bottom:0; } .top_authors{ float:none; margin:0 auto; margin-bottom:10px; } .all_blogs{ width:145px; } .authors-page{ border-right: 0px; width: 100% !important; } .authors-page p{ line-height:17px; } .authors-page h2{ font-size:26px; color:#1e282f !important; } #authors-sidebar{ display:none; } #authors-news-container h2{ font-size: 26px; margin-top: 25px; border-top: 1px dashed #ccc; padding-top: 20px; } #landing-news{ width:300px; } /* mobile pagination */ .wpsp-page-nav{ padding-left:0; } .wpsp-page-nav .prev{ padding:6px 12px !important; } .wpsp-page-nav .next{ padding:6px 12px !important; } .wpsp-page-nav .page-numbers{ padding:6px 8px; } /* mobile social - single page */ .addthis_toolbox{ margin:5px 0 !important; } .bloggers_list{ display:none; } .sidebar2{ display:none; } .single_post_meta{ width: auto; padding:10px; margin: 0; } #mobile-disabled{ display:none; } .entry-header{ float:none; } .entry-header .single_title{ font-size:30px; padding:5px 0 5px 0; } .entry-header .entry-title{ font-size: 18px; /*font-weight: bold;*/ text-transform: uppercase; line-height: 16px; letter-spacing: 0; margin-top: 10px; } .entry-header .entry-title a{ text-align:left; } #nb-entry-meta{ display:none; } #nb-mobile-entry-meta{ display:block; } #post-social-media{ margin-bottom:15px; } #blog-header{float:none !important;} .landing-page .entry-header.panel{ float:left; } .landing-page .panel .post_content .single_post_meta{ padding:10px; } .landing-page .panel .post_content{ width:100%; } #primary .archive_blogs, #primary .search_blogs, #primary .search_form{ width:98%; } } /* #### Mobile Phones Landscape #### */ @media screen and (max-device-width: 640px) and (orientation: landscape){ } /* Mobile landscape */ @media only screen and (max-width: 413px) and (orientation:portrait) { .recipe-left-col{ padding-left: 0px!important; padding-right: 0px!important; } } @media only screen and (min-width: 414px) and (max-width: 767px) { #recipe-single .method-nav-bar,#recipe-single .recipe-method-nav{right: -45px!important;} } .vertical-text, .method-mobile-prompt-text {font-family: "cf_asty_st"!important;font-size: 16px!important;line-height: 1.1!important;letter-spacing: 1.8px!important;} /* iPad - portrait layouts only */ @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) { .site-content{ width:100%; padding:0 50px 0 50px !important; } .widget-area{ width:100%; position: relative; float: left; border:none; margin:0; padding:0 50px 0 50px !important; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; } .authors-page h2 { font-size: 26px; color: #1e282f !important; padding-top:30px; } .authors-page{ border-right:0; } #authors-sidebar{ padding-top:40px; padding-left:50px; } #authors-news-container h2{ font-size: 26px; color: #1e282f !important; } .widget-area .news-list{ box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; width:50%; padding:0 10px; } } /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { .author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; } .author-description { float: right; width: 80%; } .site { margin: 0 auto; max-width: 960px; } body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content { width: 100%; } .site-header h1, .site-header h2 { text-align: left; } .site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover { color: #000; } .main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; } .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; } .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul { border-left: 0; display: block; } .main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 10px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; } .main-navigation li ul li a:hover { background: #e3e3e3; color: #444; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #636363; /*font-weight: bold;*/ } .menu-toggle { display: none; } .entry-header .single_title{ font-size: 2.0em; font-size: 41px; margin: 0 0 5px; } .entry-header .single_title_list{ font-size: 2.0em; font-size: 30px; margin: 0 0 5px; } .entry-header .single_title_list a { color:#1e282f!important; } #respond form input[type="text"] { width: 46.333333333%; } #respond form textarea.blog-textarea { width: 79.666666667%; } .template-front-page .site-content, .template-front-page article { overflow: hidden; } .template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; } .entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; } .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .template-front-page .widget-area .widget:nth-child(odd) { clear: right; } .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { body { /*background-color: #e6e6e6;*/ background:#ffffff!important; } a:hover img { opacity: 0.8; filter: alpha(opacity=80); } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } a { text-decoration: none; color: #01b1ed } .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; } .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } .site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; } .site-header h1 { font-size: 21pt; line-height: 1; text-align: left; } .site-header h2 { color: #000; font-size: 10pt; text-align: left; } .site-header h1 a, .site-header h2 a { color: #000; } .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation { display: none; } .wrapper { border-top: none; box-shadow: none; } .site-content { margin: 0; width: auto; } .singular .entry-header .entry-meta { position: static; } .singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title { margin: 0; width: 100%; } .entry-header .entry-title, .entry-title, .singular .entry-title { font-size: 21pt; } footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; } .author-description { float: none; width: auto; } /* Comments */ .commentlist > li.comment { background: none; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .comments-area article header cite, .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; } } /* Embedded galleries, override important settings above */ .entry-content .galleries .h1.title{ color: #fff!important; } .entry-content .galleries p{ color: #352d2a; line-height: 1.5!important; letter-spacing: inherit!important; margin-bottom:5px!important; } @media (min-width: 480px) { .container{ width:480px; } } @media (min-width: 768px) { .container{ width:770px; } } @media (min-width: 992px) { .container{ width:990px; } } @media (min-width: 1200px) { .container{ width:1150px; } } @media (min-width: 1490px) { /*.container{ width:1440px; }*/ } /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Initially generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=423375e025d92d1e5582) * Config saved to config.json and https://gist.github.com/423375e025d92d1e5582 */ /*! * NOTE: This is a custom version of Bootstrap v3.3.4 for JamieOliver.com that adds in a new 'col-sd' (small desktop) breakpoint. */ img, legend { border: 0 } legend, td, th { padding: 0 } a, body { color: #1e282f } a, a:focus, a:hover { text-decoration: none } body, figure { margin: 0 } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: transparent } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, optgroup, strong { /*font-weight: 700*/ } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } .img-thumbnail, body { background-color: #f7f7f7 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { vertical-align: middle } svg:not(:root) { overflow: hidden } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre, textarea { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } table { border-collapse: collapse; border-spacing: 0 } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143 } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a:focus, a:hover { color: #99bd36; } a:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .container, .container-fluid { padding-left: 25px; padding-right: 25px; margin-right: auto; margin-left: auto } [role=button] { cursor: pointer } @media (min-width:768px) { .container { width: 770px } } @media (min-width:992px) { .container { width: 990px } } @media (min-width:1200px) { .container { width: 1150px } } /*@media (min-width:1490px) { .container { width: 1440px } }*/ .row { margin-left: -25px; margin-right: -25px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sd-1, .col-sd-10, .col-sd-11, .col-sd-12, .col-sd-2, .col-sd-3, .col-sd-4, .col-sd-5, .col-sd-6, .col-sd-7, .col-sd-8, .col-sd-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 25px; padding-right: 25px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .homepage #popular-categories .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-sd-1, .col-sd-10, .col-sd-11, .col-sd-12, .col-sd-2, .col-sd-3, .col-sd-4, .col-sd-5, .col-sd-6, .col-sd-7, .col-sd-8, .col-sd-9 { float: left } .col-sd-12 { width: 100% } .col-sd-11 { width: 91.66666667% } .col-sd-10 { width: 83.33333333% } .col-sd-9 { width: 75% } .col-sd-8 { width: 100%; } .col-sd-7 { width: 58.33333333% } .col-sd-6 { width: 50% } .col-sd-5 { width: 41.66666667% } .col-sd-4 { width: 33.33333333% } .col-sd-3 { width: 25% } .col-sd-2 { width: 16.66666667% } .col-sd-1 { width: 8.33333333% } .col-sd-pull-12 { right: 100% } .col-sd-pull-11 { right: 91.66666667% } .col-sd-pull-10 { right: 83.33333333% } .col-sd-pull-9 { right: 75% } .col-sd-pull-8 { right: 66.66666667% } .col-sd-pull-7 { right: 58.33333333% } .col-sd-pull-6 { right: 50% } .col-sd-pull-5 { right: 41.66666667% } .col-sd-pull-4 { right: 33.33333333% } .col-sd-pull-3 { right: 25% } .col-sd-pull-2 { right: 16.66666667% } .col-sd-pull-1 { right: 8.33333333% } .col-sd-pull-0 { right: auto } .col-sd-push-12 { left: 100% } .col-sd-push-11 { left: 91.66666667% } .col-sd-push-10 { left: 83.33333333% } .col-sd-push-9 { left: 75% } .col-sd-push-8 { left: 66.66666667% } .col-sd-push-7 { left: 58.33333333% } .col-sd-push-6 { left: 50% } .col-sd-push-5 { left: 41.66666667% } .col-sd-push-4 { left: 33.33333333% } .col-sd-push-3 { left: 25% } .col-sd-push-2 { left: 16.66666667% } .col-sd-push-1 { left: 8.33333333% } .col-sd-push-0 { left: auto } .col-sd-offset-12 { margin-left: 100% } .col-sd-offset-11 { margin-left: 91.66666667% } .col-sd-offset-10 { margin-left: 83.33333333% } .col-sd-offset-9 { margin-left: 75% } .col-sd-offset-8 { margin-left: 66.66666667% } .col-sd-offset-7 { margin-left: 58.33333333% } .col-sd-offset-6 { margin-left: 50% } .col-sd-offset-5 { margin-left: 41.66666667% } .col-sd-offset-4 { margin-left: 33.33333333% } .col-sd-offset-3 { margin-left: 25% } .col-sd-offset-2 { margin-left: 16.66666667% } .col-sd-offset-1 { margin-left: 8.33333333% } .col-sd-offset-0 { margin-left: 0 } } @media (min-width:1490px) { #popular-categories .col-lg-9, .col-lg-9 {width: 75%; float: left;} #popular-categories .col-lg-3 {width: 25%; float: left;} /*.col-lg-4 {width: 33.33333333%} .container{width:1440px;}*/ } /*@media (min-width:1490px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } }*/ .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sd, .visible-sd-block, .visible-sd-inline, .visible-sd-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .affix { position: fixed } @-ms-viewport { width: device-width } @media (max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table } tr.visible-xs { display: table-row!important } td.visible-xs, th.visible-xs { display: table-cell!important } .visible-xs-block { display: block!important } .visible-xs-inline { display: inline!important } .visible-xs-inline-block { display: inline-block!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table } tr.visible-sm { display: table-row!important } td.visible-sm, th.visible-sm { display: table-cell!important } .visible-sm-block { display: block!important } .visible-sm-inline { display: inline!important } .visible-sm-inline-block { display: inline-block!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table } tr.visible-md { display: table-row!important } td.visible-md, th.visible-md { display: table-cell!important } .visible-md-block { display: block!important } .visible-md-inline { display: inline!important } .visible-md-inline-block { display: inline-block!important } } @media (min-width:1200px) and (max-width:1489px) { .visible-sd { display: block!important } table.visible-sd { display: table } tr.visible-sd { display: table-row!important } td.visible-sd, th.visible-sd { display: table-cell!important } .visible-sd-block { display: block!important } .visible-sd-inline { display: inline!important } .visible-sd-inline-block { display: inline-block!important } } /*@media (min-width:1490px) { .visible-lg { display: block!important } table.visible-lg { display: table } tr.visible-lg { display: table-row!important } td.visible-lg, th.visible-lg { display: table-cell!important } .visible-lg-block { display: block!important } .visible-lg-inline { display: inline!important } .visible-lg-inline-block { display: inline-block!important } }*/ @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important } } @media (min-width:1200px) and (max-width:1489px) { .hidden-sd { display: none!important } } @media (min-width:1490px) { .hidden-lg { display: none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table } tr.visible-print { display: table-row!important } td.visible-print, th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } .hidden-print { display: none!important } } /*J Recipe css */ .ad { height: auto; float: none; margin-top: 0px } .ad span { position: static; text-align: center; margin-left: 0; display: block; width: 100%; margin-top: 10px; /*font-weight: 700*/ } .show-desktop-ads .ad.mobile { display: none } .show-mobile-ads .ad.desktop { display: none } @media (max-width: 767px) { .show-desktop-ads .ad.desktop { display: none } } @media (min-width: 768px) { .show-mobile-ads .ad.mobile { display: none } } .listing-ad span { font-family: "Montserrat", Georgia; font-size: 10px; color: #1e282f; margin-top: 10px; display: block; width: 100%; /*font-weight: 700*/ } #recipe-single img { max-width: 100% } #recipe-single .comments { position: relative } #recipe-single .comments .fyre .fyre-comment-article, #recipe-single .comments .fyre .fyre-comment-stream { font-family: courier } #recipe-single ul { margin: 0; padding: 0 } #recipe-single ul li { margin: 10px 0 } #recipe-single ul li img { max-width: 80px; height: auto } #recipe-single h4 i { /*font-weight: normal;*/ color: red } #recipe-single iframe { max-width: 100% } .cat-header { text-align: center; font-size: 18px; color: #a3865b; margin-bottom: 30px } .cat-header h2 { margin-bottom: 5px } .cat-header h1 { color: #1e282f; font-size: 42px; font-family: 'ThemaUtotitloiLightItalic'; /*font-weight: normal;*/ margin-top: 73px } .cat-header p { font-family: "Average", serif; margin-top: 0px; margin-bottom: 0px } .cat-header p a { color: #a3865b; text-decoration: underline } .cat-header p a:hover { color: #a3865b } #recipe-cat-listing { background: #ffffff } #recipe-cat-listing h2 { font-size: 24px; font-style: italic } #recipe-cat-listing .recipe-block { margin-bottom: 60px } #recipe-cat-listing img { width: 100%; height: auto } #recipe-cat-listing .recipe-col { padding-left: 10px; padding-right: 10px } #recipe-cat-listing .recipe-details { margin-top: 20px; height: 50px } #recipe-cat-listing .recipe-title { display: block; font-family: "Average", serif; /*font-weight: lighter;*/ font-size: 18px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } #recipe-subcat-listing { background: #ffffff } #recipe-subcat-listing h2 { font-size: 24px; font-style: italic } #recipe-subcat-listing .recipe-block { margin-bottom: 60px; display: inline-block } #recipe-subcat-listing .listing-ad { text-align: center; margin-bottom: 70px; margin-top: 10px } #recipe-subcat-listing img { width: 100%; height: auto } #recipe-subcat-listing .recipe-col { padding-left: 10px; padding-right: 10px } #recipe-subcat-listing .recipe-meta { float: none; margin-top: 10px; clear: both; min-height: 15px } #recipe-subcat-listing .recipe-title { display: block; font-family: "cf_asty_st", serif; /*font-weight: lighter;*/ font-size: 18px; line-height: 1.2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 10px; float: left; min-height: 45px; } .recipe-cat-sidebar .ad { margin: 0px; float: right } .recipe-cat-sidebar hr { width: 80px; margin: 15px auto 0 auto } .recipe-cat-sidebar hr:after { content: '' } .related-videos { padding-right: 0px } .related-videos h3 { text-align: left; margin-bottom: 20px; font-size: 24px; font-style: italic; margin-top: 17px; letter-spacing: 0px } .related-videos img { width: 100%; height: auto } .related-videos .related-videos-wrapper { border-bottom: 1px solid #c5b9a0 } .related-collections { padding-right: 0px } .related-collections h3 { text-align: left; margin-bottom: 20px; margin-top: 20px; font-size: 24px; letter-spacing: 0px } .related-collections img { width: 100%; height: auto } .related-collections .related-collections-list { list-style: none; padding: 0px } .related-collections .related-collections-list li { margin-bottom: 17px } .related-collections .related-collections-wrapper { border-bottom: 1px solid #c5b9a0 } .related-collections .related-collection-image { width: 145px; float: left } .related-collections .related-collection-title { float: left; font-family: "Average", serif; margin-left: 50px; font-size: 18px; border-top: 1px solid #c5b9a0; padding-top: 50px; text-align: center; width: 90px } .related-collections .related-collection-wrapper { display: inline-block } .recipe-count { color: #c3c3c3; font-size: 14px; font-family: 'ThemaUtotitloiLightItalic'; letter-spacing: normal; } .related-videos-list { display: inline-block; list-style: none; margin: 0px; padding: 0px } .related-videos-list li { margin-bottom: 35px } .related-videos-list li.last-item { margin-bottom: 28px } .related-videos-list li a:hover .video-play { width: 135px } .recipe-image:hover .video-play { width: 135px } .related-videos-list li a:hover .video-play::after { opacity: 1 } .recipe-image:hover .video-play::after { opacity: 1 } .related-videos-list .related-video-title { display: block; margin-top: 15px; font-family: "Average", serif; font-size: 18px } .related-videos-list .related-video-container,.ls-video-container { display: block; position: relative } .related-videos-list .video-play { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; bottom: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } .video-play { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; bottom: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } .video-playhp { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; top: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } .related-videos-list .video-play::after { opacity: 0; content: 'PLAY'; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 65px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } .video-play::after { opacity: 0; content: 'PLAY'; font-family: "ThemaTitloiLightbold", Georgia; letter-spacing: 1.4px; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 65px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } .related-features { padding-right: 0px } .related-features h3 { text-align: left; margin-bottom: 20px; margin-top: 20px; font-size: 24px; font-style: italic; letter-spacing: 0px } .related-features img { width: 100%; height: auto } .related-features .related-features-list { list-style: none; margin: 0px; padding: 0px } .related-features .related-features-list li { margin-bottom: 35px } .related-features .related-features-list li.last-item { margin-bottom: 28px } .related-features .related-features-list .related-feature-title { display: block; margin-top: 15px; font-family: "Average", serif; font-size: 18px } #recipe-single { padding-top: 33px; background: #ffffff } #recipe-single hr.no-cross { margin-bottom: 30px } #recipe-single hr.no-cross:after { content: '' } #recipe-single .single-recipe-sidebar .ad { margin-bottom: 60px } #recipe-single .section-expand { font-size: 12px; line-height: 24px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ color: #1e282f; text-transform: uppercase; background: url("images/icon-expand.png") no-repeat right center; background: url("images/icon-plus.svg") no-repeat right center; background-size: 24px 24px } #recipe-single .section-expand.expanded { background: url("images/icon-close.png") no-repeat right center; background: url("images/icon-minus.svg") no-repeat right center } #recipe-single .method-nav-bar { width: 5px; background: #99bd36; position: absolute; top: 0px; z-index: 499; right: -25px; height: 100% } #recipe-single .recipe-method-nav { position: absolute; top: 0px; z-index: 500; cursor: pointer; right: -25px } #recipe-single .recipe-method-nav .vertical-text-wrapper { background: #99bd36; width: 40px; height: 180px; position: relative; padding-top: 15px } #recipe-single .recipe-method-nav .vertical-text-wrapper .arrow { width: 21px; height: 21px; background-size: 21px 21px; background-image: url("images/icon-tab-arrow-right.png"); background-image: url("images/icon-tab-arrow-right.svg"); background-repeat: no-repeat; margin: 0 auto 0 auto } #recipe-single .recipe-method-nav .vertical-text { width: 130px; -webkit-transform: rotate(-90deg); position: absolute; bottom: 60px; right: -45px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ text-transform: uppercase; font-size: 12px; color: #ffffff; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3) } #recipe-single .recipe-method-nav.active { position: fixed; right: 0; top: 80px } #recipe-single .recipe-method-nav.active.at-end { position: absolute; right: -25px; bottom: -60px; top: initial; z-index: 499 } #recipe-single .recipe-method-nav.active.method-open { right: -50px } #recipe-single .recipe-method-nav.active.no-transition { transition: none } #recipe-single .recipe-method-nav.method-open { right: -100px } #recipe-single .recipe-ingred-nav { position: fixed; left: -100px; top: 100px; z-index: 500; cursor: pointer } #recipe-single .recipe-ingred-nav .vertical-text-wrapper { background: #99bd36; width: 40px; height: 210px; position: relative; padding-top: 15px } #recipe-single .recipe-ingred-nav .vertical-text-wrapper .arrow { width: 21px; height: 21px; background-size: 21px 21px; background-image: url("images/icon-tab-arrow-left.png"); background-image: url("images/icon-tab-arrow-left.svg"); background-repeat: no-repeat; margin: 0 auto 0 auto } #recipe-single .recipe-ingred-nav .vertical-text { width: 150px; -webkit-transform: rotate(-90deg); position: absolute; bottom: 84px; right: -54px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ text-transform: uppercase; font-size: 12px; color: #ffffff; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3) } #recipe-single .recipe-ingred-nav.active { left: 0 } #recipe-single .recipe-header-left { margin-bottom: 20px; position: relative } #recipe-single .recipe-header-left img { width: 100% } #recipe-single h1 { font-size: 32px; line-height: 36px; font-family: "cf_asty_st", serif; margin-bottom: 6px; /*font-weight: normal;*/ text-align: center } #recipe-single h2 { font-size: 12px; line-height: 18px; font-family: "Montserrat", Georgia; color: #a3865b; text-align: center; margin-bottom: 15px; margin-top: 0px; letter-spacing: 0px; text-transform: uppercase } #recipe-single h2.related-h2 { text-transform: none } #recipe-single .single-recipe-details-mobile .single-recipe-details-mobile-top { border-bottom: 1px solid #c5b9a0; margin-bottom: 15px } #recipe-single .single-recipe-details-mobile .rating-wrapper { margin-bottom: 15px } #recipe-single .single-recipe-details-mobile .rating-wrapper .rating-lbl { display: none; margin-top: 1px } #recipe-single .recipe-versions { display: inline-block; width: 100% } #recipe-single .recipe-versions ul { list-style: none; padding: 0px } #recipe-single .recipe-versions ul li { float: left } #recipe-single .recipe-versions ul li.border-right { margin-right: 20px } #recipe-single .recipe-versions ul li.border-right a { padding-right: 20px; border-right: 1px solid #bdbdbd } #recipe-single .recipe-versions ul li.current-lang a { color: #c5b9a0 } #recipe-single .recipe-versions ul li a { font-size: 12px; line-height: 12px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ color: #bdbdbd; text-transform: uppercase; margin: 0 0 15px 0; width: 90px; cursor: pointer } #recipe-single .float-wrapper { display: inline-block; width: 100% } #recipe-single .rating-wrapper { font-size: 12px; line-height: 14px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ display: inline-block; margin-top: 5px; margin-bottom: 20px; position: relative } #recipe-single .rating-wrapper .rating-confirm-wrapper { background: #1e282f; font-family: "Average", serif; font-size: 14px; color: #ffffff; padding: 10px 15px; position: absolute; width: 300px; left: 0; top: -50px; display: none } #recipe-single .rating-wrapper .rating-confirm-wrapper .comment-link { color: #99bd36; cursor: pointer } #recipe-single .rating-wrapper .rating-confirm-wrapper .rating-confirm { position: relative } #recipe-single .rating-wrapper .rating-confirm-wrapper .rating-confirm:after { content: ""; position: absolute; bottom: -20px; left: 45%; border-style: solid; border-width: 10px 10px 0; border-color: #1e282f transparent; display: block; width: 0; z-index: 1 } #recipe-single .rating-wrapper .rating-lbl { float: left; text-decoration: underline; margin-right: 10px; text-transform: uppercase } #recipe-single .rating-wrapper .rating-score { float: left; margin-right: 5px } #recipe-single .rating-wrapper .rating-score .rating-stars { list-style: none; padding: 0px; display: inline-block } #recipe-single .rating-wrapper .rating-score .rating-stars.rating-disabled .star:hover { cursor: default } #recipe-single .rating-wrapper .rating-score .rating-stars .star { width: 16px; height: 16px; background-image: url("images/icon-star-outline.png"); background-image: url("images/icon-star-outline.svg"); background-repeat: no-repeat; background-size: 16px 16px; float: left; margin: 0 7px 0 0 } .rate-box > span.off,#rate-product > p > span { width: 16px; height: 16px; background-image: url('images/icon-star-outline.png'); background-image: url('images/icon-star-outline.svg'); background-repeat: no-repeat; background-size: 16px 16px; display: inline-block; vertical-align: middle; cursor: pointer; } #recipe-single .rating-wrapper .rating-score .rating-stars .star.fill-star{ background-image: url('images/icon-star-filled.png'); background-image: url('images/icon-star-filled.svg') } .rate-box > span { background-image: url('images/icon-star-filled.png'); background-image: url('images/icon-star-filled.svg'); display: inline-block; width: 15px; height: 16px; vertical-align: middle; cursor: pointer;} #recipe-single .rating-wrapper .rating-score .rating-stars .star:hover { cursor: pointer } #recipe-single .rating-wrapper .rating-count { float: left; letter-spacing: 2px; margin-top: 2px } #recipe-single .ad { height: auto; margin-bottom: 20px; float: none } #recipe-single .ad span { position: static } #recipe-single .special-diets-wrapper { margin-bottom: 15px; line-height: 0; float: right } #recipe-single .special-diets-list { list-style: none; display: inline-block } #recipe-single .special-diets-list li { margin: 0 0 0 10px; float: left } #recipe-single .special-diets-list li i { width: 23px; height: 23px; background-image: url("images/icon-vegetarian.png"); background-image: url("images/icon-vegetarian.svg"); background-size: 23px 23px; background-repeat: no-repeat; display: block } #recipe-single .special-diets-list li .icon-dairy-free { background-image: url("images/icon-dairy-free.png"); background-image: url("images/icon-dairy-free.svg") } #recipe-single .special-diets-list li .icon-vegan { background-image: url("images/icon-vegan.png"); background-image: url("images/icon-vegan.svg") } #recipe-single .special-diets-list li .icon-gluten-free { background-image: url("images/icon-gluten-free.png"); background-image: url("images/icon-gluten-free.svg") } #recipe-single .recipe-intro { border-top: 1px solid #c5b9a0; padding: 15px 0; font-family: "cf_asty_st", serif; font-size: 18px; line-height: 26px } #recipe-single .recipe-details { margin: 0 } #recipe-single .recipe-details .recipe-details-col { padding: 0 } #recipe-single .recipe-details .recipe-detail { margin-top: 0px; font-family: "ThemaTitloiLightBold", Georgia; /*font-weight: 700;*/ /*text-transform: uppercase;*/ font-size: 12px; line-height: 15px; margin-bottom: 10px; padding-left: 22px; color: #a3865b; float: left; margin-right: 15px } #recipe-single .recipe-details .serves { background-image: url("images/icon-serves.png"); background-image: url("images/icon-serves.svg"); background-size: 13px 15px; background-position: top left; background-repeat: no-repeat } #recipe-single .recipe-details .time { background-image: url("images/recipe-time.png"); background-image: url("images/recipe-time.svg"); background-size: 15px 14px; background-position: top left; background-repeat: no-repeat } #recipe-single .recipe-details .difficulty { background-size: 15px 46px; background-image: url("images/recipe-difficulty.png"); background-image: url("images/recipe-difficulty.svg"); background-repeat: no-repeat } #recipe-single .recipe-details .difficulty.super-easy { background-position: 0px -1px } #recipe-single .recipe-details .difficulty.not-too-tricky { background-position: 0px -16px } #recipe-single .recipe-details .difficulty.showing-off { background-position: 0px -31px } #recipe-single .recipe-details .detail_desc { color: #a3865b; margin-right: 5px; display: none } #recipe-single .recipe-details .detail_tick { padding-left: 25px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ text-transform: uppercase; font-size: 12px; margin-bottom: 15px; background: url("images/icon-tick.png") left center no-repeat; float: left; margin-right: 15px } #recipe-single .recipe-image-details { position: absolute; bottom: -2px; right: 22px; width: 100% } #recipe-single .recipe-image-details .recipe-image-caption { display: none; float: left; font-size: 16px; line-height: 28px; font-family: "Average", serif } #recipe-single .recipe-image-details .recipe-image-caption span { color: #a3865b } #recipe-single .recipe-image-details .r1-share { float: right } #recipe-single .recipe-image-details .r1-share .social { float: left } #recipe-single .recipe-image-details .r1-share .print { margin-right: 10px; display: none } #recipe-single .recipe-image-details .r1-share .print .pw-size-small .pw-icon { background: url("images/btn-print.png") left top no-repeat; background: url("images/btn-print.svg") left top no-repeat; width: 28px; height: 28px; background-size: 28px 28px } #recipe-single .recipe-image-details .r1-share .pinterest .pw-size-small .pw-icon { background: url("images/icon-pinit.png") center center no-repeat; width: 56px; height: 28px } #recipe-single .tags-wrapper, .post .tags-wrapper { border-top: 1px solid #c5b9a0; padding: 15px 0 15px 0px; font-size: 14px; line-height: 30px; color: #99bd36 } #recipe-single .tags-wrapper .tags-list, .post .tags-wrapper .tags-list { padding: 0px 0 0px 35px; background: url("images/icon-tag.png") left center no-repeat; background: url("images/icon-tag.svg") left center no-repeat; background-size: 20px 20px; line-height: 20px; } #recipe-single .tags-wrapper a, .post .tags-wrapper a { color: #99bd36; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: 'cf_asty_st', serif; font-size: 16px } #recipe-single .tags-wrapper a:hover, .post .tags-wrapper a:hover { color: #1e282f } .post .tags-wrapper.hidden-xs {padding-bottom: 20px;} #recipe-single .nutrition-wrapper { padding: 15px 0 15px 0; border-top: 1px solid #c5b9a0; position: relative } #recipe-single .nutrition-wrapper .nutrition-rollover { border: 1px solid #a3865b; width: 300px; position: absolute; z-index: 202; background: #ffffff; top: 150px; left: 0px; display: none } #recipe-single .nutrition-wrapper .nutrition-rollover .nutrition-rollover-wrapper { position: relative; padding: 10px 25px 10px 25px } #recipe-single .nutrition-wrapper .nutrition-rollover h3 { margin: 0 15px 10px 0; font-size: 30px; line-height: 40px; text-decoration: none; color: #c5b9a0; font-family: "Average", serif } #recipe-single .nutrition-wrapper .nutrition-rollover h3 span { color: #1e282f; width: auto; text-decoration: none; border-bottom: 3px solid #c5b9a0; padding-bottom: 3px } #recipe-single .nutrition-wrapper .nutrition-rollover .nutrition-rollover-content p { font-family: "Average", serif; font-size: 16px; line-height: 28px; /*font-weight: normal;*/ text-transform: none; text-align: center } #recipe-single .nutrition-wrapper .nutrition-expand { display: none; margin-top: 10px } #recipe-single .nutrition-wrapper p { margin-top: 0px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ text-transform: uppercase; font-size: 12px; line-height: 15px } #recipe-single .nutrition-wrapper .bx-wrapper { margin: 0 0 20px 0 !important } #recipe-single .nutrition-wrapper .bx-wrapper .bx-prev { display: none } #recipe-single .nutrition-wrapper .nutrition-list { list-style: none; display: inline-block } #recipe-single .nutrition-wrapper .nutrition-list li { float: left; margin-right: 5px; width: 65px } #recipe-single .nutrition-wrapper .nutrition-list li .nutrition-item { border: 1px solid #c5b9a0; width: 65px; font-family: "Average", serif; padding: 5px 5px 5px 5px; text-align: center } #recipe-single .nutrition-wrapper .nutrition-list li .nutrition-item:hover { cursor: pointer } #recipe-single .nutrition-wrapper .nutrition-list li .nutrition-item .nutrition-item-desc { font-size: 12px; line-height: 12px; margin-bottom: 5px } #recipe-single .nutrition-wrapper .nutrition-list li .nutrition-item .nutrition-item-top { font-size: 16px; line-height: 20px; padding: 5px 0; border-bottom: 1px solid #c5b9a0 } #recipe-single .nutrition-wrapper .nutrition-list li .nutrition-item .nutrition-item-bottom { font-size: 16px; line-height: 20px; padding: 5px 0 } #recipe-single .method-mobile-prompt-wrapper { margin: 40px 0 30px 0; position: relative } #recipe-single .method-mobile-prompt-wrapper .method-mobile-prompt { color: #99bd36; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ text-transform: uppercase; width: 250px; cursor: pointer } #recipe-single .method-mobile-prompt-wrapper .method-mobile-prompt .method-mobile-prompt-arrows { background-image: url("images/tap-arow-green.png"); background-image: url("images/green_arrow_method.svg"); background-repeat: no-repeat; background-size: 22px 22px; height: 22px; width: 22px; display: inline-block; position: absolute; top: -2px; margin-left: 10px } #recipe-single .method-mobile-prompt-wrapper .method-mobile-prompt .method-mobile-prompt-text { color: #99bd36; display: inline-block } #recipe-single .recipe-ingredients { font-family: "cf_asty_st", serif; position: relative; padding: 0px 20px 0 0; margin-top: 20px } #recipe-single .recipe-ingredients h4 { font-size: 20px; font-family: 'ThemaUtotitloiLightItalic', serif; font-style: italic; /*font-weight: normal;*/ margin: 0 0 10px 0 } #recipe-single .recipe-ingredients b { /*font-weight: normal;*/ text-transform: uppercase; color: #99bd36 } #recipe-single .recipe-ingredients .ingred-headers { border-bottom: 1px solid #c5b9a0; display: inline-block } #recipe-single .recipe-ingredients .header-imperial-wrap { float: left } #recipe-single .recipe-ingredients .header-metric-wrap { float: left } #recipe-single .recipe-ingredients h5 { font-size: 12px; line-height: 12px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ color: #bdbdbd; text-transform: uppercase; margin: 0 0 15px 0; width: 90px; cursor: pointer } #recipe-single .recipe-ingredients h5.header-imperial { text-align: center } #recipe-single .recipe-ingredients h5.header-metric { border-right: 1px solid #bdbdbd } #recipe-single .recipe-ingredients h5.header-current { color: #c5b9a0 } #recipe-single .recipe-ingredients .ingred-list { list-style: none; margin: 0; padding: 0; font-size: 18px } #recipe-single .recipe-ingredients .ingred-list li { line-height: 32px; margin: 0px 0px 10px 0px } #recipe-single .recipe-ingredients .ingred-list .ingred-heading { text-transform: uppercase; color: #99bd36 } #recipe-single .recipe-ingredients .ingred-imperial { display: none } #recipe-single .recipe-instructions { font-family: "cf_asty_st", serif; font-size: 18px; line-height: 32px; display: none; position: fixed; right: 0; top: 0; background: #ffffff; padding: 100px 20px 0 20px; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 499 } #recipe-single .recipe-instructions p { font-family: "cf_asty_st", serif; color: #1e282f; } #recipe-single .recipe-instructions .instructions-wrapper { padding-bottom: 200px; padding-left: 30px } #recipe-single .recipe-instructions .instructions-wrapper .method-p { float: left; display: block; margin-top: 0px } #recipe-single .recipe-instructions b { /*font-weight: normal;*/ text-transform: uppercase; color: #99bd36 } #recipe-single .recipe-instructions h4 { font-family: 'ThemaUtotitloiLightItalic', serif; font-size: 20px; font-style: italic; /*font-weight: normal;*/ margin: 0 0 10px 0 } #recipe-single .recipe-instructions a.leftover { color: #99bd36; text-decoration: underline } #recipe-single .recipe-instructions .tip-wrapper { background: #99bd36; width: 300px; position: absolute; left: 100px; top: 100px; color: #ffffff; text-align: center; font-family: "Average", serif; display: none } #recipe-single .recipe-instructions .tip-wrapper .tip { padding: 20px 15px 25px 15px; position: relative } #recipe-single .recipe-instructions .tip-wrapper .tip:before { content: ""; position: absolute; top: -10px; left: 47%; border-style: solid; border-width: 0 10px 10px 10px; border-color: #99bd36 transparent; display: block; width: 0; z-index: 1 } #recipe-single .recipe-instructions .tip-wrapper .tip h3 { color: #ffffff; margin-top: 0px; margin-bottom: 15px; font-size: 24px } #recipe-single .recipe-instructions .tip-wrapper .tip .tip-content { font-size: 16px; line-height: 22px } #recipe-single .comments { position: relative; margin-top: 15px; border-bottom: 1px solid #c5b9a0; padding-bottom: 15px; margin-bottom: 15px } #recipe-single .comments .comment-list { display: none; margin-top: 10px } #recipe-single .comments h4 { font-family: 'Georgia', serif; font-size: 24px; font-style: italic; /*font-weight: normal;*/ margin: 0 0 15px 0 } #recipe-single .foodity-wrapper { margin-top: 20px; margin-bottom: 20px } #recipe-single .foodity-wrapper iframe { width: 100% !important } #recipe-single .single-recipe-top-sidebar .sharebox-wrapper { display: none } #recipe-single .recipe-source-wrapper { display: inline-block; border-top: 1px solid #c5b9a0; padding-top: 20px; width: 100% } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-images { width: 20%; text-align: center } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-images img { margin-bottom: 15px } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-details { width: 75% } #recipe-single .recipe-source-wrapper .recipe-source-images { width: 35%; min-height: 50px; float: left } #recipe-single .recipe-source-wrapper.adapted .recipe-source-details .recipe-source-banner { width: 150px; background: url("images/source-banner-large.svg") left top no-repeat } #recipe-single .recipe-source-wrapper .recipe-source-details { width: 60%; margin-left: 5%; float: left } #recipe-single .recipe-source-wrapper .recipe-source-details .recipe-source-banner { font-family: "ThemaTitloiLight", Georgia; /* font-weight: 700; */ color: #fff; font-size: 11px; text-transform: uppercase; background: url("images/source-banner-small.svg") left top no-repeat; width: 101px; line-height: 17px; margin-bottom: 10px; padding-left: 5px; letter-spacing: 0.8px; } #recipe-single .recipe-source-wrapper .recipe-source-details h4 { font-family: "Average", serif; font-size: 20px; /*font-weight: normal;*/ margin-top: 0px; margin-bottom: 5px } #recipe-single .recipe-source-wrapper .recipe-source-details p { font-family: "Average", serif; font-size: 18px; line-height: 20px; margin: 5px 0 } #recipe-single .recipe-source-wrapper .recipe-source-details a { font-family: "ThemaTitloiLightBold", Georgia; /*font-weight: 700;*/ color: #a3865b; /*text-transform: uppercase;*/ font-size: 10px; /*text-decoration: underline;*/ margin-bottom: 15px; font-size: 14px; } #recipe-single .sharebox-wrapper { display: inline-block; width: 100%; border-top: 1px solid #c5b9a0; border-bottom: 1px solid #c5b9a0 } #recipe-single .sharebox-wrapper .sharebox-header { background: #99bd36; display: none } #recipe-single .sharebox-wrapper .sharebox-header h4 { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ color: #ffffff; text-transform: uppercase; font-size: 12px; padding: 10px 0; margin: 0px auto; background: url("images/icon-share.png") no-repeat right center; width: 160px; padding-right: 25px } #recipe-single .sharebox-wrapper .sharebox-social { margin: 10px 0 5px 0; text-align: center } #recipe-single .sharebox-wrapper .sharebox-social ul { list-style: none; display: inline-block } #recipe-single .sharebox-wrapper .sharebox-social ul li { float: left; margin: 10px 4px } #recipe-single .sharebox-wrapper .sharebox-social ul .pw-button-wapp { display: block; background-image: url("images/social-whatsapp.svg"); width: 42px; height: 42px } #recipe-single .sharebox-wrapper .sharebox-social ul .pw-size-small .pw-icon { background-image: url("images/icon-facebook.png"); background-image: url("images/icon-facebook.svg"); background-repeat: no-repeat; width: 42px; height: 42px; background-size: 42px 42px } #recipe-single .sharebox-wrapper .sharebox-social ul .pw-size-small .ra1-pw-icon-twitter { background-image: url("images/icon-twitter.png"); background-image: url("images/icon-twitter.svg"); background-position: 0 0 } #recipe-single .sharebox-wrapper .sharebox-social ul .pw-size-small .ra1-pw-icon-pinterest { background-image: url("images/icon-pinterest.png"); background-image: url("images/icon-pinterest.svg"); background-position: 0 0 } #recipe-single .sharebox-wrapper .sharebox-social ul .pw-size-small .ra1-pw-icon-facebook { background-image: url("images/icon-facebook.png"); background-image: url("images/icon-facebook.svg"); background-position: 0 0 } #recipe-single .sharebox-wrapper .sharebox-social ul .pw-size-small .ra1-pw-icon-email { background-image: url("images/icon-email.png"); background-image: url("images/icon-email.svg"); background-position: 0 0 } #recipe-single .sharebox-wrapper .sharebox-copy { font-family: "Montserrat", Georgia; text-transform: uppercase; /*font-weight: 700;*/ background: #ffffff; border: 1px solid #99bd36; margin: 0 10px 20px 10px; padding: 10px 0; font-size: 12px; line-height: 13px; text-align: center; cursor: pointer; display: none; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s } #recipe-single .sharebox-wrapper .sharebox-copy.zeroclipboard-is-hover { background: #99bd36; color: #ffffff } #recipe-single .sharebox-wrapper .sharebox-copy.copied { background: #99bd36; color: #ffffff } #recipe-single .other-recipes-wrapper, #recipe-single .similar-recipes-wrapper, #recipe-single .how-to-wrapper { margin-bottom: 15px } #recipe-single .other-recipes-wrapper { border-bottom: 1px solid #c5b9a0 } #recipe-single .other-recipes { padding-right: 0px } #recipe-single .other-recipes h3 { float: left; text-align: center; margin-bottom: 15px; margin-top: 0px; font-size: 22px; font-style: italic; letter-spacing: 0px } #recipe-single .other-recipes img { width: 100%; height: auto; max-width: 100% } #recipe-single .other-recipes .other-recipes-list { list-style: none; padding: 0px; display: inline-block } #recipe-single .other-recipes .other-recipes-list li { width: 47%; float: left; margin-bottom: 20px; margin-top: 0px } #recipe-single .other-recipes .other-recipes-list li.first-item { margin-right: 6% } #recipe-single .other-recipes .other-recipe-wrapper { display: inline-block } #recipe-single .other-recipes .other-recipe-image { width: 100%; float: left } #recipe-single .other-recipes .other-recipe-image img { width: 100%; height: auto } #recipe-single .other-recipes .other-recipe-title { float: left; font-family: "Average", serif; font-size: 18px; text-align: left; padding-top: 10px } #recipe-single .recipe-related-video-wrapper { width: 50%; float: left; border-top: 1px solid #c5b9a0; padding-top: 26px; margin-top: 3px } #recipe-single .recipe-related-video-wrapper h3 { text-align: left; margin-bottom: 25px; margin-top: 0px; font-size: 24px; font-style: italic; letter-spacing: 0px } #recipe-single .recipe-related-video-wrapper a:hover .video-play { width: 110px } #recipe-single .recipe-related-video-wrapper a:hover .video-play::after { opacity: 1 } .recipe-image:hover .video-play::after { opacity: 1 } #recipe-single .recipe-related-video-wrapper img { width: 100%; height: auto; max-width: 100% } #recipe-single .recipe-related-video-wrapper .recipe-related-video-list { list-style: none; padding: 0px } #recipe-single .recipe-related-video-wrapper .recipe-related-video-list li { margin-bottom: 20px } #recipe-single .recipe-related-video-wrapper .recipe-related-video { display: inline-block } #recipe-single .recipe-related-video-wrapper .recipe-related-video-image { width: 145px; float: left; position: relative } #recipe-single .recipe-related-video-wrapper .recipe-related-video-title { float: left; font-family: "ThemaTitloiLightbold", Georgia; margin-left: 20px; font-size: 18px; border-top: 1px solid #c5b9a0; padding-top: 13px; text-align: center; width: 145px } #recipe-single .recipe-related-video-wrapper .video-play { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 32px 32px; background-color: #99bd36; width: 32px; height: 32px; position: absolute; bottom: 0px; left: 0px; padding-top: 5px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } #recipe-single .recipe-related-video-wrapper .video-play::after { opacity: 0; content: 'PLAY'; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 42px; margin-top: 2px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } #recipe-single #recipe-related-videos, #recipe-single #recipe-related-video-mobile { margin-bottom: 15px; padding-bottom: 30px; border-bottom: 1px solid #c5b9a0 } #recipe-single #recipe-related-videos h2, #recipe-single #recipe-related-video-mobile h2 { font-family: "Georgia", serif; /*font-weight: normal;*/ font-style: italic; color: #1e282f; margin-bottom: 0px; font-size: 20px; padding-top: 10px; text-align: center; text-transform: none } #recipe-single #recipe-related-videos .related-video a:hover .video-play, #recipe-single #recipe-related-video-mobile .related-video a:hover .video-play { width: 135px } #recipe-single #recipe-related-videos .related-video a:hover .video-play::after, #recipe-single #recipe-related-video-mobile .related-video a:hover .video-play::after { opacity: 1 } #recipe-single #recipe-related-videos .related-video img, #recipe-single #recipe-related-video-mobile .related-video img { width: 100% } #recipe-single #recipe-related-videos .related-video .related-video-container, #recipe-single #recipe-related-video-mobile .related-video .related-video-container,.ls-video-container { display: block; position: relative } #recipe-single #recipe-related-videos .related-video .video-play, #recipe-single #recipe-related-video-mobile .related-video .video-play { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; bottom: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } #recipe-single #recipe-related-videos .related-video .video-play::after, #recipe-single #recipe-related-video-mobile .related-video .video-play::after { opacity: 0; content: 'PLAY'; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 65px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } #recipe-single #recipe-related-videos .related-video span, #recipe-single #recipe-related-video-mobile .related-video span { font-family: "Average", serif; font-size: 18px; margin-top: 20px; display: block } #recipe-single #recipe-related-video-mobile h2 { text-align: left } #recipe-single #recipe-related-features { margin-bottom: 15px; padding-bottom: 30px; border-bottom: 1px solid #c5b9a0 } #recipe-single #recipe-related-features h2 { font-family: "Average", serif; /*font-weight: normal;*/ color: #1e282f; margin-bottom: 15px; font-size: 22px; padding-top: 10px; text-align: center } #recipe-single #recipe-related-features .related-feature { margin-top: 20px } #recipe-single #recipe-related-features .related-feature img { width: 100% } #recipe-single #recipe-related-features .related-feature span { font-family: "Average", serif; font-size: 20px; margin-top: 20px; display: block } #sec-recipe-landing { background: #ffffff; padding-left: 10px; padding-right: 10px } #sec-recipe-landing h2 { margin-bottom: 40px; font-size: 24px; font-style: italic } #sec-recipe-landing .intro { text-align: center; font-size: 18px; color: #a3865b } #sec-recipe-landing .intro p { font-family: "Average", serif; margin: 0 auto 40px auto } #sec-recipe-landing .tile-col { padding-left: 10px; padding-right: 10px } #sec-recipe-landing .tile-wrapper .tile-image img { width: 100%; height: auto } #sec-recipe-landing .tile-wrapper .tile-details { margin-top: 20px; height: 50px } #sec-recipe-landing .tile-wrapper .tile-details .tile-title { display: block; font-family: "Average", serif; /*font-weight: lighter;*/ font-size: 18px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } #footer-recipe-videos { margin-bottom: 55px } #footer-recipe-videos h2 { margin-bottom: 0px; font-size: 30px } #footer-recipe-videos .video a:hover .video-play { width: 135px } #footer-recipe-videos .video a:hover .video-play::after { opacity: 1 } #footer-recipe-videos .video img { width: 100% } #footer-recipe-videos .video .video-container { display: block; position: relative } #footer-recipe-videos .video .video-play { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; bottom: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } #footer-recipe-videos .video .video-play::after { opacity: 0; content: 'PLAY'; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 65px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } #footer-recipe-videos .video span { font-family: "Average", serif; font-size: 20px; margin-top: 20px; display: block } .hello-fresh-wrapper { background-image: url("images/texture.jpg"); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat } .hello-fresh-wrapper a#hello-fresh { position: relative; display: block; width: 100%; margin: 25px 0px; padding: 15px } .hello-fresh-wrapper a#hello-fresh:before { content: ''; position: absolute; display: block; top: 0px; right: 0px; width: 76px; height: 72px; background-image: url("images/hf-leaf.png"); background-size: 76px 72px; background-position: top right; background-repeat: no-repeat } .hello-fresh-wrapper a#hello-fresh:hover { cursor: pointer } .hello-fresh-wrapper a#hello-fresh span { display: block; width: 100%; font-family: 'Average', serif; font-size: 18px; /*font-weight: 700;*/ color: #000; text-align: center } .hello-fresh-wrapper a#hello-fresh span strong.accent { color: #91c11e } .hello-fresh-wrapper a#hello-fresh img.hf-box { float: none; display: block; margin: 0 auto } .hello-fresh-wrapper a#hello-fresh img.hf-button { display: block; margin: 0 auto; padding-top: 10px } hr.recipe-content { color: #c5b9a0 } @media (min-width: 480px) { .recipe-related-video-wrapper { display: none } } @media (min-width: 768px) { #recipe-cat-listing h2 { font-size: 35px } #recipe-subcat-listing h2 { font-size: 35px } #recipe-subcat-listing .recipe-meta span { float: left } #recipe-subcat-listing .recipe-meta span.difficulty { margin-top: 0; margin-bottom: 0 } .recipe-related-video-wrapper { display: block } #recipe-single { padding-top: 73px } #recipe-single .recipe-method-nav { display: none } #recipe-single .recipe-header { padding-bottom: 20px; margin-bottom: 20px } #recipe-single h1 { text-align: left; margin-bottom: 6px; font-size: 36px; line-height: 40px; margin-top: -5px } #recipe-single h2 { text-align: left; margin-bottom: 15px } #recipe-single .recipe-image-details { margin-top: 15px; position: static; display: inline-block } #recipe-single .recipe-image-details .r1-share .print { display: block } #recipe-single .recipe-source-wrapper { display: inline-block; border-top: 1px solid #c5b9a0; padding-top: 20px; width: 100% } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-images { width: 20%; text-align: center } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-images img { margin-bottom: 15px } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-details { width: 75% } #recipe-single .recipe-source-wrapper .recipe-source-images { width: 30%; min-height: 50px; float: left } #recipe-single .recipe-source-wrapper .recipe-source-details { width: 65% } #recipe-single .special-diets-wrapper { margin-bottom: 20px } #recipe-single .special-diets-list { list-style: none; display: inline-block } #recipe-single .rating-wrapper { margin-bottom: 15px } #recipe-single .rating-wrapper .rating-confirm-wrapper { font-size: 18px; width: 355px; left: initial; right: -50px } #recipe-single .rating-wrapper .rating-score .rating-stars .star { width: 14px; height: 14px; background-image: url("images/icon-star-outline.png"); background-image: url("images/icon-star-outline.svg"); background-size: 14px 14px; margin: 0 5px 0 0 } #recipe-single .rating-wrapper .rating-score .rating-stars .star.fill-star { background-image: url("images/icon-star-filled.png"); background-image: url("images/icon-star-filled.svg") } #recipe-single .recipe-intro { margin-top: 0px; border-bottom: none } #recipe-single .recipe-details { padding: 15px 0 0 0; border-top: 1px solid #c5b9a0 } #recipe-single .single-recipe-details .nutrition-wrapper { display: none } #recipe-single .nutrition-wrapper { border-bottom: 1px solid #c5b9a0 } #recipe-single .nutrition-wrapper .nutrition-rollover { left: -118px } #recipe-single .nutrition-wrapper .nutrition-rollover .nutrition-rollover-wrapper:after, #recipe-single .nutrition-wrapper .nutrition-rollover .nutrition-rollover-wrapper:before { bottom: 100%; left: 49%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #recipe-single .nutrition-wrapper .nutrition-rollover .nutrition-rollover-wrapper:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px } #recipe-single .nutrition-wrapper .nutrition-rollover .nutrition-rollover-wrapper:before { border-color: rgba(163, 134, 91, 0); border-bottom-color: #a3865b; border-width: 11px; margin-left: -11px } #recipe-single .sharebox-wrapper { margin-bottom: 20px } #recipe-single .sharebox-wrapper .sharebox-social .wapp { display: none } #recipe-single .method-mobile-prompt-wrapper { display: none } #recipe-single .recipe-ingredients { border-top: none; padding-top: 0px; margin-top: 0px } #recipe-single .recipe-ingredients h4 { font-size: 24px; margin: 0 0 15px 0 } #recipe-single .recipe-instructions { display: block; position: static; padding: 0; overflow-y: visible; height: auto } #recipe-single .recipe-instructions h4 { font-size: 24px; margin: 0 0 15px 0 } #recipe-single .recipe-instructions .instructions-wrapper { padding-bottom: 0px; padding-left: 0px } #recipe-single .comments { border: none } #recipe-single .comments .comment-list { display: block } #recipe-single #recipe-related-videos { margin-bottom: 55px; border: none } #recipe-single #recipe-related-videos h2 { margin-top: 40px; margin-bottom: 30px; font-size: 24px } #recipe-single #recipe-related-videos .related-video span { margin-top: 20px } #recipe-single #recipe-related-features { margin-bottom: 55px; border: none } #recipe-single #recipe-related-features h2 { margin-top: 40px; margin-bottom: 30px; font-size: 30px } #footer-recipe-videos h2 { margin-bottom: 55px; font-size: 42px } #sec-recipe-landing { padding-left: 25px; padding-right: 25px } #sec-recipe-landing h2 { font-size: 35px } .fyre .fyre-widget .fyre-comment-replies-indent { margin-left: 30px } } @media (min-width: 992px) { .cat-header { margin-bottom: 60px } #recipe-cat-listing h2 { font-size: 42px } #recipe-cat-listing .recipe-title { font-size: 20px } #recipe-cat-listing .recipe-col { padding-left: 25px; padding-right: 25px } #recipe-subcat-listing h2 { font-size: 42px } #recipe-subcat-listing .recipe-title { font-size: 20px } #recipe-subcat-listing .recipe-col { padding-left: 25px; padding-right: 25px } #recipe-subcat-listing .recipe-block { margin-bottom: 100px; display: block!important; } .cat-header { font-size: 18px } .recipe-cat-sidebar { width: 310px; float: right; padding-right: 0px; margin-right: 0px } .recipe-cat-sidebar .ad { margin-bottom: 43px } .recipe-cat-sidebar hr { margin-top: 28px } .related-videos, .related-features, .related-collections { padding-left: 0px } .recipe-count { font-size: 24px } #recipe-single .recipe-left-col .ad { margin-left: 0; margin-right: 0 } #recipe-single .foodity-wrapper { width: 300px } #recipe-single h2 { line-height: 22px; margin-top: 0px } #recipe-single .single-recipe-top-sidebar { border: none } #recipe-single .single-recipe-top-sidebar .sharebox-wrapper { display: inline-block; border-bottom: 0px } #recipe-single .single-recipe-top-sidebar .recipe-source-wrapper { width: 100%; float: none; padding-bottom: 0px; margin-bottom: 25px } #recipe-single .recipe-related-video-wrapper { width: 100%; float: none } #recipe-single .single-recipe-details .nutrition-wrapper { display: block } #recipe-single .nutrition-wrapper { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none } #recipe-single .nutrition-wrapper .nutrition-expand { display: block; margin-top: 0px } #recipe-single .nutrition-wrapper p { margin-bottom: 15px; font-size: 10px } #recipe-single .nutrition-wrapper .nutrition-list li { margin-top: 0px; width: 60px } #recipe-single .nutrition-wrapper .nutrition-list li .nutrition-item { width: 60px } #recipe-single .sharebox-wrapper { background: #f0f0f0; border-bottom: 0px; border-top: 0px; width: 300px; text-align: center } #recipe-single .sharebox-wrapper .sharebox-header { display: block } #recipe-single .sharebox-wrapper .sharebox-copy { display: block } #recipe-single .recipe-intro { padding: 15px 0; font-size: 18px; line-height: 24px } #recipe-single .recipe-details .recipe-detail { padding-left: 0px; color: #1e282f } #recipe-single .recipe-details .recipe-detail .detail_desc { display: inline } #recipe-single .recipe-details .serves { background-image: none } #recipe-single .recipe-details .time { background-image: none } #recipe-single .recipe-details .difficulty { background-image: none } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-images { width: 15% } #recipe-single .recipe-source-wrapper.source-talent .recipe-source-details { width: 80% } #recipe-single .recipe-source-wrapper .recipe-source-images { width: 20% } #recipe-single .recipe-source-wrapper .recipe-source-details { width: 75% } #recipe-single .recipe-instructions { line-height: 32px; padding-right: 25px; } #recipe-single .recipe-ingredients h4 { line-height: 32px } #recipe-single .comments { border-top: 1px solid #c5b9a0; padding-top: 22px; margin-top: 50px } #sec-recipe-landing h2 { font-size: 42px } #sec-recipe-landing .intro { font-size: 20px } #sec-recipe-landing .tile-col { padding-left: 25px; padding-right: 25px } #sec-recipe-landing .tile-wrapper { padding-bottom: 50px } #sec-recipe-landing .tile-wrapper .tile-details .tile-title { font-size: 20px } } @media (min-width: 1200px) { #recipe-subcat-listing .recipe-cat-sidebar { margin-right: 25px } #recipe-cat-listing .recipe-cat-sidebar { margin-right: 25px } #recipe-single .single-recipe-sidebar .ad { float: right } #recipe-single h1 { font-size: 36px; line-height: 40px } #recipe-single .recipe-image-details .recipe-image-caption { font-size: 16px; line-height: 28px } #recipe-single .instructions-col { padding-left: 0px; padding-right: 0px } #recipe-single .other-recipes-wrapper, #recipe-single .similar-recipes-wrapper, #recipe-single .how-to-wrapper { border-bottom: 1px solid #c5b9a0; padding-bottom: 20px; margin-bottom: 30px; margin-left: 32px } #recipe-single .other-recipes h3 { text-align: left; margin-bottom: 30px; font-size: 24px } #recipe-single .other-recipes .other-recipes-list { list-style: none; padding: 0px } #recipe-single .other-recipes .other-recipes-list li { width: 100%; float: none } #recipe-single .other-recipes .other-recipes-list li.first-item { margin-right: 0 } #recipe-single .other-recipes .other-recipe-wrapper { display: inline-block } #recipe-single .other-recipes .other-recipe-image { width: 120px; float: left } #recipe-single .other-recipes .other-recipe-title { float: left; font-family: "Average", serif; margin-left: 20px; font-size: 18px; border-top: 1px solid #c5b9a0; padding-top: 50px; text-align: center; width: 145px } #recipe-single .recipe-intro { font-size: 18px; line-height: 24px } #recipe-single .sharebox-wrapper { margin-bottom: 25px } } /*@media (min-width: 1490px) { .related-videos, .related-features, .related-collections { width: 310px } #recipe-single .foodity-wrapper { width: 100% } #recipe-single .sharebox-wrapper { width: 100%; text-align: left } #recipe-single .sharebox-wrapper .sharebox-social ul li { margin: 10px 8px } #recipe-single .single-recipe-details .recipe-details .recipe-detail { float: none; margin-right: 0px } #recipe-single .single-recipe-details .recipe-details .detail_tick { float: none; margin-right: 0px } #recipe-single .single-recipe-details .recipe-source-wrapper { display: none } #recipe-single .single-recipe-top-sidebar .recipe-source-wrapper { border-top: none; border-bottom: 1px solid #c5b9a0; padding-top: 0px; padding-bottom: 15px; margin-bottom: 15px } #recipe-single .single-recipe-top-sidebar .recipe-source-wrapper.source-talent .recipe-source-images { width: 75px; text-align: center } #recipe-single .single-recipe-top-sidebar .recipe-source-wrapper.source-talent .recipe-source-details { width: 220px } #recipe-single .single-recipe-top-sidebar .recipe-source-wrapper .recipe-source-images { width: 140px } #recipe-single .single-recipe-top-sidebar .recipe-source-wrapper .recipe-source-details { width: 155px; margin-left: 15px } #recipe-single .instructions-col { padding-left: 25px; padding-right: 25px } #recipe-single .other-recipes-wrapper, #recipe-single .similar-recipes-wrapper, #recipe-single .how-to-wrapper { margin-left: 0px } #recipe-single .other-recipes .other-recipe-image { width: 145px } }*/ /*Jamie css*/ html { box-sizing: border-box } *, *::after, *::before { box-sizing: inherit } .inter-social { width: 100%; text-align: left } .inter-fix { background-image: none !important } .btn.arrow-button i { background: url("images/button-arrow.png") no-repeat; background-position: 4px 10px; opacity: 1; transition: right 0.2s ease-out 0s; width: 20px; position: absolute; right: 20px; height: 100% } .btn.arrow-button:hover i { right: 10px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg) } #collapse-menu { width: 100%; height: 63px; background-color: #2e353c; margin: auto; color: #ffffff; font-family: Georgia; font-size: 28px; line-height: 60px; text-align: center } #collapse-menu .burger { display: inline-block; margin-left: 20px; float: none } .rotd-banner-small { font-family: 'ThemaTitloiLightbold', Georgia; /*font-weight: 700;*/ color: #fff; font-size: 10px; background: url("images/source-banner-small.svg") left top no-repeat; text-transform: none; width: 101px; line-height: 17px; margin-bottom: 5px; padding-left: 6px; letter-spacing: 0.8px; padding-top: 1px; } .rotd-banner-large { font-family: 'ThemaTitloiLightbold', Georgia; /*font-weight: 700;*/ color: #fff; font-size: 10px; background: url("images/source-banner-large.svg") left top no-repeat; text-transform: none; width: 150px; line-height: 17px; margin-bottom: 5px; padding-left: 6px; letter-spacing: 0.0619em; padding-top: 1px; } .afieroma-banner-small { font-family: 'ThemaTitloiLightbold', Georgia; /*font-weight: 700;*/ color: #fff; font-size: 10px; background: url("images/afieroma-banner-small.svg") left top no-repeat; text-transform: none; width: 101px; line-height: 17px; margin-bottom: 5px; padding-left: 6px; letter-spacing: 0.8px; padding-top: 1px; } .afieroma-banner-large { font-family: 'ThemaTitloiLightbold', Georgia; /*font-weight: 700;*/ color: #fff; font-size: 10px; background: url("images/afieroma-banner-large.svg") left top no-repeat; text-transform: none; width: 150px; line-height: 17px; margin-bottom: 5px; padding-left: 6px; letter-spacing: 0.0619em; padding-top: 1px; } _::-webkit-full-page-media, _:future, :root .rotd-banner-large, .rotd-banner-small,.afieroma-banner-large, .afieroma-banner-small{ letter-spacing: normal; } .filter-button { display: inline-block; margin-right: 3px; width: auto; height: 30px; padding: 0px 10px; border: 1px solid #e9e9e9; border-radius: 20px; font: 700 13px "Montserrat", Georgia; text-transform: uppercase; color: #b6b6b6; cursor: pointer; background-color: #ffffff; text-align: center; line-height: 26px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease } .filter-button:hover { background-color: #99bd36; color: #ffffff } .filter-button.active { background-color: #99bd36; color: #ffffff } .filter-button.pink { background-color: #bc5690; color: #ffffff } .filter-button.pink:after { content: ''; display: inline-block; background-image: url("images/filter-back.png"); background-repeat: no-repeat; width: 16px; height: 12px; margin-left: 5px } .filter-button.pink:hover { background-color: #99bd36; color: #ffffff } .recipe-meta { float: left; display: block; width: auto; margin-top: 10px; font: 700 11px/1 "Montserrat", Georgia; text-transform: uppercase; color: #a3865b } .recipe-meta span { float: left; display: block; height: 15px; line-height: 1.3; padding-left: 20px; margin-right: 10px } .recipe-meta .time { background-image: url("images/recipe-time.png"); background-image: url("images/recipe-time.svg"); background-size: 15px 14px; background-position: top left; background-repeat: no-repeat } .recipe-meta .difficulty { background-size: 15px 46px; background-image: url("images/recipe-difficulty.png"); background-image: url("images/recipe-difficulty.svg"); background-repeat: no-repeat } .recipe-meta .difficulty.super-easy { background-position: 0px -1px } .recipe-meta .difficulty.not-too-tricky { background-position: 0px -16px } .recipe-meta .difficulty.showing-off { background-position: 0px -31px } .input_text { padding-left: 0px; border: none; outline: none; background: none; width: 100%; height: 70px; line-height: 20px } input[type="submit"] { display: block; } .touch #search.slide-up { transition: none; -webkit-transition: none; -moz-transition: none } body { background-color: #ffffff; -webkit-font-smoothing:subpixel-antialiased; /*-webkit-font-smoothing: antialiased;*/ -moz-osx-font-smoothing: grayscale } h1 { margin: 0 } h2 { font-size: 30px; line-height: 1em; font-family: "ThemaUtotitloiLightItalic"; color: #1e282f; text-transform: none; text-align: center; /*font-weight: normal;*/ margin: 52px auto 0; letter-spacing: 1px } h3 { font-family: Georgia; font-size: 22px; color: #1e282f; text-transform: none; text-align: center; /*font-weight: normal;*/ margin: 70px auto 0px; letter-spacing: 1px } hr { border-top: solid 1px #cbc0aa; margin: 0; position: relative; z-index: 200 } hr:after { content: url("images/X-01.svg"); display: block; position: absolute; text-align: center; top: -16px; left: 50%; margin-left: -14px; width: 31px; height: 28px; background-size: 31px 28px } hr.no-cross:after { content: '' } .scroll-support { display: none; height: 62px } .topline { border-bottom: solid 1px #cbc0aa } a.hover-link { color: #1e282f; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } a.hover-link:hover { color: #99bd36 } .login-container { position: relative } #login-box { display: none } .burger-menu-mobile { position: absolute; top: 0px; right: 30px } .burger { width: 30px; height: 21px; display: block; margin-top: 22px; position: relative; cursor: pointer; top: 0px; z-index: 99; float: right } .burger span { width: 100%; display: block; height: 3px; background: #fff; overflow: hidden; position: absolute; transform: translateZ(0px); -webkit-transition: top 150ms ease, transform 150ms ease 150ms; -moz-transition: top 150ms ease, transform 150ms ease 150ms; transition: top 150ms ease, transform 150ms ease 150ms; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% } .burger span.line1 { top: 0 } .burger span.line2 { top: 9px; -webkit-transition: opacity 150ms ease 150ms; -moz-transition: opacity 150ms ease 150ms; transition: opacity 150ms ease 150ms } .burger span.line3 { top: 18px } .burger.active span.line1 { top: 9px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .burger.active span.line2 { top: 9px; opacity: 0 } .burger.active span.line3 { top: 9px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .subtitle { font-family: "ThemaTitloiMediumBold", Georgia; font-size: 14px; color: #a3865b; text-transform: uppercase; text-align: center; /*font-weight: 700;*/ letter-spacing: 2px; display: block; margin-top: 5px } .fadeIn { opacity: 0; -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); transition: opacity 500ms ease, transform 300ms ease; -webkit-transition: opacity 500ms ease, -webkit-transform 300ms ease; -moz-transition: opacity 500ms ease, -moz-transform 300ms ease } .fadeIn.inview { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } #topAdvert, #middleAdvert { display: none; position: relative; z-index: 5; width: 100%; text-align: center; background-color: #1e282f; overflow: hidden !important } .nav-up { top: -62px } .ad-active { top: 90px } #rotdslider { margin-top: 10px; background-color: #ffffff; margin-left: 5px } #rotdslider img { margin-bottom: 18px } #rotdslider .rotd-active .captions img { margin-bottom: 0px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-prev { display: none } #rotdslider .bx-wrapper .bx-controls-direction a.bx-next { display: none } #rotdslider .bx-controls-direction { display: block } #rotdslider .bx-controls-direction a span { color: #ffffff; font-family: "ThemaTitloiLightbold", Georgia; letter-spacing: 1.4px; font-size: 12px; /*font-weight: 700;*/ opacity: 0; position: absolute; text-align: right; top: 17px; transition: opacity 0.5s ease 0.2s; -webkit-transition: opacity 0.5s ease 0.2s; -moz-transition: opacity 0.5s ease 0.2s } #rotdslider .bx-controls-direction a:hover span { opacity: 1 } #rotdslider .bx-wrapper .bx-controls-direction a { top: 40% } .logo-print { display: none !important } header { width: 100%; position: relative; z-index: 500 } header.fixed { position: fixed !important; top: 0; left: 0; width: 100% } header .header-logo { width: 209px; height: 29px; /*height: 32px;*/ background-image: url("images/olivemagazine.png"); background-repeat: no-repeat; background-size: 209px 29px; background-position: 0 0px; /*background-size: 170px 78px; background-position: 0 -24px*/ } header .header-logoch { width: 209px; height: 29px; /*height: 32px;*/ background-image: url("images/logo-christmas.png"); background-repeat: no-repeat; background-size: 209px 82px; background-position: 0 -53px; /*background-size: 170px 78px; background-position: 0 -24px*/ } header #jo-header { background: #99bd36; height: 62px; font-family: "Montserrat", Georgia; font-size: 12px; z-index: 99999 } header #jo-header.container-fluid { padding-left: 0px; padding-right: 0px } header #jo-header .container { width: 100%; padding-left: 0px; padding-right: 0px } header #jo-header .navbar-header { display: block; margin: 0 auto; max-width: 238px; /*max-width: 170px;*/ padding-top: 16px } header #jo-header .navbar-header a.logo img { text-decoration: none; display: inline-block } header #jo-header .navbar-header a.hide { display: none } header #jo-header .navbar-header.mobile-active { background-image: url("images/mobile-arrow-left.png"); background-image: url("images/Mobile_Menu_Back_arrow.svg"); background-repeat: no-repeat; background-size: 22px 22px; height: 20px; position: absolute; left: 10px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 18px; text-transform: uppercase; color: #ffffff; padding-left: 18px; margin-right: 20px; line-height: 20px; top: 20px } header #jo-header .navbar-header.mobile-active .logo { display: none } header #jo-header .navbar-header .mobile-headline { position: absolute; left: 10px; top: 0px; width: 250px; opacity: 0; padding-left: 10px; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease } header #jo-header .navbar-header .mobile-headline.active { opacity: 1 } header #jo-header nav { position: absolute; left: 100%; z-index: 99999; width: 0% } .mobile-menu { position: relative; height: 100% } .mobile-menu .mask { width: 100%; overflow: hidden; position: relative; z-index: 9999 } .mobile-menu .filler { position: absolute; width: 100%; background: #99bd36; left: 100%; transition: left 0.5s ease; -webkit-transition: left 0.5s ease; -moz-transition: left 0.5s ease } .mobile-menu .filler.open { left: 0px } .mobile-menu .m-level1 { background-color: #99bd36 } .mobile-menu .morejamiesubmenu { left: 100%; position: absolute; top: 0px; width: 100%; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; z-index: 9999; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 12px; height: 50px; display: block; line-height: 50px; text-transform: uppercase; padding-left: 15px } .mobile-menu .morejamiesubmenu div { border-bottom: 1px solid #449b97 } .mobile-menu .morejamiesubmenu a { color: #ffffff } .mobile-menu .morejamiesubmenu.open { left: 0px } .mobile-menu ul { background-color: #99bd36; position: absolute; left: 100%; top: 0px; width: 100%; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; z-index: 9999; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease } .mobile-menu ul li { list-style-type: none; background-color: #99bd36; padding-left: 0px; border-bottom: 1px solid #449b97; color: #ffffff } .mobile-menu ul li a { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 12px; height: 50px; display: block; color: #ffffff; line-height: 50px; text-transform: uppercase; padding-left: 15px } .mobile-menu ul li a.login { padding-left: 0px } .mobile-menu ul li a.instagram { margin-top: 15px } .mobile-menu ul li a.pinterest { margin-bottom: 25px; background-color: #99bd36 } .mobile-menu ul li span a { display: inline } .mobile-menu ul li.social-m { font-size: 10px; border-bottom: none } .mobile-menu ul li.social-m a { line-height: 30px; height: 30px } .mobile-menu ul.open { left: 0px } .mobile-menu .sub-menu { position: absolute; left: 100%; top: 0px; width: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease } .mobile-menu .sub-menu.open { left: 0px } span.site-search { position: absolute; top: 0px; left: 30px; width: 27px; height: 62px; line-height: 62px; background-image: url(images/search-icon1.png); background-image: url(images/search-icon.svg); background-position: 0px -8px; background-size: 27px 55px; background-repeat: no-repeat; cursor: pointer } #search { display: none; position: absolute; top: 62px; left: 0px; width: 100%; background: #f8f8f8; text-transform: none; font-family: "Average", serif; font-size: 18px; transition: background-color 300ms ease-out; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; z-index: -1; transition: top 300ms ease; -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease } #search::-webkit-input-placeholder { font-family: "Average", serif; color: #afafaf; opacity: 1 } #search:-moz-placeholder { font-family: "Average", serif; color: #afafaf; opacity: 1 } #search::-moz-placeholder { font-family: "Average", serif; color: #afafaf; opacity: 1 } #search:-ms-input-placeholder { font-family: "Average", serif; color: #afafaf; opacity: 1 } #search.slide-up { top: -90px } #search .searchbox { height: 70px; line-height: 0px } #search .searchbox .col-xs-10 { padding-left: 40px; padding-right: 0px } #search .searchbox .col-xs-2 { padding-right: 33px } #search.container-fluid { padding-left: 0px; padding-right: 0px } #search .container { width: 100%; padding-left: 15px } #search .input-wrapper { position: relative } #search .input-wrapper .search-icon { display: block; width: 27px; height: 27px; overflow: hidden; background-image: url(images/search-icon1.png); background-image: url(images/search-icon.svg); background-position: 0 0; background-size: 27px 55px; background-repeat: no-repeat; position: absolute; left: 0; top: 35px; margin-top: -14px; transition: background-position 300ms ease-out; -webkit-transition: background-position 300ms ease-out; -moz-transition: background-position 300ms ease-out; z-index: 1000 } #search .input-wrapper form .twitter-typeahead { display: block; width: 100% } #search .input-wrapper form .twitter-typeahead .typeahead:focus { border: 0 none } #search .input-wrapper form .twitter-typeahead .tt-hint { opacity: 0.6 !important } #search .input-wrapper form .twitter-typeahead .tt-dropdown-menu { position: relative !important; z-index: 500 !important; box-shadow: none; border: 0px none; background-color: #fff } #search .input-wrapper form .twitter-typeahead .tt-suggestion { line-height: 32px; color: #1e282f; cursor: pointer } #search .input-wrapper form .twitter-typeahead .tt-suggestion.tt-cursor { background-color: transparent; color: #548f8b } #search .input-wrapper form .twitter-typeahead .search-suggestion { text-align: left; padding-left: 0px; margin-left: -20px } #search .input-wrapper form .twitter-typeahead .no-suggestions { padding: 20px 0px 20px 25px } #search .close { position: relative; top: -49px; transition: top 300ms ease-out; -webkit-transition: top 300ms ease-out; -moz-transition: top 300ms ease-out } #search.active { background-image: url("images/search-bg.jpg"); background-position: top left; background-repeat: repeat-x } #search.active .input-wrapper .search-icon { background-position: 0 -27px; z-index: 1000 } #search.active .input-wrapper input { color: #fff } #search.active .close { top: 24px; display: block; float: right; margin-right: 0px } #search.active::-webkit-input-placeholder { color: #fff; opacity: 0.5 } #search.active:-moz-placeholder { color: #fff; opacity: 0.5 } #search.active::-moz-placeholder { color: #fff; opacity: 0.5 } #search.active:-ms-input-placeholder { color: #fff; opacity: 0.5 } #dropdown { position: absolute; display: none } #dropdown.container-fluid { width: 100%; padding-left: 0px; padding-right: 0px } #dropdown ul { margin-top: 0px; margin-bottom: 0px; padding-left: 0px } #dropdown ul li { list-style-type: none; padding-left: 0px; padding-right: 0px } #popular-categories { overflow: hidden; background: #ffffff } #popular-categories h2 { font-family: "ThemaUtotitloiLightItalic"; /*font-style: italic*/ } #popular-categories .loadrow { display: none } #popular-categories .container { padding-left: 30px; padding-right: 30px } #popular-categories .set-mobile-col { padding-left: 8px; padding-right: 8px } #popular-categories img { width: 100%; display: block; margin-bottom: 16px } #popular-categories .loadthis { opacity: 0 } #popular-categories .under { position: relative } #popular-categories a { position: relative; display: block } #popular-categories a.btn { height: auto } #popular-categories a.hover-link { position: relative } #popular-categories a .space-title { margin-bottom: 3px } #popular-categories a span.cat-titles { font-family: "Montserrat", Georgia; color: #a3865b; /*font-weight: bold;*/ font-size: 12px; text-transform: uppercase; letter-spacing: 2px; /*font-weight: 700*/ } #popular-categories a span.black { color: #000000 } #popular-categories a span.subtitles { font-family: "cf_asty_st", serif; /*font-weight: lighter;*/ font-size: 18px; display: block; line-height: 22px; position: relative; margin-bottom: 0px; min-height: 100px } #popular-categories .content-wrapper { margin: 23px 0 19px } #popular-recipes h2 { /* font-style: italic*/ font-family: "ThemaUtotitloiLightItalic"; } .captions { width: 100%; text-align: left; min-height: 100px } .captions span { display: block } .captions span.type { font-family: "Montserrat", Georgia; font-size: 12px; line-height: 1; color: #a3865b; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin: 0px 0 7px } .captions span.title { font-family: "cf_asty_st", serif; font-size: 18px; /*font-size: 18px;*/ /*font-weight: 400;*/ line-height: 1.2; margin: 0; height: auto; min-height: 50px; padding-right: 20px } #mobile-feature { position: relative; overflow: hidden; background: #ffffff; padding-left: 15px; padding-right: 15px } #mobile-feature img { width: 100%; margin-top: 26px } #mobile-feature a { display: block } #mobile-feature .mf-container { position: relative } #mobile-feature .btn { margin-bottom: 76px; margin-top: 62px } #mobile-feature .captions { position: relative; margin-top: 23px } #mobile-feature .captions .type { font-family: "Montserrat", Georgia; font-size: 10px; color: #a3865b; display: block; text-transform: uppercase; /*font-weight: 700*/ } #mobile-feature .captions .title { font-family: "Average", serif; font-size: 18px } a#signup-banner { display: block; background: url(images/signup-banner1.png) 0 0 no-repeat; font-family: "Montserrat", Georgia; font-size: 18px; /*font-weight: bold;*/ padding: 10px 20px; text-align: center; width: 245px; height: 68px; color: #fff; text-transform: uppercase; margin: 0; position: fixed; right: -245px; opacity: 0; transition: right 300ms ease-out, opacity 300ms ease-out; -webkit-transition: right 300ms ease-out, opacity 300ms ease-out; -moz-transition: right 300ms ease-out, opacity 300ms ease-out } a#signup-banner.active { opacity: 1; right: 0; z-index: 9999 } #howto, #howto2, #howto3 { /*background: #f6f6f6*/ } #howto { background-color: transparent!important; } #howto h2, #howto2 h2, #howto3 h2{ font-family: 'ThemaUtotitloiLightItalic'; font-style: italic } #howto .btn, #howto2 .btn, #howto3 .btn { margin-top: 40px } #howto .content-wrapper, #howto2 .content-wrapper, #howto3 .content-wrapper { margin-bottom: 76px } #howto .slider-wrapper, #howto2 .slider-wrapper , #howto3 .slider-wrapper { margin: 26px auto 25px } #howto .subtitle, #howto2 .subtitle, #howto3 .subtitle { margin-top: 5px } #howto.container-fluid, #howto2.container-fluid, #howto3.container-fluid { padding-left: 0px; padding-right: 0px } #howto a .video-play, #howto2 a .video-play, #howto3 a .video-play { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; bottom: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } a .video-playhp { background-image: url("images/Video-play31.png"); background-image: url("images/video-play3.svg"); background-repeat: no-repeat; background-size: 59px 59px; background-color: #99bd36; width: 59px; height: 59px; position: absolute; bottom: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; overflow: hidden } #howto a .video-play::after, #howto2 a .video-play::after, #howto3 a .video-play::after { opacity: 0; content: 'PLAY'; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 65px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } a .video-playhp::after { opacity: 0; content: 'PLAY'; font-family: "ThemaTitloiLightbold", Georgia; letter-spacing: 1.4px; font-size: 12px; /*font-weight: 700;*/ color: #fff; position: absolute; left: 65px; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in } #howto a:hover .video-play, #howto2 a:hover .video-play, #howto3 a:hover .video-play { width: 135px } #howto a:hover .video-play::after, #howto2 a:hover .video-play::after, #howto3 a:hover .video-play::after { opacity: 1 } a:hover .video-playhp { width: 135px } a:hover .video-playhp::after { opacity: 1 } #howto ul,#howto2 ul,#howto3 ul { margin: 0px } #howto ul li, #howto2 ul li, #howto3 ul li { padding-bottom: 0px; padding-left: 5px; padding-right: 25px } #howto ul li a, #howto2 ul li a , #howto3 ul li a { font-family: "cf_asty_st", serif; font-size: 18px; line-height: 1.2 } #howto img, #howto2 img , #howto3 img { margin-bottom: 16px } #howto div[class^="col"], #howto2 div[class^="col"], #howto3 div[class^="col"] { padding-left: 0px; padding-right: 0px } #howto .howto-container, #howto2 .howto-container, #howto3 .howto-container { position: relative; display: block } #howto .bx-wrapper, #howto2 .bx-wrapper , #howto3 .bx-wrapper { max-width: 100% !important } #howto .bx-controls-direction, #howto2 .bx-controls-direction, #howto3 .bx-controls-direction { display: none } #restaurant_loc_section { padding: 24px 15px 60px; background-color: #ffffff } #restaurant_loc_section h2 { margin-top: 32px; font-style: italic } #restaurant_loc_section .subtitle { margin: 7px 0 30px } #restaurant_loc_section .view-all { margin-top: 40px; display: block } #restaurant_loc_section a { display: block; text-align: center; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ text-decoration: underline } #restaurant_loc_section a.user_postcode { cursor: pointer; display: block; margin: auto; background-color: #99bd36; max-width: 290px; height: 42px; color: #ffffff; text-transform: uppercase; text-align: left; line-height: 26px; padding-left: 13px; padding-right: 8px; padding-top: 8px } #restaurant_loc_section a.user_postcode .target { background: url("images/target.png") center center no-repeat; background: url("images/Untitled-3-01.svg") center center no-repeat; width: 26px; height: 26px; float: right } #restaurant_loc_section a.user_postcode span { float: left } #restaurant_loc_section .input_postcode_text { border: none; background-color: #dfdfdf; font-family: "Montserrat", Georgia; font-size: 12px; /*font-weight: 700;*/ color: #909090; width: 100%; margin: 8px auto 0px; display: block; height: 42px; padding-left: 13px; padding-right: 8px; padding-top: 0px; text-transform: uppercase; -webkit-appearance: none; -webkit-border-radius: 0 } #restaurant_loc_section .input_postcode_text .target { background: url("images/target.png") center center no-repeat; background: url("images/Untitled-3-01.svg") center center no-repeat; width: 26px; height: 26px; float: right } #restaurant_loc_section .input_postcode_text::-webkit-input-placeholder { color: #fff; opacity: 0.5 } #restaurant_loc_section .input_postcode_text:-moz-placeholder { color: #fff; opacity: 0.5 } #restaurant_loc_section .input_postcode_text::-moz-placeholder { color: #fff; opacity: 0.5 } #restaurant_loc_section .input_postcode_text:-ms-input-placeholder { color: #fff; opacity: 0.5 } #restaurant_loc_section .button-wrapper { position: relative; width: 290px; margin: 8px auto 30px } #restaurant_loc_section .input_submit { background: url("images/blackmag.png") center center no-repeat; background: url("images/Mobile%20Restaurants-01.svg") center center no-repeat; position: absolute; top: 10px; right: 11px; width: 20px; height: 20px } #restaurant_loc_section .results-heading { font-family: "Average", serif; font-size: 24px; text-align: center; display: block; color: #1e282f } #restaurant_loc_section hr { padding-left: 15px; padding-right: 15px; margin-top: 12px; margin-bottom: 20px } #restaurant_loc_section hr:after { content: '' } #returnResults img { width: 50px; float: left; margin-right: 18px } #returnResults dl { margin-top: 18px } #returnResults dt { font-family: "Montserrat", Georgia; font-size: 14px; /*font-weight: 700;*/ color: #1e282f; text-transform: uppercase; margin-bottom: 40px } #returnResults dd { float: none; display: block; width: 100%; font-family: "Average", serif; font-size: 18px; margin-left: 0px } #returnResults ul { padding-left: 0px; margin-top: 0px; margin-bottom: 0px } #returnResults ul li { list-style-type: none; float: left } #returnResults ul li a { text-decoration: none; text-transform: uppercase; font-size: 12px } #returnResults .btn { width: auto; padding: 6px 12px; line-height: 20px; border: 2px solid #99bd36; height: auto; margin-right: 10px } #returnResults nav { padding-bottom: 18px } #returnResults div { border-bottom: 1px solid #c2b7a0 } #returnResults p { margin: 0px } #footer { background: #99bd36; height: auto; padding: 15px 0px 15px; color: #fff; font-family: "Montserrat", Georgia; font-size: 12px; line-height: 1; /*font-weight: 700;*/ text-align: center; line-height: 16px } #footer.container-fluid { padding-left: 0px; padding-right: 0px; z-index: 100; position: relative; } #footer h1 { font-size: 0px; margin: 0px } #footer ul { margin: 0px; padding-left: 0px } #footer ul li { display: inline-block } #footer ul li a { color: #fff; text-transform: uppercase; padding-right: 10px; padding-left: 10px } #footer ul li a:hover { color: #1e282f } .btn { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 14px; display: block; margin: auto; width: 248px; height: 50px; border: 2px solid #99bd36; text-align: center; color: #2e353c; line-height: 44px; cursor: pointer; transform: translateZ(0px); -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s } .btn span { left: 0px; position: relative; transition: all 0.2s ease-out 0s } .btn i { background: url("images/plus.png") no-repeat; background-position: 4px 17px; opacity: 0; transition: all 0.2s ease-out 0s; width: 20px; position: absolute; height: 100% } .btn:hover { background-color: #99bd36 } .btn:hover span { left: -10px; color: #fff } .btn:hover i { opacity: 1; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg) } input[type="submit"].jw-button { display: block !important; background-color: #fff; /*font-weight: bold*/ } input[type="submit"].jw-button:hover { background-color: #99bd36 } .jw-button { font-family: "Montserrat", Georgia; font-size: 14px; display: block; margin: auto; width: 122px; line-height: 26px; border: 2px solid #99bd36; text-align: center; color: #2e353c; cursor: pointer; transform: translateZ(0px); -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s } .jw-button span { left: 0px; position: relative; transition: all 0.2s ease-out 0s; line-height: 31px } .jw-button i { background: url("images/button-arrow.png") no-repeat; background-position: 4px 10px; opacity: 0; transition: all 0.2s ease-out 0s; width: 20px; position: absolute; right: 25%; height: 100% } .jw-button:hover { background-color: #99bd36 } .jw-button:hover span { left: -10px; color: #fff } .jw-button:hover i { opacity: 1; right: 20px } .jw-button:hover i.download { opacity: 1; right: 8px } #olivechefs { background-color: #f8f8f8 } #olivechefs h2 { font-style: italic } #olivechefs .subtitle { margin-bottom: 40px } #olivechefs .slider-heading { font-family: "Montserrat", Georgia; font-size: 14px; color: #1e282f; display: block; margin: 0 auto 14px; text-align: center; text-transform: none; } #olivechefs .content-wrapper { margin-bottom: 40px } #olivechefs .container-fluid { padding-left: 0px; padding-right: 0px; position: relative; } #olivechefs .col-md-12 { padding-left: 0px; padding-right: 0px } #olivechefs .slider-intro { font-family: "Average", serif; /*font-weight: normal;*/ font-size: 18px; text-align: center; display: block; padding-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 220px; min-height: 120px } #olivechefs li { padding-left: 25px; padding-right: 25px } #olivechefs img { margin-bottom: 16px; margin-left: auto; margin-right: auto } #olivechefs span.social-button-wrapper { position: relative; display: block; width: 136px; height: 30px; margin: 0 auto 30px } #olivechefs span.social-button-wrapper a { background-image: url("images/social-sprite21.png"); background-image: url("images/social-sprite2-01.svg"); background-repeat: no-repeat; background-size: 134px 175px; position: absolute; top: 0; z-index: 1; height: 35px; transition: width 300ms, left 300ms ease, background-position 0ms linear 300ms, z-index 0ms linear 300ms; -webkit-transition: width 300ms, left 300ms ease, background-position 0ms linear 300ms, z-index 0ms linear 300ms; -moz-transition: width 300ms, left 300ms ease, background-position 0ms linear 300ms, z-index 0ms linear 300ms } #olivechefs span.social-button-wrapper a.instagram-block { background-position: 0 0; width: 34px; left: 0 } #olivechefs span.social-button-wrapper a.instagram-block:hover { background-position: 0 -35px } #olivechefs span.social-button-wrapper a.twitter-block { background-position: -34px 0; width: 33px; left: 34px } #olivechefs span.social-button-wrapper a.twitter-block:hover { background-position: 0 -140px } #olivechefs span.social-button-wrapper a.google-block { background-position: -67px 0; width: 33px; left: 67px } #olivechefs span.social-button-wrapper a.google-block:hover { background-position: 0 -105px } #olivechefs span.social-button-wrapper a.facebook-block { background-position: -100px 0; width: 34px; left: 100px } #olivechefs span.social-button-wrapper a.facebook-block:hover { background-position: 0 -70px } #olivechefs span.social-button-wrapper a:hover { width: 134px; top: 0; left: 0; z-index: 6; transition: width 500ms, left 500ms ease; -webkit-transition: width 500ms, left 500ms ease; -moz-transition: width 500ms, left 500ms ease } #olivechefs .watch-button:hover { background-color: #99bd36; color: #ffffff } #olivechefs .watch-button span { left: -16px; position: relative; transition: all 0.2s ease-out 0s } #olivechefs .watch-button i.white { background: url("images/white-play.png") no-repeat; background-position: center center; opacity: 0; transition: all 0.2s ease-out 0s; width: 34px; position: absolute; right: 0px; top: -2px; height: 35px; border-left: 2px solid #99bd36 } #olivechefs .watch-button i.green { background-image: url("images/green-play1.png"); background-image: url("images/GreenPlay.svg"); background-repeat: no-repeat; background-size: 90px 60px; background-position: center center; opacity: 1; transition: all 0.2s ease-out 0s; width: 34px; position: absolute; right: 0px; top: 0px; height: 33px; border-left: 2px solid #99bd36; min-height: 0px } #olivechefs .watch-button:hover { background-color: #99bd36 } #olivechefs .watch-button:hover span { color: #fff } #olivechefs .watch-button:hover i.white { opacity: 1; border-left: 2px solid #fff } #olivechefs .watch-button:hover i.green { opacity: 0 } #olivechefs a { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 12px; display: block; text-align: center; margin-left: auto; margin-right: auto } #olivechefs a.button { border: 2px solid #99bd36; padding: 5px 40px; text-align: center } #olivechefs .bx-wrapper .bx-controls-direction a { text-indent: 0px; overflow: hidden; top: 25% } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev span { color: #ffffff; position: relative; left: -20px; opacity: 0; text-align: right; top: 15px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ transition: opacity 0.5s ease 0.2s; -webkit-transition: opacity 0.5s ease 0.2s; -moz-transition: opacity 0.5s ease 0.2s } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next span { color: #ffffff; position: relative; left: -65px; opacity: 0; text-align: right; top: 15px; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ transition: opacity 0.5s ease 0.2s; -webkit-transition: opacity 0.5s ease 0.2s; -moz-transition: opacity 0.5s ease 0.2s } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next span:hover { opacity: 1 } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev { left: 0px } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next { right: 0px } #olivechefs .bx-wrapper .bx-prev:hover { background-position: 0px 0px; width: 50px } #olivechefs .bx-wrapper .bx-next:hover { background-position: -50px 0px; width: 50px } .fancybox-overlay * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box } body #signup .signup_form_wrapper select { padding: 0 0 0 16px } #pnf-search-section { background: url(images/404-bg-mobile.png) #000 center top no-repeat } #pnf-search-section .pnf-message { margin-top: 240px; text-align: center } #pnf-search-section .pnf-message h1 { /*font-weight: normal;*/ color: #ffffff; font-size: 32px; line-height: 38px; font-family: Georgia } #pnf-search-section .pnf-message p { font-size: 14px; line-height: 18px; color: #a3865b; font-family: 'Montserrat', Georgia; text-transform: uppercase; /*font-weight: bold;*/ margin-bottom: 40px } #pnf-search-section .pnf-message a { text-decoration: underline; font-size: 14px; color: #a3865b; font-family: 'Montserrat', Georgia; text-transform: uppercase; /*font-weight: bold*/ } #pnf-search-section .pnf-search-box { width: 670px; background: #548f8b; margin: 10px auto 55px auto; position: relative } #pnf-search-section .pnf-search-box .search-icon { display: block; width: 27px; height: 27px; overflow: hidden; background-image: url(images/search-icon1.png); background-image: url(images/search-icon.svg); background-position: 0 -28px; background-size: 27px 55px; background-repeat: no-repeat; position: absolute; left: 20px; top: 35px; margin-top: -14px; z-index: 1000 } #pnf-search-section .pnf-search-box input { color: #fff; width: 97%; font-size: 20px; font-family: Georgia } #pnf-search-section .pnf-search-box input::-webkit-input-placeholder { color: #ffffff } #pnf-search-section .pnf-search-box input:-moz-placeholder { color: #ffffff } #pnf-search-section .pnf-search-box input::-moz-placeholder { color: #ffffff } #pnf-search-section .pnf-search-box input:-ms-input-placeholder { color: #ffffff } #pnf-search-section .pnf-search-box input.input_text { padding-left: 70px } #pnf-menu-section h2 { font-style: italic } #pnf-menu-section .pnf-menu { text-align: center } #pnf-menu-section .pnf-menu ul { list-style: none; margin: 50px 0 90px 0; display: inline-block; padding: 0px } #pnf-menu-section .pnf-menu ul li { display: inline; float: left; margin-right: 8px; margin-bottom: 20px } #pnf-menu-section .pnf-menu ul li.knife-left i.knife { width: 112px; height: 20px; background-image: url(images/knife-left.png); background-size: 112px 20px; background-repeat: no-repeat; margin-top: 11px; display: block; margin-right: 10px } #pnf-menu-section .pnf-menu ul li.knife-right i.knife { width: 112px; height: 20px; background-image: url(images/knife-right.png); background-size: 111px 20px; background-repeat: no-repeat; margin-top: 11px; display: block; margin-left: 10px } #pnf-menu-section .pnf-menu ul li a { display: block; text-transform: uppercase; color: #64a5a1; font-family: 'Montserrat', Georgia; font-size: 14px; /*font-weight: bold;*/ padding: 10px 15px; border: 1px solid #64a6a2; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s } #pnf-menu-section .pnf-menu ul li a:hover { color: #fff; background: #64a6a2 } .animatestuff { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s } .survey-banner { display: none; height: 47px; width: 100%; padding-bottom: 15px; z-index: 99999; background-color: #b54484; position: fixed; bottom: 0px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out } .survey-banner.open { height: auto } .survey-banner .feedback { width: 100%; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ color: #ffffff; font-size: 16px; position: relative; text-align: center; line-height: 47px } .survey-banner .open-survey { background: url(images/mobile-open-survey.png); width: 51px; height: 51px; position: absolute; top: -10px; right: -2%; cursor: pointer } .survey-banner .open-survey.rotate { transform: rotate(180deg); transition: all 750ms } .survey-banner .close-mobile-survey { background: url(images/survey-mobile-close.png); width: 51px; height: 51px; width: 51px; height: 51px; position: absolute; top: -10px; right: 2%; cursor: pointer } .survey-banner .copy { display: block; font-family: "Montserrat", Georgia; font-size: 16px; color: #ffffff; text-align: center; font-weight: 400; margin-bottom: 15px } .survey-banner .btn { border: 2px solid #ffffff; font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 12px; height: 35px; line-height: 30px; width: auto; max-width: 300px; padding-left: 20px; padding-right: 40px; margin-left: auto; margin-right: auto; margin-bottom: 12px; color: #ffffff } .survey-banner .btn:hover { background-color: #b54484 } .survey-banner .btn i { background: url("images/button-arrow.png") no-repeat; background-position: 4px 10px; opacity: 1; transition: right 0.2s ease-out 0s; width: 20px; position: absolute; right: 20px; height: 100% } .survey-banner .btn:hover i { right: 10px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg) } .survey-banner .bold-title { /*font-weight: 700*/ } .survey-banner .button-wrap { float: none } .survey-banner .circle-close { background: url(images/circle-close-button.png); width: 33px; height: 33px; float: right; margin-top: 7px; cursor: pointer } .survey-banner.hide-survey { bottom: -500px } .survey-banner.mobile-show { height: 260px } @-webkit-keyframes menuIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes menuIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes menuIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes menuIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes menuIn { 0% { opacity: 0 } 100% { opacity: 1 } } @media (min-width: 480px) { #olivechefs .bx-wrapper .bx-controls-direction a { text-indent: 0px; overflow: hidden; top: 25% } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev span { display: none } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next span { display: none } #olivechefs .bx-wrapper .bx-controls-direction a:hover span { display: none } #rotdslider { margin-top: 40px } } @media (min-width: 768px) { .logo img { width: 125px; height: 47px } h2 { font-size: 42px } hr { padding: 0 } .nav-up { top: -78px } #topAdvert, #middleAdvert { display: block; /*padding: 50px 0;*/ } .scroll-support { height: 78px } header { position: relative } header #jo-header { height: 78px } header #jo-header.container-fluid { padding-left: 0px } header #jo-header .container { padding-left: 0px; padding-right: 0px } header #jo-header .navbar-header { margin: 24px auto 0; padding-left: 0px; padding-top: 0px } header #jo-header .header-logo { width: 206px; background-position: 0 0px; background-size: 206px 29px; /* background-position: 0 -24px; background-size: 206px 78px */ } header .header-logoch { width: 209px!important; height: 29px; /*height: 32px;*/ background-image: url("images/logo-christmas.png"); background-repeat: no-repeat; background-size: 209px 82px!important; background-position: 0 -53px!important; /*background-size: 170px 78px; background-position: 0 -24px*/ } header #jo-header nav .nav-1 { margin-right: 0px } header #jo-header nav .nav-1 ul li { padding: 20px 10px 0px } header #jo-header nav .nav-2 ul li { padding: 0px 10px 0px } header .burger { margin-top: 28px } header .burger-menu-mobile { right: 30px } .ad { height: 250px; position: relative; display: block } .ad span { font-family: "Montserrat", Georgia; font-size: 10px; color: #1e282f; position: absolute; top: -20px; left: 50%; margin-left: -40px } a .why-ads { color: #99bd36; font-family: "Average", serif; font-size: 18px; text-decoration: underline; text-align: center; display: block; margin-top: 17px } .rotd-link { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease } span.site-search { background-position: 0px -2px } #search { top: 78px; font-size: 20px } #search.container-fluid { padding-left: 0px } #search.container-fluid .container { width: 100%; padding-left: 20px } #search .searchbox .col-xs-10 { padding-left: 35px } #search .searchbox .col-xs-2 { padding-right: 33px } .right-side-pod { position: relative } .side-pod-image { margin-top: 70px } .side-pod-image img { width: 74% !important; margin-left: 50px } .side-pod-button { background-image: url("#"); background-image: url("#"); background-repeat: no-repeat; background-position: 0 0; background-size: 258px 129px; width: 129px; height: 129px; position: absolute !important; bottom: 0px; right: 45px } .side-pod-button:hover { background-position: -129px 0 } .ad { width: 300px; height: 250px; float: right; position: relative; display: block; margin-right: 25px; margin-top: 75px } .gold-separator { border-top: 1px solid #a3865b; margin-bottom: 18px } #popular-categories { margin-top: 0px; background-color: #f8f8f8 } #popular-categories a.most-watched { height: auto } #popular-categories a span.subtitles { font-size: 18px } #popular-categories img { margin-bottom: 10px } #popular-categories .content-wrapper { margin: 57px 0 90px } #popular-categories div[class^="col"] { padding-left: 20px; padding-right: 25px } #rotdslider { height: 550px; margin-top: 40px } #rotdslider img { display: block; margin-bottom: 14px } #rotdslider h2 { margin-top: 43px; margin-bottom: 30px } #rotdslider ul li { padding-left: 0px; padding-right: 0px } #rotdslider ul li a { font-size: 20px } #rotdslider .bxslider-container { margin-left: 5px } #rotdslider .bx-wrapper .bx-controls-direction a { top: 43% } #howto { background-color: #ffffff } #howto a .video-play { padding-top: 10px } #howto a .video-play::after { left: 0px; margin-left: 55px; top: 20px } #howto a:hover .video-play { width: 120px } a .video-playhp { padding-top: 10px } a .video-playhp::after { left: 0px; margin-left: 55px; top: 20px } a:hover .video-playhp { width: 120px } #howto ul li { padding-left: 0px; padding-right: 0px; margin-right: 50px } #howto ul li a { font-size: 18px } #howto .content-wrapper { margin-bottom: 60px; margin-left: auto; margin-right: auto } #howto .slider-wrapper { margin: 57px auto 25px } #howto .bx-wrapper .bx-controls-direction a { top: 36%; display: none } #howto .container { width: 100% } #howto .bx-wrapper { max-width: 770px !important } #howto .bx-controls-direction { display: block } #howto .bx-controls-direction a span { color: #ffffff; font-family: "ThemaTitloiLightbold", Georgia; font-size: 12px; /*font-weight: 700;*/ opacity: 0; position: absolute; text-align: right; top: 17px; letter-spacing: 1.4px; transition: opacity 0.5s ease 0.2s; -webkit-transition: opacity 0.5s ease 0.2s; -moz-transition: opacity 0.5s ease 0.2s } #howto .bx-controls-direction a:hover span { opacity: 1 } #popular-recipes { background: #f8f8f8 } #popular-recipes img { margin-bottom: 10px; width: 100% } #popular-recipes .loadrow { display: none } #popular-recipes .container { width: 700px } #popular-recipes .recipe-filter { margin-top: 32px; text-align: center } #popular-recipes .recipe-filter .filterby { font-family: "Montserrat", Georgia; /*font-weight: 400;*/ font-size: 12px; color: #000000; margin-right: 20px; text-transform: uppercase } #popular-recipes .recipe-filter a { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 12px; text-decoration: none; text-transform: uppercase; background-color: #b6b6b6; padding: 6px 12px; color: #ffffff; margin-right: 10px; transform: translateZ(0px); -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s } #popular-recipes .recipe-filter a:hover { background-color: #99bd36; color: #fff } #popular-recipes .recipe-filter a .underline { position: absolute; bottom: 0px; left: 0px; display: block; width: 0%; height: 2px; background-color: #99bd36; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out } #popular-recipes .recipe-filter a:hover .underline { width: 100% } #popular-recipes .recipe-filter .active-menu { background: #99bd36 } #popular-recipes .under { position: relative } #popular-recipes .recipe-list .recipe { display: none } #popular-recipes .recipe-list .recipe.inview { display: block } #popular-recipes .recipe-list .recipe span.image { display: block; width: 100%; height: 254px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; overflow: hidden; image-rendering: -webkit-optimize-contrast } #popular-recipes .recipe-list .recipe span.cat-titles { font-family: "Montserrat", Georgia; color: #a3865b; /*font-weight: bold;*/ font-size: 12px; display: block; text-transform: uppercase; letter-spacing: 2px; /*font-weight: 700;*/ margin-bottom: 3px; overflow: hidden } #popular-recipes .recipe-list .recipe span.subtitles { font-family: "Average", serif; /*font-weight: lighter;*/ font-size: 18px; display: block; line-height: 25px; height: 120px; margin-bottom: 15px } #popular-recipes .content-wrapper { margin: 54px 0 60px } #olivechefs { background: #fff; padding-left: 0; padding-right: 0; } #olivechefs .h2-margin { margin-top: 79px; margin-bottom: 0px } #olivechefs .subtitle { margin-bottom: 60px } #olivechefs .slider-wrapper { margin: 57px auto 65px } #olivechefs .slider-intro { font-size: 16px } #olivechefs .container { width: 700px } #olivechefs img { margin-bottom: 20px } #olivechefs ul { margin: 0px } #olivechefs ul li { padding-bottom: 10px; display: block; padding-left: 10px; padding-right: 10px } #olivechefs .watch-button-play { width: 20px; height: 33px } #olivechefs .bx-wrapper .bx-controls-direction a { top: 20% } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev { left: -30px } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next { right: -30px } #olivechefs .bx-wrapper .bx-prev:hover { background-position: -50px 0px; width: 147px } #olivechefs .bx-wrapper .bx-next:hover { background-position: 62px 0px; width: 113px } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev span { display: block } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next span { display: block } #olivechefs .bx-wrapper .bx-controls-direction a:hover span { display: block; color: #ffffff; opacity: 1 } #footer { line-height: 40px; height: 60px; padding-top: 10px } #footer ul { padding-top: 0px } #pnf-search-section .pnf-message { margin-top: 440px } #pnf-search-section .pnf-message h1 { font-size: 36px; line-height: 42px; margin: 0 15px } #pnf-search-section .pnf-message p { margin-bottom: 15px } #pnf-search-section { background: url(images/404-bg-tablet.png) #000 center top no-repeat } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #olivechefs .bx-wrapper .bx-controls-direction a.bx-next { right: -15px !important } } @media (min-width: 992px) { .logo img { width: 180px; height: 25px; margin-top: 29px; /* width: 160px; height: 76px*/ } .logoch img { width: 180px; height: 70px; margin-top: -14px; } .inter-social { width: 70px; text-align: center; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease } .inter-social.last { border-right: 1px solid #539894 } .inter-social:hover { background-color: #539894 } h2 { margin-top: 80px; margin-bottom: 10px; line-height: 100% } .input_text { padding-left: 45px } header #jo-header { height: 78px } header #jo-header .burger-menu-mobile .burger { margin-top: 22px } header #jo-header.container-fluid { padding-left: 25px; padding-right: 25px } header #jo-header .container { width: 990px; padding-left: 25px; padding-right: 25px } header #jo-header .navbar-header { float: left; display: inline-block; margin: auto } header #jo-header nav { float: right; height: 78px; color: #fff; width: auto; position: static } header #jo-header nav ul { margin: 0; padding: 0; list-style: none; display: inline-block } header #jo-header nav li { float: left; padding: 0px 24px 0px; cursor: pointer } header #jo-header nav a { text-transform: uppercase; font-family: "Montserrat", Georgia; font-size: 14px; /*font-weight: 400;*/ text-decoration: none; color: #fff } header #jo-header nav a:hover { color: #1e282f } header #jo-header nav .nav-1 { display: block; padding-top: 0px; width: 530px; height: 78px; float: left; line-height: 78px } header #jo-header nav .nav-1 ul { margin: auto; width: 100%; display: block; text-align: center } header #jo-header nav .nav-1 ul li { float: none; padding: 0px 10px 0px; position: relative; display: inline-block } header #jo-header nav .nav-1 ul li a { height: 78px; display: block } header #jo-header nav .nav-1 ul li a span { display: inline-block; overflow: hidden; height: 15px; line-height: 15px; position: relative } header #jo-header nav .nav-1 ul li a span em { font-style: normal; color: #fff; position: relative; display: block; top: 0; transition: top 300ms ease; -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease } header #jo-header nav .nav-1 ul li a span em.hover { color: #1e282f } header #jo-header nav .nav-1 ul li a:hover, header #jo-header nav .nav-1 ul li a.active { background: url(images/arrow-selected.png) center bottom no-repeat } header #jo-header nav .nav-1 ul li a:hover span em, header #jo-header nav .nav-1 ul li a.active span em { top: -15px } header #jo-header nav .nav-1 ul li.shop a:hover, header #jo-header nav .nav-1 ul li.shop a.active { background: none } header #jo-header nav .nav-2 { float: left; display: block; width: auto } header #jo-header nav .nav-2 ul li { padding: 0px 12px 0px; border-left: solid 1px #539894; height: 78px } header #jo-header nav .nav-2 ul li span { line-height: 76px } header #jo-header nav .nav-2 ul li.follow { position: relative; cursor: pointer; overflow: hidden; text-transform: uppercase } header #jo-header nav .nav-2 ul li.follow .rotator { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) } header #jo-header nav .nav-2 ul li.follow:after { content: ''; width: 14px; height: 8px; display: block; background: url(images/down_arrow.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: 15px; -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease } header #jo-header nav .nav-2 ul li.follow:hover, header #jo-header nav .nav-2 ul li.follow.active { overflow: visible; color: #fff; background-color: #47b9b2 } header #jo-header nav .nav-2 ul li.follow:hover:after, header #jo-header nav .nav-2 ul li.follow.active:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) } header #jo-header nav .nav-2 ul li.follow:hover .social-menu, header #jo-header nav .nav-2 ul li.follow.active .social-menu { opacity: 1 } header #jo-header nav .nav-2 ul li.follow .social-menu { opacity: 0; position: absolute; top: 78px; left: 0; z-index: 99999; background: #000 } header #jo-header nav .nav-2 ul li.follow .social-menu ul { display: block; margin-top: 0px } header #jo-header nav .nav-2 ul li.follow .social-menu ul li { float: none; list-style-type: none; padding: 0; border: none; display: block; width: 82px; height: 55px; overflow: hidden } header #jo-header nav .nav-2 ul li.follow .social-menu ul a { display: block; width: 100%; height: 100%; padding: 0; text-indent: -3000px; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; background: 0 0 no-repeat; background-size: 100% 100% } header #jo-header nav .nav-2 ul li.follow .social-menu ul a.instagram { background-image: url("images/Instagram2.png"); background-color: #295b82; background-size: 33px 55px; background-position: center center } header #jo-header nav .nav-2 ul li.follow .social-menu ul a.twitter { background-image: url("images/twitter2.png"); background-color: #00b1ea; background-size: 41px 55px; background-position: center center } header #jo-header nav .nav-2 ul li.follow .social-menu ul a.google-plus { background-image: url("images/G2.png"); background-color: #dc472e; background-size: 41px 55px; background-position: center center } header #jo-header nav .nav-2 ul li.follow .social-menu ul a.facebook { background-image: url("images/Facebook2.png"); background-color: #39579a; background-size: 27px 55px; background-position: center center } header #jo-header nav .nav-2 ul li.follow .social-menu ul a.pinterest { background-image: url("images/Pinterest2.png"); background-color: #bc071c; background-size: 45px 55px; background-position: center center } header #jo-header nav .nav-2 ul li.follow .social-menu ul a:hover { opacity: 0.85 } header #jo-header nav .nav-2 ul li.login-container span { display: block; padding-top: 14px; line-height: 12px; text-align: center } header #jo-header nav .nav-2 ul li.login-container span a { display: block; line-height: 15px } header #jo-header nav .nav-2 ul li.site-search { width: 80px; border-right: solid 1px #539894 } header #jo-header nav .nav-2 ul li.site-search span { display: block; width: 27px; height: 100%; background-image: url(images/search-icon1.png); background-image: url(images/search-icon.svg); background-position: 0 0; background-size: 27px 55px; background-repeat: no-repeat; margin: 0 auto } header #jo-header nav .nav-2 a { font-size: 12px } header #dropdown { border-bottom: 1px solid #99bd36; background: #fff; position: absolute; left: 0px; width: 100%; z-index: 9999; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease-out; -moz-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; display: block } header #dropdown a { color: #1e282f } header #dropdown a:hover { color: #5baea9 } header #dropdown.container-fluid { padding-left: 25px; padding-right: 25px } header #dropdown.container { padding-left: 25px; padding-right: 25px } header #dropdown .col-md-2 { padding-left: 25px; padding-right: 25px } header #dropdown .row { margin-left: -25px; margin-right: -25px } header #dropdown.active { margin-bottom: 10px; max-height: 900px } header #dropdown .row { padding: 20px 25px 35px } header #dropdown ul { padding: 0px; margin: 0px } header #dropdown li { list-style-type: none } header #dropdown li a { font-family: "Average", serif; font-size: 18px; -moz-transition: all 0.3s ease; padding: 0 0 10px; display: block } header #dropdown li.submenu-heading { margin-bottom: 20px } header #dropdown li.submenu-heading>a { font-family: Georgia; font-size: 18px; color: #99bd36; text-transform: uppercase; display: block; margin-bottom: 10px } header #dropdown li.view-more>a { font-family: "Montserrat", Georgia; font-size: 10px; text-transform: uppercase; color: #99bd36 } header #dropdown .inspireme_menu a { font-family: "Average", serif; /*font-weight: 400;*/ color: #afafaf; font-size: 18px; line-height: 24px } header #dropdown .inspireme_menu a:hover { color: #99bd36 } header #dropdown .inspireme_menu a.underline-link { text-decoration: underline; font-family: "Montserrat", Georgia; font-size: 14px; color: #99bd36; line-height: 20px; text-transform: uppercase } header #dropdown .inspireme_menu .inspireme-submenu { padding: 20px 0px 20px } header #dropdown .inspireme_menu .inspireme-submenu a { padding-right: 20px; font-family: "Montserrat", Georgia; color: #afafaf; font-size: 14px; text-transform: uppercase } header #dropdown .inspireme_menu .inspireme-submenu a:hover, header #dropdown .inspireme_menu .inspireme-submenu a.active { color: #99bd36 } header #dropdown .inspireme_menu .sub-menu { margin-top: -20px } header #dropdown .inspireme_menu .sub-menu a { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s } header #dropdown .inspireme_menu .sub-menu a.inspire-me-links { color: #1e282f } header #dropdown .inspireme_menu .sub-menu a.inspire-me-links:hover, header #dropdown .inspireme_menu .sub-menu a.inspire-me-links.active { color: #99bd36 } header #dropdown .inspireme_menu .sub-menu img { margin-bottom: 8px; display: block; max-width: 100% } header #dropdown .inspireme_menu .sub-menu .row { padding-left: 0px; padding-right: 0px } header #dropdown .inspireme_menu .features-menu { display: none } header #dropdown .inspireme_menu .features-menu .underline-link { margin-top: 60px; display: block } header #dropdown .inspireme_menu .videos-menu { display: none } header #dropdown .inspireme_menu .videos-menu .underline-link { color: #99bd36; margin-top: 60px; display: block } header #dropdown .inspireme_menu .win-menu { display: none } header #dropdown .inspireme_menu .galleries-menu { display: none } header #dropdown .inspireme_menu .galleries-menu .underline-link { color: #99bd36; margin-top: 60px; display: block } header #dropdown .inspireme_menu .galleries-menu a { color: #1e282f } header #dropdown .inspireme_menu .galleries-menu img { width: 126px } header #dropdown .inspireme_menu .news-menu { display: none } header #dropdown .inspireme_menu .sub-menu.active { display: block } header #dropdown .morejamie_menu a { font-family: "Average", serif; /*font-weight: 400;*/ color: #afafaf; font-size: 18px; line-height: 24px } header #dropdown .morejamie_menu a:hover { color: #99bd36 } header #dropdown .morejamie_menu a.underline-link { text-decoration: underline; font-family: "Montserrat", Georgia; font-size: 14px; color: #99bd36; line-height: 130px; text-transform: uppercase } header #dropdown .morejamie_menu .morejamie_menu-submenu { padding: 20px 0px 20px } header #dropdown .morejamie_menu .morejamie_menu-submenu a { padding-right: 20px; font-family: "Montserrat", Georgia; color: #afafaf; font-size: 14px; text-transform: uppercase } header #dropdown .morejamie_menu .morejamie_menu-submenu a:hover, header #dropdown .morejamie_menu .morejamie_menu-submenu a.active { color: #99bd36 } header #dropdown .morejamie_menu .sub-menu { margin-top: -20px } header #dropdown .morejamie_menu .sub-menu a { color: #1e282f; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s } header #dropdown .morejamie_menu .sub-menu a:hover { color: #99bd36 } header #dropdown .morejamie_menu .sub-menu img { margin-bottom: 8px; display: block; max-width: 100% } header #dropdown .morejamie_menu .sub-menu .row { padding-left: 0px; padding-right: 0px } header #dropdown .morejamie_menu .media-menu { display: none } header #dropdown .morejamie_menu .media-menu .row { padding-left: 25px } header #dropdown .morejamie_menu .media-menu .col-md-2 { width: 14%; padding-left: 0px; padding-right: 10px } header #dropdown .morejamie_menu .restaurants-menu { display: none } header #dropdown .morejamie_menu .homekitchen-menu { display: none } header #dropdown .morejamie_menu .foundation-menu { display: none } header #dropdown .morejamie_menu .other-menu { display: none } header #dropdown .morejamie_menu .news-menu { display: none } header #dropdown .morejamie_menu .sub-menu.active { display: block } header #dropdown .submenu { display: none } header #dropdown .submenu.active { display: block } header #dropdown .submenu .dropdown-element { opacity: 0; -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out; -moz-transition: opacity 0.5s ease-in-out, -moz-transform 0.3s ease-in-out; transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out } header #dropdown .submenu .dropdown-element.active { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .mobile-menu { display: none } .captions { min-height: 150px } .captions span.title { font-size: 18px } #search.container-fluid { padding-left: 25px; padding-right: 25px } #search.container-fluid .container { width: 990px; padding-left: 25px; padding-right: 25px } #search .searchbox .col-xs-10 { padding-left: 25px } #search .searchbox .col-xs-2 { padding-right: 53px } #search .input-wrapper form .twitter-typeahead .search-suggestion { text-align: left; padding-left: 25px; margin-left: 0px } h3 { line-height: 22px } .remove-left-col-padding-md { padding-left: 0px !important } #login-box { display: block; padding: 0 44px 50px; background-color: #ffffff; width: 450px; height: 324px; position: absolute; top: -600px; left: -190px; z-index: 99999; transition: top 0.8s ease; -webkit-transition: top 0.8s ease; -moz-transition: top 0.8s ease } #login-box.active { top: 90px } #login-box.arrow_box { background: #ffffff; border: 1px solid #c5b9a0 } #login-box .golden-line { border-bottom: 1px solid #cbc0aa; width: 100%; margin-top: 8px; float: none; display: block } #login-box span { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ color: #1e282f; font-size: 10px; text-transform: uppercase; line-height: 20px } #login-box span.login { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 14px; text-transform: uppercase; text-decoration: none !important; line-height: 28px !important } #login-box .container-fluid { padding-left: 0px; padding-right: 0px } #login-box .col-md-6 { padding-left: 0px; padding-right: 0px } #login-box .forgot-password { text-align: left; line-height: 45px } #login-box .close-login { background: url("images/close-login.png") no-repeat; width: 43px; height: 43px; position: absolute; top: 10px; right: 10px } #login-box .login-arrow { background: url("images/LoginArrow1.png") no-repeat; width: 32px; height: 14px; position: absolute; top: -14px; right: 45% } #login-box a { font-size: 10px !important; color: #a3865b !important; text-decoration: underline !important; text-transform: uppercase } #login-box a span.login { font-family: "Montserrat", Georgia; /*font-weight: 700;*/ font-size: 14px; text-transform: uppercase; line-height: 28px !important } #login-box a.jw-button { text-decoration: none !important } #login-box a:hover { color: #ffffff } #login-box .login-btn-container { margin-top: 20px; margin-bottom: 12px; float: right } #login-box .facebook-login { color: #39579a; float: right } #login-box .login-fb { background: url("images/login-facebook.jpg") no-repeat; width: 26px; height: 26px; display: block; float: left; margin-top: 26px; margin-left: 18px } #login-box input[type='text'] { border: none; max-width: 362px; font-family: "Average", serif; font-size: 22px; color: #99bd36; margin-top: 40px } #login-box input[type='password'] { border: none; max-width: 362px; font-family: "Average", serif; font-size: 22px; color: #1e282f; margin-top: 36px; color: #99bd36 } #login-box input:focus, #login-box select:focus, #login-box textarea:focus, #login-box button:focus { outline: none } #login-box::-webkit-input-placeholder { font-family: "Average", serif; color: #1e282f; opacity: 1.0 } #login-box:-moz-placeholder { font-family: "Average", serif; color: #1e282f; opacity: 1.0 } #login-box::-moz-placeholder { font-family: "Average", serif; color: #1e282f; opacity: 1.0 } #login-box:-ms-input-placeholder { font-family: "Average", serif; color: #1e282f; opacity: 1.0 } .ad { float: none; width: 300px; height: 250px; position: relative; display: block; margin: 0 auto } .side-pod-image { margin-top: 150px } .side-pod-image img { width: 100% !important; margin-left: 0px } .side-pod-button { right: 20px } #popular-categories .container { padding-left: 25px; padding-right: 25px; width: 990px } #popular-categories .top-col { padding-left: 0px; padding-right: 0px } #popular-categories a span.subtitles { font-size: 18px; margin-bottom: 0px; min-height: 70px; line-height: 1.2 } #howto a .video-play { width: 59px; height: 59px; padding-top: 20px } #howto a .video-play::after { left: 55px; margin-left: 5px; top: 20px } #howto a:hover .video-play { width: 120px } a .video-playhp { width: 59px; height: 59px; padding-top: 20px } a .video-playhp::after { left: 55px; margin-left: 5px; top: 20px } a:hover .video-playhp { width: 120px } #howto ul li a { font-size: 18px } #howto img { margin-bottom: 15px; width: 100% } #howto .content-wrapper { margin-bottom: 116px } #howto .bx-wrapper .bx-controls-direction a { top: 40% } #howto .bx-wrapper .bx-controls-direction a.bx-prev { left: -70px; overflow: hidden } #howto .bx-wrapper .bx-controls-direction a.bx-prev span { left: 130px } #howto .bx-wrapper .bx-controls-direction a.bx-next { right: -70px; overflow: hidden } #howto .bx-wrapper .bx-controls-direction a.bx-next span { right: 60px } #howto .bx-wrapper .bx-controls-direction a { display: block } #howto div[class^="col"] { padding-left: 25px; padding-right: 25px } #howto .container { width: 990px } #howto .bx-wrapper { max-width: 990px !important } #howto .bx-viewport { overflow: hidden !important } #howto.container-fluid { padding-left: 25px; padding-right: 25px } #rotdslider { height: 460px; margin-top: 40px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-prev { left: -60px; overflow: hidden; display: block } #rotdslider .bx-wrapper .bx-controls-direction a.bx-prev span { left: 130px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-next { right: -60px; overflow: hidden; display: block } #rotdslider .bx-wrapper .bx-controls-direction a.bx-next span { right: 60px } #rotdslider .bx-wrapper .bx-controls-direction a { top: 34% } #rotdslider .bxslider-container { width: 940px; position: absolute; left: 50%; margin-left: -414px } #popular-recipes .recipe-list .recipe span.image { width: 100%; height: 265px } #popular-recipes .content-wrapper { margin: 69px 0 122px } #popular-recipes .container { width: 990px } #popular-recipes .recipe-list .recipe span.subtitles { font-size: 18px } #olivechefs .bx-wrapper .bx-controls-direction a { top: 20% } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev { left: -25px } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next { right: -25px } #olivechefs .slider-intro { font-size: 16px } #olivechefs .container { width: 990px } #footer { line-height: 60px; padding: 0px 0px 0px } #pnf-search-section .pnf-message { margin-top: 600px } #pnf-search-section { background: url(images/404-bg.jpg) #000 center top no-repeat } } /*eaters promo*/ .book-banner { background: #f8f8f8; } .book-banner .container-fluid .banner.family { background-color: #a3865b; } .book-banner .container-fluid .banner.active { display: block; } .book-banner .container-fluid .banner { text-align: center; padding: 20px 18px 13px; display: none; } .book-banner .container-fluid .banner .module-title { font-size: 15px; } .book-banner .container-fluid .banner .module-title { margin: 0; text-align: center; text-transform: uppercase; line-height: 1em; } .book-banner .container-fluid .banner .cta .arrow-svg { position: relative; top: -2px; width: 8px; height: 8px; } .book-banner .container-fluid .banner .cta { display: inline-block; height: 28px; line-height: 28px; border-radius: 14px; border: 1px solid #231f20; background-color: #fff; font-size: 14px; padding: 0 24px; margin-top: 10px; font-weight: 500; } .book-videos{ display: block; width: 17%; margin: 0 auto; background-color: white; padding: 7px 0; position: relative; margin-top: 22px; margin-bottom: 15px; } .book-videos2{ display: block; width: 19%; margin: 0 auto; background-color: rgb(122, 94, 51); padding: 7px 0; position: relative; margin-top: 18px; margin-bottom: 38px; } .book-banner .module-title2 { margin: 0px!important; font-family: "ThemaUtotitloiLightItalic"; text-align: center; font-size: 25pt; color: white; font-weight: normal; } .book-banner .container-fluid .banner .book-title, .book-banner .container-fluid .banner .cta, .book-banner .container-fluid .banner .module-title { margin: 0 0 0 0!important; font-family: "ThemaTitloiMediumBold"; text-align: center; /*text-transform: uppercase;*/ line-height: 1em; } .book-banner .container-fluid .banner .cta:hover { color: #1e282f; } .book-fasa{ position: relative; width: 100%; padding-bottom: 3.7%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .book-fasa2 { position: absolute; width: 340px; background-size: 59px 59px,cover; background-position: center center; background-repeat: no-repeat; right: 10%; bottom: -30px; height: 210px; border: white; border-style: solid; border-width: 10px; z-index: 497; } .book-banner .container-fluid .banner .book-image { height: 180px; width: auto; margin-top: 10px; position: relative; right: -12px; border: white; border-style: solid; border-width: 12px; } .book-banner #popular-recipe-loader{ color: #a3865b; background-color: #ffffff; } .book-banner #popular-recipe-loader:hover { background-color: #7a5e33; } .book-banner .btn{ border: 2px solid #a3865b; } @media (min-width: 1300px){ .book-fasa { padding-bottom: 4.7%; } } @media (max-width: 1200px){ .book-fasa2{ right: 3%; width: 280px; height: 173px; } } @media (max-width: 1080px){ .book-fasa2 { position: relative; width: 340px; background-size: 59px 59px,cover; background-position: center center; background-repeat: no-repeat; right: 0; bottom: 0; height: 210px; border: white; border-style: solid; border-width: 10px; margin: 0px auto 19px; } .book-videos { width: 17%; } .book-videos2{ width: 25%; } } @media (max-width: 850px){ .book-videos { width: 22%; } .book-videos2{ width: 35%; } .book-fasa { padding-bottom: 4.7%; } } @media (max-width: 600px){ .book-videos { width: 32%; } .book-videos2{ width: 45%; } } @media (min-width: 992px){.book-banner .container-fluid .banner { /*margin-bottom: 30px; height: 320px;*/ } } @media (min-width: 1200px){ .book-banner .container-fluid .banner .book-image { position: absolute; right: 0; bottom: -45px; width: 180px; height: auto; } .book-banner .container-fluid .banner.col-md-12 .book-image { right: 10%; } .book-banner .container-fluid .banner { padding-top: 0px; padding-left: 0; padding-right: 170px; height: auto; } .book-banner .container-fluid .banner .module-title { font-size: 16pt; } .book-banner .container-fluid .banner .cta { font-size: 17px; height: 36px; line-height: 36px; border-radius: 18px; } .book-banner .container-fluid .banner.family .cta { margin-top: 25px; } } @media (min-width: 1490px){ .book-banner .container-fluid .banner.family .book-image { width: 200px; } .book-banner .container-fluid .banner { padding-right: 220px; } } @media (min-width: 768px){ .container-fluid, .no-gutter>[class*=col-] { padding-left: 25px; padding-right: 25px; } } @media (min-width: 1200px) { .logo img { width: 238px; height:33px; margin: 24px 0 } .logoch img { width: 238px; height:93px; margin: -43px 0 } /* .logo img { width: 205px; height: 77px }*/ .col-sd-5ths { width: 20% } header #jo-header .container { width: 1150px } header #jo-header nav .nav-1 { width: 635px } header #jo-header nav .nav-1 ul li { padding: 0px 12px 0px } header #jo-header nav .nav-1 ul li a span { line-height: 15px } header #jo-header nav a { font-size: 14px } #search.container-fluid .container { width: 1150px } .side-pod-image { margin-top: 70px } .side-pod-image img { width: 62% !important; margin-left: 70px } .side-pod-button { right: 50px } #popular-categories .container { width: 1150px; padding-left: 25px; padding-right: 25px } #popular-categories a span.subtitles { font-size: 18px; margin-bottom: 0px; min-height: 70px; line-height: 1.2 } #howto .container { width: 1150px } #howto .container .bx-wrapper { max-width: 1150px !important } #howto .bx-wrapper .bx-controls-direction a.bx-prev { left: -70px } #howto .bx-wrapper .bx-controls-direction a.bx-next { right: -70px } #howto .bx-wrapper .bx-controls-direction a { top: 35% } #rotdslider { height: 525px; margin-top: 40px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-prev { left: -60px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-next { right: -60px } #rotdslider .bx-wrapper .bx-controls-direction a { top: 210px } #rotdslider .bxslider-container { width: 1100px; position: absolute; left: 50%; margin-left: -550px } #popular-recipes .container { width: 1150px } #popular-recipes .recipe-list .recipe span.image { height: 334px } #olivechefs .container { width: 1150px } } @media (min-width: 1490px) { .inter-social { width: 80px } h2 { margin-top: 73px } header #jo-header .container { width: 1440px; padding-left: 25px; padding-right: 25px } header #jo-header nav { width: 1180px } header #jo-header nav .nav-1 { width: 820px; margin-right: 0px } header #jo-header nav .nav-1 ul { margin: auto; display: block } header #jo-header nav .nav-1 ul li { padding: 0px 24px 0px } header #jo-header nav .nav-2 { float: right } header #jo-header nav .nav-2 ul li { padding: 0px 22px 0px } header #jo-header nav .nav-2 ul li.follow .social-menu ul li { width: 96px } header #jo-header nav .nav-2 ul li.login-container span { display: inline; padding-top: 0px; line-height: 76px; text-align: left } header #jo-header nav .nav-2 ul li.login-container span a { display: inline; line-height: 15px } header #jo-header nav .nav-2 ul li.site-search { width: 90px } header #dropdown .col-md-2 { width: 16.6667%; padding-left: 25px; padding-right: 25px } header #login-box { left: -150px } #search.container-fluid { padding-left: 25px } #search.container-fluid .container { width: 1440px; padding-left: 25px } #search .searchbox .col-xs-2 { padding-right: 56px } .remove-left-col-padding-md { padding-left: 0px !important } .side-pod-image { margin-top: 180px } .side-pod-image img { width: 90% !important; margin-left: 25px } .side-pod-button { right: 20px } #popular-categories img { margin-bottom: 10px } #popular-categories .top-col { padding-right: 0px !important } #popular-categories .container { width: 1440px } #popular-categories .content-wrapper { margin-bottom: 64px } #popular-categories a span.subtitles { font-size: 18.194px } #popular-recipes .recipe-list .recipe span.image { height: 414px } #popular-recipes .container { width: 1440px } #popular-recipes .content-wrapper { margin-bottom: 118px } #popular-recipes .recipe-list .recipe span.subtitles { font-size: 20px } .captions span.title { font-size: 20px } #rotdslider { position: relative; height: 550px; overflow: hidden; margin-top: 40px } #rotdslider .rotd-wrapper { position: relative } #rotdslider .mask { background-image: url("images/maskrecipe.png"); background-repeat: no-repeat; background-position: center center; width: 735px; height: 690px; position: absolute; top: 0px; z-index: 99 } #rotdslider .left { left: 0px } #rotdslider .right { right: 0px } #rotdslider .bxslider-container { width: 2830px; position: absolute; left: 50%; margin-left: -1415px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-prev { left: 760px; overflow: hidden } #rotdslider .bx-wrapper .bx-controls-direction a.bx-prev span { left: 130px } #rotdslider .bx-wrapper .bx-controls-direction a.bx-next { right: 760px; overflow: hidden } #rotdslider .bx-wrapper .bx-controls-direction a.bx-next span { right: 60px } #rotdslider .bx-wrapper .bx-controls-direction a { top: 222px } #howto .container { padding-left: 0px; padding-right: 0px; width: 1440px } #howto .container .bx-wrapper { max-width: 1390px !important } #howto ul li a { font-size: 18.194px } #howto a .video-play { width: 59px; height: 59px; padding-top: 20px } #howto a .video-play::after { top: 20px; left: 65px; margin-left: 0px } #howto a:hover .video-play { width: 135px } a .video-playhp { width: 59px; height: 59px; padding-top: 20px } a .video-playhp::after { top: 20px; left: 65px; margin-left: 0px } a:hover .video-playhp { width: 135px } #howto .bx-wrapper .bx-controls-direction a.bx-prev { left: 0px } #howto .bx-wrapper .bx-controls-direction a.bx-next { right: 0px } #howto .bx-wrapper { max-width: 1390px !important } #howto .bx-wrapper .bx-controls-direction a { top: 40% } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev { display: none } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next { display: none } #olivechefs .container { width: 1440px } #olivechefs .subtitle { margin-bottom: 20px } #olivechefs .content-wrapper { margin-bottom: 10px } #olivechefs .subtitle { margin-bottom: 60px } .survey-banner { height: 53px; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; float: left; text-align: left; padding-bottom: 0px } .survey-banner span.copy { display: inline-block; line-height: 53px; margin-bottom: 0px } .survey-banner .btn { float: right; margin-right: 20px; margin-top: 9px } .survey-banner .button-wrap { float: right !important } .survey-banner .button-wrap.mobile-show { height: 70px } .survey-banner .circle-close { margin-top: 10px } } @media (min-width: 1650px) { #howto .bx-wrapper .bx-controls-direction a.bx-prev { left: -70px } #howto .bx-wrapper .bx-controls-direction a.bx-next { right: -70px } #olivechefs .bx-wrapper .bx-controls-direction a.bx-prev { left: -70px } #olivechefs .bx-wrapper .bx-controls-direction a.bx-next { right: -70px } } .xmas-2015-banner { border: 2px solid #FC727F; text-align: center; padding-bottom: 1.5em; position: relative; width: 800px; font-size: 14px; max-width: 100%; background: white; margin-right: auto; margin-left: auto; background-image: url("images/holly_2x.png"), url("images/holly_2x.png"); background-position: 3% center, 97% center; background-size: 62px 23px, 62px 23px; background-repeat: no-repeat; font-family: "museo-slab"; line-height: 1.45 !important; letter-spacing: 0 !important } @media screen and (max-width: 50.9375em) { .xmas-2015-banner { font-family: "veneer"; padding-bottom: 0; margin-top: 0; border-top: 0px; border-right: 0px; border-left: 0px; font-size: 16px; line-height: 1.8; background-image: url("images/banner_snow_left.png"), url("images/banner_snow_right.png"); background-position: left center, right center; background-size: contain, contain; background-repeat: no-repeat } } .xmas-2015-banner a { color: #5AB892; text-transform: uppercase; display: block } @media screen and (max-width: 50.9375em) { .xmas-2015-banner a { color: #FC727F } } .xmas-2015-banner--wrapper { display: block; clear: both; background: transparent; padding-top: 1.5em; padding-right: 2em; padding-left: 2em } @media screen and (max-width: 50.9375em) { .xmas-2015-banner--wrapper { padding: 0; background: white } } .xmas-2015-banner__close-button { position: absolute; top: 50%; right: -35px; background: white; height: 1.5em; width: 1.5em; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .xmas-2015-banner__close-button:after, .xmas-2015-banner__close-button:before { position: absolute; top: 3px; right: 3px; bottom: 0; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height: 1.2em; width: 0.1em; background: #FC727F; content: ''; display: block; margin: -3px 0 0 -1px } .xmas-2015-banner__close-button:hover:after, .xmas-2015-banner__close-button:hover:before { background: #fb4052 } .xmas-2015-banner__close-button:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .christmas-tag { position: relative; display: block; background: #5AB892; width: 140px; margin: 0 auto; padding: 1px; -webkit-transform: translateY(-13px); -moz-transform: translateY(-13px); -ms-transform: translateY(-13px); -o-transform: translateY(-13px); transform: translateY(-13px); z-index: 99 } .christmas-tag:before { content: ""; width: 0; height: 0; border: 12px solid #5AB892; border-left-color: transparent; position: absolute; top: 0; left: -21px } .christmas-tag:after { content: ""; width: 0; height: 0; border: 12px solid #5AB892; border-right-color: transparent; position: absolute; top: 0; right: -21px; z-index: 10 } .christmas-tag__label { text-transform: uppercase; color: #5AB892; font-size: 14px; background: white; position: relative; display: block; padding: 1px } .christmas-tag__label:before { content: ""; width: 0; height: 0; border: 11px solid #fff; border-left-color: transparent; position: absolute; top: 0; left: -20px } .christmas-tag__label:after { content: ""; width: 0; height: 0; border: 11px solid #fff; border-right-color: transparent; position: absolute; top: 0; right: -20px; z-index: 20 } .xmas-hr { height: 31px; background-image: url("images/xmas_hr.png"); background-size: 86px 31px; background-position: center; border: none } .xmas-hhy-promo { position: fixed; bottom: 2em; right: 2em; z-index: 201; text-align: center } @media screen and (max-width: 50.9375em) { .xmas-hhy-promo { display: none } } .xmas-hhy-promo a { color: white } .xmas-hhy-promo a:hover { color: white } .xmas-hhy-promo--find-out-more { display: block; width: 175px; background: #58BABB; color: white; font-family: "museo-slab"; text-transform: uppercase; padding: 3px; position: absolute; bottom: -12px; left: 50%; border: 2px solid white; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .xmas-hhy-promo--close-button { position: absolute; top: -1.2em; right: -1.2em; background: #58BABB; height: 2.4em; width: 2.4em; cursor: pointer; border-radius: 50%; border: 2px solid white } .xmas-hhy-promo--close-button:after, .xmas-hhy-promo--close-button:before { position: absolute; top: 8px; right: 8px; bottom: 0; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height: 1.5em; width: 0.15em; background: white; content: ''; display: block; margin: -3px 0 0 -1px } .xmas-hhy-promo--close-button:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .xmas-hhy-promo-mobile { background: #FC727F; color: #fff !important; position: fixed; z-index: 201; bottom: 0; width: 100%; left: 0; text-align: center; padding-top: 3px; background-image: url("images/footer_promo_bg_left.png"), url("images/footer_promo_bg_right.png"); background-position: 1% center, 99% center; background-repeat: no-repeat } .xmas-hhy-promo-mobile:hover { color: #fff !important } .xmas-hhy-promo-mobile--tagline-one { font-family: "veneer" } .xmas-hhy-promo-mobile--tagline-two { font-family: "thirsty"; font-size: 26px; margin-top: -5px; text-transform: none !important } .xmas-2015-nav-link { position: relative } .xmas-2015-nav-link:before { position: absolute; left: 50%; top: -18px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (min-width: 61.875em) { .xmas-2015-nav-link:before { content: url("images/nav_holly.png") } } .xmas-2015-nav-link.active:before { -webkit-filter: brightness(5%); filter: brightness(5%) } .xmas_menu { background-image: url("images/nav_snow_bg.png"); background-position: center } .xmas-2015-subnav-link { position: relative; float: left } .xmas-2015-subnav-link a { font-family: "thirsty"; color: #FC727F !important; font-size: 32px; position: relative !important } .xmas-2015-subnav-link a:before { content: url("images/nav_link_snow.png"); position: absolute; top: -34px; left: -16px } .xmas-bouncing-bauble { position: absolute; top: 0; right: 2em; z-index: 999 } .xmas-bouncing-bauble__fixed { position: fixed !important } .xmas-bouncing-bauble .snow { position: absolute; top: 100px; left: 0; z-index: 10 } .xmas-bouncing-bauble .bauble { z-index: 20 } .xmas-bouncing-bauble .close { cursor: pointer } @media screen and (max-width: 50.9375em) { .fix__hide-on-mobile { display: none !important } } .fix__only-on-mobile { display: none } @media screen and (max-width: 50.9375em) { .fix__only-on-mobile { display: inline } } .fix__not-visible { display: none } .xmas-mag-promo { display: none; position: fixed; bottom: 40px; right: 40px; z-index: 1000; text-align: center } @media screen and (max-width: 50.9375em) { .xmas-mag-promo { bottom: -5px; right: auto; display: block; margin: 0 auto; width: 100% } } .xmas-mag-promo a { display: block } .xmas-mag-promo a:hover { color: #5fe1f5 } .xmas-mag-promo .xmas-mag-promo-mobile { float: none; display: block; margin: 0 auto } .xmas-mag-promo .xmas-mag-promo-close { position: relative; display: block; /*font-weight: 700;*/ text-align: center; text-transform: uppercase; font-size: 10px; margin-top: -17px } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } .xmas-mag-promo-mobile-wrapper { position: relative; display: none } @media screen and (max-width: 50.9375em) { .xmas-mag-promo-mobile-wrapper { display: inline-block !important } .xmas-mag-promo-mobile-wrapper--close-button { position: absolute; top: 0.6em; right: 0.5em; background: #98ECF7; height: 2.4em; width: 2.4em; cursor: pointer; border-radius: 50%; z-index: 10; border: 2px solid white; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8) } .xmas-mag-promo-mobile-wrapper--close-button:after, .xmas-mag-promo-mobile-wrapper--close-button:before { position: absolute; top: 8px; right: 8px; bottom: 0; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height: 1.5em; width: 0.15em; background: white; content: ''; display: block; margin: -3px 0 0 -1px } .xmas-mag-promo-mobile-wrapper--close-button:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } } /*home page advs */ @media (max-width:991px) { .adv-home-a{text-align: center;margin-bottom: 15px;} .adv-home-b{text-align: center;} } @media (min-width: 992px) { .adv-home-a{margin-bottom: 111px; margin-top: 0px; float: none; padding: 0;} } @media (min-width: 1200px) { .adv-home.advscroll-a.col-lg-3.col-sd-4.col-md-4.col-sm-12, .adv-home.advscroll-b.col-lg-3.col-sd-4.col-md-4.col-sm-12 { padding-left: 25px; padding-right: 25px; width: 33.33333333%; } .adv-home{width: 100%;} .adv-home-a{float: left; /*padding: 0 130px;*/margin-bottom: 35px; margin-top:0px} .adv-home-b{float: left; /*padding-left: 22px;*/} } @media (min-width: 1490px) { .adv-home-a{ margin-bottom: 100px; margin-top: 0px;float: none;padding: 0;} .adv-home-b{float: none; padding-left: 0px;} } /*Uber Menu*/ .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { border: none; margin-top: -45px; } @media screen and (max-width: 991px) { .ubermenu-responsive.ubermenu {margin: 0px;background: #99bd36 !important; float: left;} .ubermenu .ubermenu-nav .ubermenu-column-1-4 {width: 50% !important;} } #menu-item-34770 .syntages span.ubermenu-target-title.ubermenu-target-text {color: #FFFF00 !important;} #menu-item-35748 .syntages span.ubermenu-target-title.ubermenu-target-text {color: #FFFF00 !important} .glyka1 span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;line-height: 1.1;font-family: cf_asty_st;text-transform: none;margin-bottom: 10px;color: #99bd36; letter-spacing: 0.5px;} .ta-vasika span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;/*margin-bottom: 10px;*/color: #99bd36;letter-spacing: 1.6px; line-height: 18px;} .ta-vasika1 span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;color: #fff;letter-spacing: 1.6px; line-height: 18px;} .kyrio-yliko span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .eidos-piatou span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .eidos-geumatos span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .eidiki-diatrofi span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .peristasi span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .tropos-mageirematos span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .giortino-trapezi span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .epoxikes-syntages span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.6px; line-height: 18px;} .ilias1 span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;text-transform: uppercase;/*margin-bottom: 10px;*/color: #99bd36;letter-spacing: 1.6px; line-height: 18px;} span.ubermenu-target-title.ubermenu-target-text {} .logooo {margin-top: -13px;} .syntages span.ubermenu-target-title.ubermenu-target-text { font-size: 14px; font-family: ThemaTitloiLightbold; color: #fff;LETTER-SPACING: 0.6px;} ul#ubermenu-nav-main-3971-main-menu { margin: -5px 0 0 0; } .logooo img {margin: 0px 0px -8px 0;} /* .follow ul.ubermenu-submenu.ubermenu-submenu-id-29134.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {position: relative;margin: -30px auto;} .face {margin-top: 13px;} .face, .insta, .twitt, .plus, .pint, .you {background-color: black;width: 96px;} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-29134 {width: 75px !important;min-width: 97px;background-color: transparent;border: none;box-shadow: none;} ul.ubermenu-submenu.ubermenu-submenu-id-29134.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {background-color: transparent !important;border: none !important;box-shadow: none !important;} */ /* search */ @media screen and (max-width: 1490px) {.ubermenu.ubermenu-main .ubermenu-item-level-0 {margin: 15px -23px 7px 0px !important;}} .ubermenu-submenu.ubermenu-submenu-id-34793.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #82A02E;} li#menu-item-34793 {border-left: 1px solid #82A02E;border-right: 1px solid #82A02E;padding: 9px 0px 0px 0px;margin: 5px 0px -1px 12px !important;height: 78px;} @media screen and (max-width: 1200px) { .logooo {margin-top: -5px;width: 190px;padding: 0px 0px 7px 0px;} .ubermenu.ubermenu-main .ubermenu-item-level-0 {margin: 14px -25px 7px 0px !important;} ul#ubermenu-nav-main-3971-main-menu { margin: -8px 0 0 0; } li#menu-item-34793 {border-left: 2px solid #82A02E;border-right: 2px solid #82A02E;padding: 9px 0px 0px 0px;margin: 8px 0px -8px 30px !important; height: 78px;} } @media screen and (max-width: 991px) { header.fixed {position: relative !important;} #menu-item-34769 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: none !important;} .ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1) {width: 100%;} .ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+2) {width: 100%!important;} li#menu-item-34771 {display: none;} span.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.ubermenu-noindicator.syntages {margin: -17px 0px -12px 0px;} /* li#menu-item-34548 {width: 50% !important;clear: none;float: left;} li#menu-item-34522 {width: 50%;clear: none;float: left;} */ .ubermenu .ubermenu-nav .ubermenu-column-1-4 {width: 50% !important; float: left;} .ubermenu-submenu.ubermenu-submenu-id-34519.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width.ubermenu-submenu-retractor-top {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34596.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width.ubermenu-submenu-retractor-top {background-color: #99bd36 !important;} span.ubermenu-target-title.ubermenu-target-text {color: #fff!important;} .ubermenu-submenu.ubermenu-submenu-id-34688.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width.ubermenu-submenu-retractor-top {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34770 .ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width.ubermenu-submenu-retractor-top {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34754.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width.ubermenu-submenu-retractor-top {background-color: #99bd36 !important;} ul.ubermenu-row.ubermenu-row-id-34519.ubermenu-autoclear {background-color: #99bd36 !important;} ul.ubermenu-row.ubermenu-row-id-34596.ubermenu-autoclear {background-color: #99bd36 !important;} ul.ubermenu-row.ubermenu-row-id-34688.ubermenu-autoclear {background-color: #99bd36 !important;} ul.ubermenu-row.ubermenu-row-id-34770.ubermenu-autoclear {background-color: #99bd36 !important;} ul.ubermenu-row.ubermenu-row-id-34754.ubermenu-autoclear {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34519.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34596.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34688.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34770.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #99bd36 !important;} .ubermenu-submenu.ubermenu-submenu-id-34754.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #99bd36 !important;} li#menu-item-34519 {display: none;} li#menu-item-35748 {display: none;} li#menu-item-34596 {display: none;} li#menu-item-34688 {display: none;} li#menu-item-34754 {display: none;} li#menu-item-35788 {display: none;} li#menu-item-35727 {display: none;} li#menu-item-35110,li#menu-item-35126,li#menu-item-35130,li#menu-item-35141,li#menu-item-35147,li#menu-item-35153,li#menu-item-35159,li#menu-item-35163,li#menu-item-35166, li#menu-item-35170,li#menu-item-35171,li#menu-item-35194,li#menu-item-35202,li#menu-item-35205,li#menu-item-35206,li#menu-item-35207,li#menu-item-35215,li#menu-item-35218, li#menu-item-35219,li#menu-item-35220,li#menu-item-34695,li#menu-item-35198,li#menu-item-35726,li#menu-item-35689, li#menu-item-38802, li#menu-item-38804 {height: 38px;border-bottom: 1px solid #fff;} .ubermenu-submenu.ubermenu-submenu-id-34770.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {background-color: #82a02e !important;} li#menu-item-35111,li#menu-item-35112,li#menu-item-35113,li#menu-item-35114,li#menu-item-35115,li#menu-item-35116,li#menu-item-35117,li#menu-item-35118,li#menu-item-35119, li#menu-item-35120,li#menu-item-35121,li#menu-item-35122,li#menu-item-35123,li#menu-item-35124,li#menu-item-35125,li#menu-item-35131,li#menu-item-35132,li#menu-item-35133,li#menu-item-35134, li#menu-item-35135,li#menu-item-35136,li#menu-item-35137,li#menu-item-35138,li#menu-item-35139,li#menu-item-35127,li#menu-item-35128,li#menu-item-35129, li#menu-item-35142,li#menu-item-35143,li#menu-item-35144,li#menu-item-35145,li#menu-item-35146,li#menu-item-35154,li#menu-item-35155,li#menu-item-35156,li#menu-item-35157, li#menu-item-35158,li#menu-item-35160,li#menu-item-35161,li#menu-item-35162,li#menu-item-35164,li#menu-item-35165,li#menu-item-35167,li#menu-item-35168, li#menu-item-35148,li#menu-item-35149,li#menu-item-35150,li#menu-item-35151,li#menu-item-35152,li#menu-item-35195,li#menu-item-35196,li#menu-item-35197, li#menu-item-35199,li#menu-item-35200,li#menu-item-35201,li#menu-item-35203,li#menu-item-35204,li#menu-item-35208,li#menu-item-35209, li#menu-item-35210,li#menu-item-35211,li#menu-item-35212,li#menu-item-35221,li#menu-item-35222,li#menu-item-35223,li#menu-item-35216,li#menu-item-35217, li#menu-item-38500,li#menu-item-35712,li#menu-item-35710,li#menu-item-42016 {/*height: 25px;*/border-bottom: 1px solid #fff;} li#menu-item-35108 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-35175 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-35192 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-35213 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-34769 {/* height: 20px;*/border-bottom: 1px solid #fff;} li#menu-item-34770 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-35730 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-35788 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li#menu-item-38803 {/* height: 20px;*/ border-bottom: 1px solid #fff;} li.ubermenu-retractor.ubermenu-retractor-mobile {margin: 15px 0 0 0;} .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {margin-top: 0px !important;} li#menu-item-35177,li#menu-item-35178,li#menu-item-35179,li#menu-item-35180,li#menu-item-35181,li#menu-item-35182,li#menu-item-35183,li#menu-item-35184,li#menu-item-35185, li#menu-item-35186,li#menu-item-35187,li#menu-item-35188,li#menu-item-35189,li#menu-item-35190,li#menu-item-35191,li#menu-item-34935,li#menu-item-34936,li#menu-item-34937, li#menu-item-34938,li#menu-item-34939,li#menu-item-34940,li#menu-item-34941,li#menu-item-35691,li#menu-item-36492,li#menu-item-37518,li#menu-item-58150 {height: 39px;border-bottom: 1px solid #fff;} ul.ubermenu-submenu.ubermenu-submenu-id-35110.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width, ul.ubermenu-submenu.ubermenu-submenu-id-35126.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35130.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35147.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35153.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35159.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35163.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35166.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35141.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35194.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35202.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35207.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35215.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35220.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, ul.ubermenu-submenu.ubermenu-submenu-id-35110.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-center, .ubermenu-submenu.ubermenu-submenu-id-35108.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item.ubermenu-autoclear, .ubermenu-submenu.ubermenu-submenu-id-35192.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item.ubermenu-autoclear, .ubermenu-submenu.ubermenu-submenu-id-35213.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item.ubermenu-autoclear {margin-top: -20px !important;} li#menu-item-34793 {border-left:none;border-right: none; margin:0 !important;padding: 18px 0 0 0;} } @media screen and (min-width: 992px) { a#sef {display: none;} li#menu-item-35213 {display: none;} li#menu-item-35108 {display: none;} li#menu-item-35175 {display: none;} li#menu-item-35192 {display: none;} li#menu-item-34770 {display: none;} li#menu-item-38803 {display: none;} } ul.ubermenu-row.ubermenu-row-id-34597.ubermenu-autoclear {margin-top: 10px;} .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { position: relative; right: -13px;} /* kefalakia */ /* li#menu-item-35727 {display: none;} .kefalakia img {height: 76px;} li#menu-item-35736 { margin: 34px 0px -14px 0; } */ /* END kefalakia */ /* glyka desktop */ li#menu-item-34598,li#menu-item-34599,li#menu-item-34600,li#menu-item-34601,li#menu-item-34602,li#menu-item-34604,li#menu-item-34605,li#menu-item-34606, li#menu-item-34607,li#menu-item-34608,li#menu-item-34609,li#menu-item-34610,li#menu-item-34611,li#menu-item-34612,li#menu-item-34613,/*li#menu-item-34692, */ li#menu-item-36493,li#menu-item-37519,li#menu-item-58151 {height: 34px;} ul.ubermenu-submenu.ubermenu-submenu-id-35734.ubermenu-submenu-type-stack,ul.ubermenu-submenu.ubermenu-submenu-id-35733.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-35731.ubermenu-submenu-type-stack,ul.ubermenu-submenu.ubermenu-submenu-id-35732.ubermenu-submenu-type-stack { padding-bottom: 0px !important;} /* END glyka desktop */ /* anakalyptoume desktop */ ul.ubermenu-submenu.ubermenu-submenu-id-34691.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34700.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34710.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34757.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34765.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34522.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34570.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34591.ubermenu-submenu-type-stack, ul.ubermenu-submenu.ubermenu-submenu-id-34584.ubermenu-submenu-type-stack {margin-top: -14px !important;} ul.ubermenu-submenu.ubermenu-submenu-id-34553.ubermenu-submenu-type-stack {margin-top: -13px !important;} ul.ubermenu-submenu.ubermenu-submenu-id-34563.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack {margin-top: -14px !important;} ul.ubermenu-submenu.ubermenu-submenu-id-34577.ubermenu-submenu-type-stack {margin-top: -26px !important;} a.tropos-mageirematos {color: #99bd36!important;} a.tropos-mageirematos:hover {color: #000;} .ubermenu .ubermenu-item.ubermenu-item-34577 > .ubermenu-target span{color: #99bd36!important;} .ubermenu .ubermenu-item.ubermenu-item-34577 > .ubermenu-target:hover span{color: #000!important;} ul.ubermenu-submenu.ubermenu-submenu-id-34588.ubermenu-submenu-type-stack {margin-top: -5px !important;} ul.ubermenu-submenu.ubermenu-submenu-id-34548.ubermenu-submenu-type-stack {margin-top: -16px !important;} ul.ubermenu-row.ubermenu-row-id-34689.ubermenu-autoclear,ul.ubermenu-row.ubermenu-row-id-34755.ubermenu-autoclear, .ubermenu-submenu.ubermenu-submenu-id-34519.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {padding-top: 10px;} li#menu-item-34588 {padding-top: 10px;} /* END anakalyptoume desktop */ li#menu-item-29171 {margin-bottom:4px;} /* li#menu-item-34793 {border-right: 2px solid #82A02E;border-left: 2px solid #82A02E;height: 78px;margin: 0px 0px 0px 2px;padding: 9px 0 0 0;} */ span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;font-family: cf_asty_st;} /* milo related posts */ .hfeed.site {padding: 0 24px!important;} #content .more-news h3.title {font-size: 16px!important;line-height: 1!important;text-transform: capitalize!important;display: inline!important;/*font-weight: normal;*/ padding-right: 15px!important;color: #1e282f !important;font-family: Georgia !important;/*font-weight: normal!important;*/} /*recipe details*/ #rate-product > h6 {font-family: "ThemaTitloiLight"; padding: 5px 0 0 0; font-size: 12px; letter-spacing: 0.3px;} #output {font-family: "ThemaTitloiLightBold"; padding: 5px 0 0 0;} .rate-box > p {font-family: "ThemaTitloiLightBold"; padding: 5px 0 0 0;} /*post listing details*/ #nb-entry-meta{ font-family: "ThemaTitloiLightBold", Georgia;} #nb-entry-meta > span.author.vcard > a {color: #a3865b;} #nb-entry-meta > span.cats > a {color: #a3865b;} div.post_mob_header > div.mob_excerpt {font-family: "cf_asty_st", Georgia;} div.continue_reading > a {font-family: "ThemaTitloiLightBold", Georgia;} @media screen and (min-width: 1350px) { html {overflow-x: hidden;}} @media screen and (max-width: 1350px) { #skpos {display: none;}} .skin-olv {top: 230px;} .ubermenu .ubermenu-submenu .ubermenu-search input.ubermenu-search-input {padding: 17px 66px 14px 46px;float: none;position: absolute;} .ubermenu .ubermenu-submenu .ubermenu-search .ubermenu-search-submit, .ubermenu .ubermenu-submenu .ubermenu-searchbar-drop .ubermenu-search-submit {position: relative;float: left;} .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {margin-top: 7px !important;} #menu-item-34519 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 44px;z-index: 222222;} #menu-item-35727 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 100px;z-index: 222222;} #menu-item-34596 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 37px;z-index: 222222;} #menu-item-34688 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 75px;z-index: 222222;} #menu-item-34754 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 65px;z-index: 222222;} #menu-item-34769 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 44px;z-index: 222222;} #menu-item-35788 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 44px;z-index: 222222;} #menu-item-35748 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 95px;z-index: 222222;} @media screen and (min-width: 992px) and (max-width: 1200px) { .syntages span.ubermenu-target-title.ubermenu-target-text {font-size: 12px;margin: 0px 8px 0 0; letter-spacing: 0.3px} #menu-item-34519 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 37px;z-index: 222222;} #menu-item-35727 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 100px;z-index: 222222;} #menu-item-34596 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 32px;z-index: 222222;} #menu-item-34688 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 65px;z-index: 222222;} #menu-item-34754 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 58px;z-index: 222222;} #menu-item-34769 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 44px;z-index: 222222;} #menu-item-35748 .syntages span.ubermenu-target-title.ubermenu-target-text:hover:after {content: "";border-color: transparent transparent #FFFFFF transparent;border-style: solid; border-width: 9px;width: 0;height: 0;position: absolute;bottom: -11px;left: 85px;z-index: 222222;} } .ubermenu-skin-aqua .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {border-bottom: none !important;} li#menu-item-34596 li a span {text-transform: none!important;} .ilias span.ubermenu-target-title.ubermenu-target-text {line-height: 19px;} /* AD CANVAS */ div#fulladcanvas { background-image: url('http://canvas.tnwcdn.com/canvases/565db2367f0cc6cf638b4583/background_1443108215.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; background-position: center center; will-change: transform,opacity; z-index: 0; background-size: contain; position: absolute; opacity: 1; transform: scale(1); -webkit-transition: opacity 500ms 100ms ease-out, transform 500ms 100ms ease-out; -moz-transition: opacity 500ms 100ms ease-out, transform 500ms 100ms ease-out; transition: opacity 500ms 100ms ease-out, transform 500ms 100ms ease-out; background-position: center top; display: block; left: 0; margin: 0; right: 0; bottom: 0; position: fixed; top: 0; } #slidecanvas {background: #fff;position: relative;padding: 20px;} #recipe-single {background: transparent!important;z-index:2;position:relative;} .minimal-light .esg-navigationbutton:hover, .minimal-light .esg-filterbutton:hover, .minimal-light .esg-sortbutton:hover, .minimal-light .esg-sortbutton-order:hover, .minimal-light .esg-cartbutton a:hover, .minimal-light .esg-filterbutton.selected { background-color: #99bd36; border-color: #bbb; color: #FFF; } #recipe-subcat-listing .widget-area { margin: 0 0 0; padding: 0 0 0 20px; } .widget-area .widget { padding: 0px 0px 33px 0px; } input[type=button], input[type=submit] { cursor: pointer; width: 120px; height: 50px; font-size: 18px; } /* buttons */ input.button, .chfbtn{ font-family: "ThemaTitloiLightbold", Georgia; /*font-weight: 700;*/ font-size: 14px; display: block; margin: auto; width: 285px; height: 50px; border: 2px solid #99bd36; text-align: center; color: #99bd36; line-height: 40px; cursor: pointer; background: transparent; transform: translateZ(0px); -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .bioauthor h3 { font-family: 'ThemaUtotitloiLightItalic'!important; padding: 20px 0; border-bottom: 1px #909090 solid; width: 160px; } .bioauthor p { padding: 20px 0; border-bottom: 1px #909090 solid; color: #909090; margin: 0 0 24px !important; margin: 0 0 1.714285714rem !important; font-size: 18px !important; line-height: 22px !important; background: none !important; text-align: left; font-family: "cf_asty_st", Georgia; } input.button:hover,.chfbtn:hover {background: #99bd36;color: #fff;} #cheffilters span {float: left;margin: 5px;} a.btn.chfbtn {line-height: 45px;} /* END buttons */ .post-36042 h1.single_title_list { display: none; } /* footer */ /*#footer ul li:after, #footer ul li:before {content: '|';color:#fff;}*/ #footer ul li a {font-family: "ThemaTitloiLightbold";font-size: 16px;} .ubermenu.ubermenu-main .ubermenu-search .ubermenu-search-submit {background: #82a02e !important;} .hfeed .entry-title{ font-family: 'ThemaUtotitloiLightItalic'; font-style: normal; font-size: 20px; } .hfeed .entry-title>span{ color: #a3865b;} #popular-recipe-loader{ margin-top: 34px; font-family: "ThemaTitloiLightBold";color: #99bd36;} #popular-recipe-loader>span {letter-spacing: 1.4px;} .ubermenu.ubermenu-main .ubermenu-search input.ubermenu-search-input { background: #82a02e; color: #f7f7f7; font-size: 20px; font-family: cf_asty_st; margin-left: 7px; } #recipe-subcat-listing .recipe-cat-sidebar {min-height: 735px;} /*afieroma anakalyptoume */ .afieroma-playhp{ background-image: url("images/omospondia.png"); background-repeat: no-repeat; background-size: 139px 70px; width: 139px; height: 70px; position: absolute; top: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; } .afieroma-playhp2{ background-image: url("images/malle.jpg"); background-repeat: no-repeat; background-size: 58px 43px; width: 147px; height: 43px; position: absolute; top: 0px; left: 0px; padding-top: 20px; transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; } /* sidebar afi widget */ .afisidedesc {float: left;width: 200px;padding-left: 10px;line-height: 2.3em;} .siderecimg {float: left;} #recent_recipe_footer_widget-2 {/*margin-top: -245px;*/} .siderecimg img {width: 90px;} div#recent_recipe_footer_widget-2 li {padding-bottom: 20px;} nav.breadcrumbbg.breadcrumbs.aaa.hfeed.site {text-align: center;font-family: "ThemaTitloiLightBold", Georgia;} ul.ubermenu-submenu.ubermenu-submenu-id-35209.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item { background: #82a02e; margin: 2px 0 0 0; } div#at-jumboshare { margin: 30px 0 30px 0; } ul.ubermenu-submenu.ubermenu-submenu-id-34707.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack { padding: 0 0 0 0; } .ubermenu-submenu-id-35728 a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above, .ubermenu-submenu-id-34760 a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above, .ubermenu-submenu-id-34762 a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above, .ubermenu-submenu-id-35694 a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above{margin-top: 0;padding-top: 0;} span.ubermenu-target-title.ubermenu-target-text {line-height: 16px;} .ta-vasika span.ubermenu-target-title.ubermenu-target-text:hover, .ubermenu-row-id-35788_auto_1 span.ubermenu-target-title.ubermenu-target-text:hover, .ubermenu-submenu-id-35789 span.ubermenu-target-title.ubermenu-target-text:hover, .ubermenu-row-id-34779 span.ubermenu-target-title.ubermenu-target-text:hover, .ubermenu-row-id-34597 span.ubermenu-target-title.ubermenu-target-text:hover{color: #000;} nav.breadcrumbbg.breadcrumbs {text-align: center;} .category-mediterranean-cooking h1, .medcook ul li a,.category-mediterranean-cooking .entry-content p {font-family: Georgia!important;} .category-mediterranean-cooking p {font-family: georgia;} .category-mediterranean-cooking span.author.vcard {color: #a3865b;} /*food bloggers*/ span.authname a{ /* width: 50%; */ font-size: 13px !important; line-height: 14px !important; color: #99bd36 !important; font-weight: 700 !important; font-family: "ThemaTitloiMediumBold" !important; text-transform: capitalize !important; /*padding-left: 10px;*/ }.bloggersinfo img {width: 72px!important;margin-top: -95px;margin-left: 10px;position: relative;border-radius: 50%;border: 3px solid #fff;} .bloggersinfo {float: left;width: 100%;} @media screen and (min-width: 640px){ #authors-heading {width: 70%;text-align: left!important;color: #1e282f;margin: 30px 0;float: left;} div#authors-heading h2 {text-align: left!important;margin-left: 60px;} .autimg {width: 72px;float: left;margin-top: 70px;} } li#menu-item-34712, li#menu-item-35209 {display: none;} .ubermenu-skin-aqua .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {font-weight: bold;color: #1e282f!important;} li#menu-item-45409 {margin: -10px 0px -10px 0px;} li#menu-item-45409 a:hover {color: #99bd36!important;} .autinfo {float: left;padding-bottom: 30px;} .entry-content p { font-family: "cf_asty_st", Georgia; font-size: 12px; line-height: 15px; } .authorpage .entry-content { float: left; } .addthis_jumbo_share { margin: 10px 0 10px 0; } /*div#div-gpt-ad-1455205054672-0 { display: none; }*/ @media screen and (min-width: 960px) { ins.adsbygoogle { width: 728px; } } /* mail form */ #recipe-single #formmail h4 {font-size: 24px;margin: 0 0 15px 0;font-family: 'ThemaUtotitloiLightItalic', serif;} .site-content #formmail h2 {font-size: 28px;} #recipe-single input.mailform, .site-content input.mailform{margin: 10px;} input.mailform {font-family: "cf_asty_st" !important;} #page-48786 .cat-header {margin-bottom: 0px;margin-top: -40px;} #page-48786 p {text-align: center;font-size: 18px !important;line-height: 22px !important;color: #1e282f !important;font-weight: 200 !important;padding: 10px 0px 0px 0px !important;border-radius: 0px 0px 0px 0px !important;display: block;font-family: "ThemaUtotitloiLight" !important;} div#formmail {text-align: center;background: #f8f8f8;} .mailform {margin: 40px;} #formmail input[type="submit"] {display: inline-block;height: 35px;} #formmail label.mailform {font-family: "cf_asty_st" !important;font-size: 18px !important;line-height: 22px !important;color: #1e282f !important;font-weight: 200 !important;z-index: 2 !important;} a.btn.en { color: #FFF; margin-right: 10px; cursor: pointer; /* padding: 6px 12px; */ font-size: 12px; font-family: "ThemaTitloiMediumBold"; letter-spacing: 0.07em; display: inline-block; background: #b6b6b6; margin-bottom: 5px; width: 120px; height: 30px; line-height: 30px; border: none; } a.btn.en:hover {background-color: #99bd36!important;} .btn.en span {left:0;} #menu-item-50121-post-49179 a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above {margin-top: -20px;} a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.ta-vasika {padding-top: 5px;padding-bottom: 5px;} ul.ubermenu-submenu.ubermenu-submenu-id-50120.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack {padding-top: 0px!important;} .bloggersinfo.vidaut img {margin-top: -120px;} .related-rec li {list-style-type: none;padding: 8px 0px;font-style: italic;} .related-rec {padding-bottom: 40px;} div#related_posts li {padding: 0;} div#related_posts p {padding-bottom: 0;margin-bottom: 0!important;} div#related_posts h4 { font-size: 24px; margin: 0 0 15px 0; font-family: 'ThemaUtotitloiLightItalic', serif!important; color: #5e6063!important; } .recipe-intro a, .rel-post a { color: #548f04; } li#menu-item-34773 { display: none; } header.fixed { z-index: 1000; }