/* Theme Name: OGP Theme v2.7 from Live Site Theme URI: http://www.arigel.com Author: Arigel Design Studio Author URI: http://www.arigel.com Description: Custom theme for OneGreenPlanet Version: 2.8 License: Copyright to OneGreenPlanet License URI: Tags: buddypress Date: 22/12/2016 */ /* @group Fonts */ @font-face{font-family:"Avenir";src:url('fonts/avenir-45-book.otf') format("opentype");font-weight:normal;} @font-face{font-family:"Avenir";src:url('fonts/avenir-65-medium.otf') format("opentype");font-weight:500;} @font-face{font-family:"Avenir-bold";src:url('fonts/arigel-95-black.otf');} /* @end */ /* @group Alignments */ .alignleft{text-align: left} .alignright{text-align: right} .aligncenter{text-align: center} /* @end */ html,html a{-webkit-font-smoothing: antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004)} /* @group Links */ a { color:#008d5e;text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} a:hover {color:#39f} /* @end */ ul, ol{list-style-position: outside;} /* @group General */ /* ============================== */ /* ! Layout for desktop version */ /* ============================== */ body{font:"Avenir","Helvetica Neue",Arial,sans-serif !important;font-smooth:always;-webkit-font-smoothing:antialiased;padding-bottom:100px;background:#f9f9ec !important} #wp-admin{display:none} /* @end */ /* ----------------------------------------- Images ----------------------------------------- */ .widget img{max-width:97.5%} img{border:0} img[class*="align"],img[class*="wp-image-"]{height:auto} img.size-full{max-width:97.5%;width:auto} .wp-caption{max-width:100%} .articlecontent img[class*="wp-image-"]{max-width:90%;margin:0 5%;} .articlecontent img.size-full {width: 90%;margin: 0 5%;} /* ----------------------------------------- Posts ----------------------------------------- */ .author-box h5{margin-top:0} .author-box .author_gravatar{margin-right:10px} .author-box p{font-size:14px;font-size:1.4em} article .th{margin-bottom:10px;margin-bottom:1em} .alignleft{float:left} .alignright{float:right} .aligncenter{text-align:center} /* ----------------------------------------- Typography ----------------------------------------- */ h1,h2,h3,h4,h5,h6{font-weight:300} .site-title .subheader{margin-bottom:0} /* ----------------------------------------- Shared Styles ----------------------------------------- */ #topnav{background:#0e3e24;width:100%;z-index:64000} #pagewrapper{margin-top:0} /* @group Top Navigation */ #topnav .topside{background:#008d5e} #topnav .column,#topnav .columns{padding:0 !important} #topnav .nav-bar{margin:0;background:#008d5e;height:25px} #topnav .two.columns{width:20.57% !important} #topnav .five.columns{width:79.42% !important} #topnav .oneandhalf.columns {width: 20% !important;} #topnav .fiveandhalf.columns {width: 80% !important;} /* @end */ /* @group Logos */ #topnav .ogp-title img{/* margin:20px 0 0 0 */ margin: 8px 2px -29px 0;} .welcomegreen{background:#0e3e24;padding:9px 0 0 0;height: 70px;} .description{clear:both;width:100%;color:#fff;text-transform:uppercase;font-size:10px;line-height:10px;padding:1px 10px 9px 0;text-align: center;} .description img{vertical-align:middle;width:15px} .description span{color:#18b66d;font-weight:bold} /* @end */ /* @group Login row / Subscribe */ #topnav .toplogin{height:31px;text-transform:uppercase;font-size:9px;background:rgb(0,141,94);} #topnav .toplogin .two.columns{margin:0;padding:0;} #topnav .toplogin span{float:left;font-weight:bold;color:#fff;padding:10px 5px 10px 0;font-size:9px} #topnav form{float:left;font-size:9px;margin:0} #topnav #loginform-custom p{float:left;margin:0 0 0 5px} #topnav #loginform-custom p.login-username label,#topnav #loginform-custom p.login-password label{display:none} #topnav #loginform-custom input{margin:3px 3px;color:#008d5e;font-size:12px;padding:2px 5px;background:#0e3e24;border:0;height:30px;width:100px;float:left} #topnav input#rememberme{margin:3px 0 0 0;width:12px} #topnav p.login-remember label{font-size:9px;vertical-align:-10px;text-transform:none;color:#00bd7e;padding:2px 0 0 0} #topnav input#wp-submit{font-size:9px;color:#000;text-transform:uppercase;width:38px;background:-moz-linear-gradient(top,#f7f7f7 0,#c3c3c3);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#c3c3c3));-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;-moz-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 1px rgba(255,255,255,0.6);-webkit-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 1px rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 1px rgba(255,255,255,0.6)} #topnav input.registerbutton{padding:5px 2px;margin:3px 0;font-size:9px;color:#000;text-transform:uppercase;width:45px !important;font-size:9px;color:#000;text-transform:uppercase;width:38px;background:-moz-linear-gradient(top,#f7f7f7 0,#c3c3c3);background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#c3c3c3));-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;-moz-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 1px rgba(255,255,255,0.6);-webkit-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 1px rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 1px rgba(255,255,255,0.6);height:30px} #topnav .login li{padding:15px 5px !important;float:left;list-style-type:none;text-transform:uppercase;font-weight:normal;font-size:12px;font-weight:bold} #topnav .login li.loginlink{background:#14985b} #topnav .login li.registerlink{background:#16a764} #topnav .login li.loginlink:hover{background:#16a764} #topnav .login li.registerlink:hover{background:#18b66d} #topnav .navigation .metaoptions li{list-style-type:none;float:left;padding:0 2px 0 0 !important;position:relative;clear:left} #topnav .metaoptions{margin:2px 0 0 0} #topnav .metaoptions .authorimage{vertical-align:middle;margin-right:10px} #topnav .metaoptions .authorimage span{padding-top:5px;margin-top:10px;letter-spacing:-1px;font-size:11px} #topnav .metaoptions .authorimage img{width:25px;margin-right:5px;vertical-align:middle} #topnav .metaoptions a{font-size:12px;padding:5px 0;color:#fff;font-weight:bold;position:relative} #topnav .metaoptions li a span{margin-left:10px;border-radius:5px;background:#16a764;padding:3px 4px;font-size:10px;display:none} #topnav .metaoptions li ul li{display:none;position:absolute;top:0;background:#0e3e24} #topnav .metaoptions li ul li:hover{background:#16a764;width:100%} #topnav .metaoptions li:hover ul li{display:block} #topnav .metaoptions .nav-bar>li:hover{background:#16a764} #topnav #loginform-custom input[placeholder]{color:#00bd7e} #topnav #loginform-custom input::-webkit-input-placeholder,#topnav .widget_search textarea::-webkit-input-placeholder{color:#00bd7e;text-transform:uppercase} #topnav #loginform-custom input:-moz-placeholder,#topnav .widget_search textarea:-moz-placeholder{color:#00bd7e} #topnav #loginform-custom input:focus{color:#fff} /* @end */ /* @group Search Reveal */ .search-icon { height: 28px;margin-right: 20px;float: left;} a.search-icon{color:#fff !important;padding: 12px 3px 12px 13px;text-transform: uppercase;font-weight: bold !important;font-size: 14px;width:100%;text-align:center;letter-spacing: 0px;} .search-icon img {vertical-align: middle;padding-right: 2px;} #search-reveal .reveal-modal {background: none !important;box-shadow: 0 0 0;} #search-reveal h3 {} #search-reveal h3 span{color:#008d5e !important;} #search-reveal .widget_search #s {border:0;border-bottom: 1px solid rgb(14,62,36);border-radius: 0;box-shadow: 0 0 0;font-size: 30px;height: 60px;color: #008d5e;letter-spacing: 1px;background: none;font-weight: normal;text-transform: uppercase;} #search-reveal .widget_search #searchsubmit {display: none;} .newsletter-icon { height: 28px;margin-right: 5px;float: left;} a.newsletter-icon{color:#fff !important;padding: 12px 3px 12px 13px;text-transform: uppercase;font-weight: bold !important;font-size: 14px;width:100%;text-align:center;letter-spacing: 0px;} /* @end */ /* @group Login Reveal */ .login-icon {float: left;background:#145a34;height:36px;} a.login-icon {color: #fff; padding: 12px 4px; text-transform: uppercase;font-weight: bold;font-size: 11px;} .login-icon img {vertical-align: middle;padding-right: 2px;} #login-reveal.reveal-modal {padding:0;} #login-reveal h3 {background: rgb(14,62,36); color: #fff; padding: 20px;} #login-reveal h3 span{color:#008d5e !important;} #login-reveal h5 {color: #009855;margin-top: 20px;} #login-reveal input[type="submit"] {width: 74%; background: #009855; border: 0; padding: 0 7px 0 7px; color: #fff; border-radius: 3px; height: 50px; text-transform: uppercase; font-size: 15px; letter-spacing: 0px; text-align: center; margin: 0 13% 20px 13%; box-shadow: 0px 6px 13px #ccc;} /* @end */ /* @group Social / Newsletter */ #topnav .sociallinks{margin:12px 0 0 0} #topnav .sociallinks input.subscribe{width:170px;float:right;font-size:10px;padding:0 3px 0 20px;margin:3px 5px;height:23px;background:url('images/newsletter.png') 4px 5px no-repeat #0e3e24;border:0;border-radius:0;color:#fff;} #topnav .sociallinks input[placeholder]{color:#00bd7e} #topnav .sociallinks input::-webkit-input-placeholder,#topnav .widget_search textarea::-webkit-input-placeholder{color:#00bd7e;text-transform:uppercase} #topnav .sociallinks input:-moz-placeholder,#topnav .widget_search textarea:-moz-placeholder{color:#00bd7e} #topnav .sociallinks input:focus{color:#fff} #topnav .sociallinks img{margin-right:10px} #topnav .sociallinks span{padding-top:0;margin-right:6px} #topnav .sociallinks{text-align:right;height:20px;overflow:hidden;margin:6px 0 0 8px} #topnav .sociallinks .shareoptions img.shareicon{float:left;width:20px;padding-top:0px} #topnav .sociallinks .sharebox{float:left} #topnav .sociallinks .sharebox a{float:right;display:none} #topnav .sociallinks .sharebox:hover a{display:block} #topnav .sociallinks .sharebox div{float:right;display:none} #topnav .sociallinks .sharebox:hover div{display:block} #topnav .sociallinks .sharebox iframe{float:right;display:none} #topnav .sociallinks .sharebox:hover iframe{display:block} /* @end */ /* @group Minor Links Row */ .minorlinks{text-align:right;padding-right:10px;} .minorlinks li{float:right;font-size:10px;list-style-type:none;text-transform:uppercase;padding:1px 10px 0 1px !important;letter-spacing:-1px;line-height:30px} .minorlinks li:hover{background:none !important} .minorlinks li a{padding:4px 2px;font-weight:normal} .minorlinks li a:hover{color:#083e25} .minorlinks li a.about-ogp {font-size: 11px;text-transform: uppercase;font-weight: bold;letter-spacing: 0px;margin-left: 7px;} .minorlinks li.has-flyout ul.flyout li{clear: left;text-align: left;width: 100%;background:#005143} .minorlinks li.has-flyout ul.flyout li:hover {background: #00846d !important} .minorlinks li.has-flyout ul.flyout li a{color:#fff !important;background:#005143;font-weight:bold;letter-spacing:0} .minorlinks ul.flyout{background:#005143;border:0px solid #008d5f !important;top:30px !important;left:-84px !important;width:174px !important; z-index: 10000;} .minorlinks li img{vertical-align:middle} .minorlinks a.top{background:url('images/scroll-top.png') no-repeat left 5px;padding-left:20px !important;margin-left:10px} .minorlinks a.submitarticle{background:url('images/plus-sign.png') #0e5624 no-repeat 3px 4px;padding-left:20px;color:#00bd84 !important;font-size:11px !important;border-radius:4px;padding:3px 5px 0 20px !important;line-height:20px;margin-top:3px;margin-right:10px;text-transform: none;font-weight: bold;letter-spacing: 0;} /* @end */ #topnav .navigation{color:#fff;letter-spacing:0;background:0} #topnav .nav-bar>li{box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0;border-right:0} #topnav .nav-bar>li:last-child{box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0;border-right:0;} #topnav .navigation ul{margin:0;text-transform:uppercase;font-weight:600} #topnav .navigation li{border:0;padding:3px 6px;line-height:30px} #topnav .navigation li.menu-item a{font-size:12px;letter-spacing:0} #topnav .navigation li a{border:0;color:#fff} .touch #topnav .navigation .nav-bar li.has-flyout>a {padding-right: 6px !important;} #topnav .navigation .animalsnature,#topnav .navigation .animalsnature .flyout{width:14%;background:rgb(65,152,156);} /* background: url('images/menu-stock-icons/Animal_monster_header icon.png')no-repeat; z-index: 999; text-indent: 21px; background-position: 20% 35%; background-size: 14%; */ #topnav .navigation .animalsnature a { width: 100%;text-align: center;padding-right: 0;} /* z-index: 999; text-indent: 8px; background-position: 0px; padding: 0 22%;*/ #topnav .navigation .food a {width: 100%;text-align: center;padding-right: 0;} #topnav .navigation .industryfood a {/* z-index: 999; */ text-indent: 8px; background-position: 0px;} /*background: url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; z-index: 999; text-indent: 20px; background-position: 4% 35%;background-size: 9%;*/ #topnav .navigation .recipe a { width: 100%;text-align: center;padding-right: 0;} /*background: url('images/menu-stock-icons/Buzz_monster_header-icon.png')no-repeat; z-index: 999; text-indent: 20px; background-size: 8%; background-position: 22% 35%; padding: 0 22%;*/ /* background: url('images/menu-stock-icons/Life_monster_header-icon.png')no-repeat; z-index: 999; text-indent: 20px; background-position: 25% 35%; background-size: 16%; padding: 0 28%;*/ /*background: url('images/menu-stock-icons/Earth_monster_header-icon.png')no-repeat; z-index: 999; text-indent: 20px; background-position: 20% 35%; background-size: 12%; padding: 0% 21%;*/ /*background: url('images/menu-stock-icons/Video_monster_header-icon.png')no-repeat; z-index: 999; text-indent: 20px; background-position: 0px;background-size: 14%;*/ #topnav .navigation .news a {width: 100%; text-align: center; padding-right: 0;} #topnav .navigation .lifestyle a {width: 100%; text-align: center; padding-right: 0;} #topnav .navigation .products a {width: 100%; text-align: center; padding-right: 0;} #topnav .navigation .video a { width: 100%; text-align: center; padding-right: 0;} #topnav .navigation .menu-item-1481351326 a {width: 100%; text-align: center; padding-right: 0;} #topnav .navigation .lifestyle,#topnav .navigation .lifestyle .flyout{width:14%;background:rgb(222,150,47);/* z-index: 45 !important */} #topnav .navigation .food,#topnav .navigation .food .flyout{width:14%;background:rgb(246,194,67);/* z-index: 45 !important */} #topnav .navigation .menu-item-1481351326,#topnav .navigation .menu-item-1481351326 .flyout{width:14%;background:#9F85BD;/* z-index: 45 !important */} #topnav .navigation .industryfood {width:14%;background:rgb(86,179,60);/* z-index: 45 !important */} #topnav .navigation .industryfood .flyout{background:rgb(86,179,60);/* z-index: 45 !important */} #topnav .navigation .news,#topnav .navigation .news .flyout{width:14%;background:rgb(106, 74, 61);/* z-index: 45 !important */} #topnav .navigation .recipe,#topnav .navigation .recipe .flyout{width:14%;background:rgb(86,179,60);/* z-index: 45 !important */} #topnav .navigation .naturalhealth,#topnav .navigation .naturalhealth .flyout{/* background:rgb(203, 135, 86) */;/* z-index: 45 !important */} #topnav .navigation .products,#topnav .navigation .products .flyout{width:14%;background:rgb(194,92,46);/* z-index: 45 !important */} #topnav .navigation .video,#topnav .navigation .video .flyout{width:14%;background:rgb(215,191,19);/* z-index: 45 !important */} #topnav .navigation .menu-item-1481224735, #topnav .navigation .menu-item-1481224735 .flyout {background: rgb(86,179,60);/* z-index: 45 !important */} #topnav .navigation .flyout{border: 0;width: 978px;height: 29px;top:36px;/* z-index: 46 !important */} #topnav .navigation .flyout li a{background:0;font-size:11px; padding:7px 2px; text-transform: none; text-indent: 0;} #topnav .navigation .flyout .flyout{top: 29px;left: 0;width: 802px;border-top: 1px solid rgb(0,14,62);box-shadow: 0 0px 10px rgba(14,62,36,0.2);} #topnav .navigation .flyout li{float:left;height: 29px;} /* #topnav .navigation .animalsnature .flyout {left: 0px;} */ #topnav .navigation .lifestyle .flyout {left: -650px;} #topnav .navigation .food .flyout{left: -351px;} #topnav .navigation .industryfood .flyout{left: -438px;} #topnav .navigation .naturalhealth .flyout{left: -250px;} #topnav .navigation .news .flyout{left: -384px;} #topnav .navigation .recipe .flyout {left: -153px;} #topnav .navigation .products .flyout {left: -778px;} #topnav .navigation .video .flyout {left: -841px;} #topnav .navigation .menu-item-1481224735 .flyout {left: -437px;} /* #topnav .navigation .animalsnature .flyout li:hover {background:#93cfd2;} */ #topnav .navigation .lifestyle .flyout li:hover {background:#f1d1a4;} #topnav .navigation .food .flyout li:hover {background:#a8dd99; } #topnav .navigation .industryfood .flyout li:hover {background:#a8dd99; } #topnav .navigation .news .flyout li:hover {background:#b48c7b;} #topnav .navigation .recipe .flyout li:hover {background:#a8dd99 } #topnav .navigation .naturalhealth .flyout li:hover {background:#d7a37d } #topnav .navigation .products .flyout li:hover {background:#e5ac92 } #topnav .navigation .video .flyout li:hover {background:#eed940 } body.category-animalsandnature #topnav .navigation .animalsnature .flyout {/* display: block ; */} /* body.category-animalsandnature #topnav .navigation .animalsnature .flyout .flyout {display: none;} body.category-lifestyle #topnav .navigation .lifestyle .flyout {display: block ;} body.category-lifestyle #topnav .navigation .lifestyle .flyout .flyout {display: none;} body.category-vegan-food #topnav .navigation .food .flyout {display: block ;} body.category-vegan-food #topnav .navigation .food .flyout .flyout {display: none;} */ body.page-id-1481223970 #topnav .navigation .industryfood .flyout {display: block ;} body.page-id-1481223970 #topnav .navigation .industryfood .flyout .flyout {display: none;} body.page-id-1481224518 #topnav .navigation .industryfood .flyout {display: block ;} body.page-id-1481224518 #topnav .navigation .industryfood .flyout .flyout {display: none;} /* body.category-news #topnav .navigation .news .flyout {display: block ;} body.category-news #topnav .navigation .news .flyout .flyout {display: none;} */ /* body.category-vegan-recipe #topnav .navigation .recipe .flyout {display: block ;} body.category-vegan-recipes #topnav .navigation .recipe .flyout .flyout {display: none;} */ body.category-natural-health #topnav .navigation .naturalhealth .flyout {display: block ;} body.category-natural-health #topnav .navigation .naturalhealth .flyout .flyout {display: none;} /* #topnav .navigation .animalsnature .flyout:hover{display: none!important;} */ #topnav .animalsnature ul.flyout, #topnav .food ul.flyout, #topnav .news ul.flyout, #topnav .recipe ul.flyout, #topnav .lifestyle ul.flyout, #topnav .products ul.flyout{ display: none!important;} .nav-bar>li.animalsnature>a:first-child:after,.nav-bar>li.news>a:first-child:after, .nav-bar>li.lifestyle>a:first-child:after, .nav-bar>li.products>a:first-child:after, .nav-bar>li.food>a:first-child:after, .nav-bar>li.recipe>a:first-child:after{display: none;} li.menu-item a:hover {background:none;} /* #topnav .navigation li:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} */ #topnav .navigation .animalsnature:hover{background:#4bafb4} #topnav .navigation .lifestyle:hover{background:#e3a54c} #topnav .navigation .food:hover{background:#f8cd63;} #topnav .navigation .industryfood :hover{background:#67c34d} #topnav .navigation .news:hover{background:#805949} #topnav .navigation .recipe:hover{background:#67c34d} #topnav .navigation .natural-health:hover{background:#cb8756} #topnav .navigation .products:hover{background:#d26d40} #topnav .navigation .video:hover{background:#e7cd14} #topnav .navigation .menu-item-1481351326:hover {background:#b09bc9;} body.category-news #topnav .welcomegreen,body.single-post header.news{/*background:rgb(106, 74, 61)*/} body.category-animalsandnature #topnav .welcomegreen,body.single-post header.animalsandnature{/*background:#41989c*/} body.category-lifestyle #topnav .welcomegreen,body.single-post header.lifestyle{/*background:#de962f*/} body.category-vegan-food #topnav .welcomegreen,body.single-post header.vegan-food{/*background:rgb(168,127,65)*/} body.category-vegan-health #topnav .welcomegreen,body.single-post header.vegan-health{/*background:#a87f41*/} body.category-natural-health #topnav .welcomegreen,body.single-post header.natural-health{/*background:#c57943*/} body.category-reviews #topnav .welcomegreen,body.single-post header.reviews{/*background:#C25C2E*/} body.category-vegan-recipe #topnav .welcomegreen, body.single-post header.vegan-recipe {/*background: #56B33C;*/} body.tag-videos #topnav .welcomegreen, body.single-post header.videos {/*background:rgb(215,191,19);*/ color:#fff;} body.category-news #topnav .welcomegreen .description span{color:#fff} body.category-animalsandnature #topnav .welcomegreen .description span{/* color:#000 */} body.category-vegan-food #topnav .welcomegreen .description span{/* color:#000 */} body.category-vegan-health #topnav .welcomegreen .description span{color:#000} body.category-natural-health #topnav .welcomegreen .description span{color:#000} body.category-lifestyle #topnav .welcomegreen .description span{/* color:#000 */} body.category-reviews #topnav .welcomegreen .description span{color:#000} /* Video Tag Description Styling */ body.tag-videos #topnav .welcomegreen .description {/* color: #000; */} body.tag-videos #topnav .welcomegreen .description span{/* color:#000 */} #topnav .articlesrow{margin:0} #topnav .articlesrow .seven.columns{margin:0;padding:0} #topnav .articlesrow .articles .articlesnippet{float:left;width:25%;margin:0;padding:0} #topnav .articles{height:56px;padding:8px 10px;background:#155c35} #topnav .articles h3{margin:0;padding:5px 0;font-size:10px;text-transform:uppercase;color:#2bb161;font-weight:bold} #topnav .articles .menuimage{width:25%;float:left;overflow:hidden;height:40px} #topnav .articles .menuimage img{width:100%;height:40px;overflow:hidden} #topnav .articles .menuarticles{width:65%;margin-left:5%;float:left;font-size:12px;padding:0;height:41px;padding-top:2px;overflow:hidden} #topnav .articles a .menuarticles{color:#fff} #topnav .articles a:hover .menuarticles{color:#2bb161} .pagination{margin-top:1800px;margin-bottom:100px;opacity:0} body.single .pagination{margin-top: 0px;margin-bottom: 50px;clear:both;} .header728container{/* min-height:120px;margin-bottom:10px */min-height: 120px; margin-bottom: 10px; text-align: center; margin: 0 auto; width: 750px;} .ad{text-align:center;margin:15px 0 10px 0} .ad-single-728{clear:both;text-align:center;margin:0px 0 10px 0} .ad .topad{float:left;margin:0 10px 0 10px} .ad .topad,.ad .topdynamic{text-align:center;margin-bottom:0} article header h2{font-size:22px;font-weight:normal;margin-bottom:5px;margin-top:5px;text-transform:none;word-wrap:break-word;background:#fff} article header a h2{clear:both;color:#000;padding:10px 5px 20px 5px} article header h2 a:hover{color:#155c35} .post article header h2 span{color:#008d5e;font-size:11px;float:right;text-align:center;font-weight:bold;margin:0;background:url('images/small-comments.png') no-repeat 3px 0;width:34px;height:34px;padding-top:8px;position:absolute;top:20px;right:10px;display:none} article p a.readmore{display:none} article .frontexcerpt p{font-size:13px;color:#333;line-height:16px;float:left} article .frontexcerpt .smallexc p{margin-bottom:0;padding:5px 5px;position:relative;top:-5px;display:none} article .frontexcerpt .smallexc p a{color:#777} .post .contentcontainer{box-shadow:0 0 10px #e7e7e7} .post .contentcontainer:hover{box-shadow:0 0 10px #acacac} .post-news article:hover .frontexcerpt p{background:rgba(118,117,112,0.1);color:#000} .post-animalsandnature article:hover .frontexcerpt p{background:rgba(65,152,156,0.1);color:#000} .post-guides article:hover .frontexcerpt p{background:rgba(118,4,15,0.1);color:#000} .post-lifestyle article:hover .frontexcerpt p{background:rgba(222,150,47,0.1);color:#000} .post-review article:hover .frontexcerpt p{background:rgba(197,93,50,0.1);color:#000} .post-vegan-food article:hover .frontexcerpt p{background:rgba(86,179,60,0.1);color:#000} .post-vegan-health article:hover .frontexcerpt p{background:rgba(168,127,65,0.1);color:#000} .post-natural-health article:hover .frontexcerpt p{background:rgba(168,127,65,0.1);color:#000} .post-uncategorized article:hover .frontexcerpt p{background:#dedede;color:#000} .post-marketplace article:hover .frontexcerpt p{background:#dedede;color:#000} article .frontexcerpt img{margin:5px 4px} article .frontexcerpt .shareoptions{text-align:left;margin-top:0;float:left;width:100%;margin-top:-5px;padding:3px 5px;overflow:hidden;height:35px} article:hover .frontexcerpt .shareoptions{background:#efefef} article .frontexcerpt .hovershare{opacity:0} article .frontexcerpt .hovershare img.shareicon{width:14px;margin-top:3px} article .frontexcerpt .shareoptions span{font-size:9px;font-weight:bold;color:#2bb161} article .frontexcerpt .shareoptions img{float:left;width:20px} article:hover .hovershare{opacity:1} article .frontexcerpt .hovershare a.addthis_button_google_plusone{margin-top:5px} article .frontexcerpt .shareoptions a{display:none;-webkit-transition:width 1s linear;-moz-transition:width 1s linear;-o-transition:width 1s linear;transition:width 1s linear} article .frontexcerpt .shareoptions .sharebox{float:left} article .frontexcerpt .shareoptions .sharebox:hover a{display:block;-webkit-transition:width 1s linear;-moz-transition:width 1s linear;-o-transition:width .1s linear;transition:width 1s linear} article header .articlecategory{position:relative;display:inline;top:50px;width:40%;color:#fff;font-size:10px;padding:18px 23px 18px 23px;font-weight:bold;text-transform:uppercase;background:rgba(14,62,37,0.6)} article header .articlecategory a{color:#fff;font-weight:bold} article header .articlecategory a:hover{color:#fff} article header .articlecategory.news{background:rgba(106, 74, 61,0.6) url('images/menu-stock-icons/Buzz_monster_header-icon.png')no-repeat; background-position: center center;} article header .articlecategory.animalsandnature{background:rgba(65,152,156,0.6) url('images/menu-stock-icons/Animal_monster_header icon.png')no-repeat; background-position: center center;} article header .articlecategory.guides{background:rgba(118,4,15,0.6)} article header .articlecategory.lifestyle{background:rgba(222,150,47,0.6) url('images/menu-stock-icons/Life_monster_header-icon.png')no-repeat; background-position: center center;} article header .articlecategory.reviews{background:rgba(197,93,50,0.6)} article header .articlecategory.vegan-food{background:rgba(86,179,60,0.6)url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; background-position: center center;} article header .articlecategory.recipe-monster{background:rgba(86,179,60,0.6)url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; background-position: center center;} article header .articlecategory.vegan-health{background:rgba(168,127,65,0.6)} article header .articlecategory.natural-health{background:rgba(159, 133, 189, 0.6) url('images/menu-stock-icons/health_header-icon.png')no-repeat;background-size: 75%;background-position-x: 7px;background-position-y: 7px;} article header .articlecategory.uncategorized{display:none} article header .articlecategory.environment{background: rgba(194,92,46,0.6) url('images/menu-stock-icons/Earth_monster_header-icon.png')no-repeat; background-position: center center;} article header .articlecategory.vegan-recipe{background: rgba(86,179,60,0.6) url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; background-position: center center;} /* article header .articlecategory.news:hover{background:rgba(106, 74, 61,0.8)url('images/menu-stock-icons/Buzz_monster_header-icon.png')no-repeat;} article header .articlecategory.animalsandnature:hover{background:rgba(75,175,180,0.8)url('images/menu-stock-icons/Animal_monster_header icon.png')no-repeat;} article header .articlecategory.guides:hover{background:rgba(151,5,19,0.8)} article header .articlecategory.lifestyle:hover{background:rgba(227,165,76,0.8) url('images/menu-stock-icons/Life_monster_header-icon.png')no-repeat;} article header .articlecategory.reviews:hover{background:rgba(209,112,72,0.8)} article header .articlecategory.vegan-food:hover{background:rgba(102,194,76,0.8) url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat;} article header .articlecategory.vegan-health:hover{background:rgba(187,127,65,0.8)} article header .articlecategory.natural-health:hover{background:rgba(187,127,65,0.8)} article header .articlecategory.uncategorized:hover{background:rgba(0,0,0,0.8)} article header .articlecategory.vegan-recipe:hover{background: rgba(86,179,60,0.6) url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat;} */ article:hover header .news a h2{background:rgba(106, 74, 61,0.8);color:#fff} article:hover header .animalsandnature a h2{background:rgba(75,175,180,0.8);color:#000} article:hover header .guides a h2{background:rgba(151,5,19,0.8);color:#000} article:hover header .lifestyle a h2{background:rgba(227,165,76,0.8);color:#000} article:hover header .reviews a h2{background:rgba(209,112,72,0.8);color:#000} article:hover header .vegan-food a h2{background:rgba(102,194,76,0.8);color:#000} article:hover header .vegan-health a h2{background:rgba(187,127,65,0.8);color:#000} article:hover header .natural-health a h2{background:rgba(159, 133, 189, 0.8);color:#fff} article:hover header .uncategorized a h2{background:rgba(0,0,0,1);color:#fff} article:hover header .vegan-recipe a h2 {background: rgba(14,62,37,0.8); color: #fff} article:hover header .environment a h2 {background: rgba(194,92,46,0.8); color: #fff} #content .recentcommentspreview{margin:0 0 20px 0;float:left;background:#f1f1d2;} #content .recentcommentspreview h2{color:#2bb161;font-weight:bold;font-size:24px;padding:10px 10px 0 5px;margin-top:0;letter-spacing:-1px;} #content .recentcommentspreview h2 span{color:#000;font-weight:normal} #content .recentcommentspreview h2 img{float:right;margin:-10px 10px 0 5px} #content .recentcommentspreview li img{float:right;vertical-align:middle;margin:0 10px 5px 0;width:50px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.04);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.04);box-shadow:0 0 0 1px rgba(0,0,0,0.04);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow} #content .recentcommentspreview ul{padding-left:10px} #content .recentcommentspreview ul li{clear:both;list-style-type:none;margin:0 6px 6px 6px} #content .recentcommentspreview p{margin-bottom:0;padding-top:2px;font-size:12px;line-height:12px} #content .recentcommentspreview p.bubble{background:rgba(255,255,255,1);color:#000;padding:10px 5px;border-radius:4px 4px 0 4px;width:75%;float:left;margin-bottom:0;-webkit-box-shadow:0 0 10px #dedede;-moz-box-shadow:0 0 10px #dedede;box-shadow:0 0 10px #dedede;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow} #content .recentcommentspreview p span.authorname{color:#000;float:right;margin:10px 10px 0 0} #content .recentcommentspreview ul li a{color:#2bb161} #content .recentcommentspreview ul li a:hover{color:#155c35} #content .recentcommentspreview ul li a.comment{color:#000;font-size:12px} #content .recentcommentspreview ul li span{float:left;color:#aaa;width:75%;font-size:10px;line-height:15px;margin-bottom:15px;margin-top:5px} #content .topposts {float:left;margin:10px 0 20px 0;background:#f1f1d2;padding:0 5px;} #content .topposts h2{color:#2bb161;font-size:24px;padding:10px 10px 0 0;margin-top:0;margin-bottom:5px;font-weight:500;letter-spacing:-1px;} #content .topposts h2 span{color:#000;font-weight:normal} #content .topposts h2 img{float:right;margin:-29px -10px 0 0px} #content .topposts img{float:left;vertical-align:middle} #content .topposts ul{padding-left:0;margin-bottom:0} #content .topposts ul li{clear:both;list-style-type:none;padding:0px 0px 3px 0px;list-style-position:inside;line-height:12px;margin-bottom:4px;color:#000;letter-spacing:0px;background:#e5e5ab;} #content .topposts ul li:hover {background:#dddd91;} #content .topposts ul li .share-count {background:rgb(14,62,36); color: #fff;padding: 3px;font-weight: bold;font-size: 14px;margin: 0 0 5px 0;} #content .topposts ul li .share-count span {color:#2bb161;text-transform: uppercase;font-size: 10px;} #content .topposts ul li .trending-post-title {padding: 0 4px;} #content .topposts ul li.news a{color:rgba(135,134,129,1)} #content .topposts ul li.animalsandnature a{color:rgba(75,175,180,1)} #content .topposts ul li.guides a{color:rgba(151,5,19,1)} #content .topposts ul li.lifestyle a{color:rgba(227,165,76,1)} #content .topposts ul li.reviews a{color:rgba(209,112,72,1)} #content .topposts ul li.vegan-food a{color:rgba(102,194,76,1)} #content .topposts ul li.vegan-health a{color:rgba(187,127,65,1)} #content .topposts ul li.natural-health a{color:rgba(187,127,65,1)} #content .topposts ul li.uncategorized a{color:rgba(0,0,0,1)} #content .topposts ul li.news:hover{background:rgba(135,134,129,0.8);color:#fff} #content .topposts ul li.animalsandnature:hover{background:rgba(75,175,180,0.8);color:#fff} #content .topposts ul li.guides:hover{background:rgba(151,5,19,0.8);color:#fff} #content .topposts ul li.lifestyle:hover{background:rgba(227,165,76,0.8);color:#fff} #content .topposts ul li.reviews:hover{background:rgba(209,112,72,0.8);color:#fff} #content .topposts ul li.vegan-food:hover{background:rgba(102,194,76,0.8);color:#fff} #content .topposts ul li.vegan-health:hover{background:rgba(187,127,65,0.8);color:#fff} #content .topposts ul li.natural-health:hover{background:rgba(187,127,65,0.8);color:#fff} #content .topposts ul li.uncategorized:hover{background:rgba(0,0,0,0.8);color:#fff} #content .topposts ul li.news:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.animalsandnature:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.guides:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.lifestyle:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.reviews:hover a{color:rgba(0,0,05,1)} #content .topposts ul li.vegan-food:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.vegan-health:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.natural-health:hover a{color:rgba(0,0,0,1)} #content .topposts ul li.uncategorized:hover a{color:rgba(255,255,255,1)} #content .topposts ul li a{color:#000;font-size:16px;line-height:15px} #content .topposts ul li a:hover{color:#000} #content .popposts{float:left;margin:0 0 20px 0;background:#f1f1d2;padding:0 3px;} #content .popposts h2{color:#2bb161;font-size:24px;padding:10px 0 0 0;margin-top:0;margin-bottom:5px;font-weight:bold;letter-spacing:-1px;} #content .popposts h2 span{color:#000;font-weight:normal} #content .popposts h2 img{float:left;margin:0 0 15px 0} #content .popposts img{float:left;vertical-align:middle} #content .popposts ul{padding-left:0;margin-bottom:0} #content .popposts ul li{clear:both;list-style-type:none;list-style-position:inside;line-height:12px;margin-bottom:12px;color:#000;border-left-width:5px;border-left-style:solid;padding:2px 0 2px 5px;font-size:13px;} #content .popposts ul li .share-count {background:rgb(14,62,36); color: #fff;padding: 3px;font-weight: bold;font-size: 14px;margin: 0 0 5px 0;} #content .popposts ul li .share-count span {color:#2bb161;text-transform: uppercase;font-size: 10px;} #content .popposts ul li.news{border-left-color:rgba(135,134,129,1)} #content .popposts ul li.animalsandnature{border-left-color:rgba(75,175,180,1)} #content .popposts ul li.guides{border-left-color:rgba(151,5,19,1)} #content .popposts ul li.lifestyle{border-left-color:rgba(227,165,76,1)} #content .popposts ul li.reviews{border-left-color:rgba(209,112,72,1)} #content .popposts ul li.vegan-food{border-left-color:rgba(102,194,76,1)} #content .popposts ul li.vegan-health{border-left-color:rgba(187,127,65,1)} #content .popposts ul li.natural-health{border-left-color:rgba(187,127,65,1)} #content .popposts ul li.uncategorized{border-left-color:rgba(0,0,0,1)} #content .popposts ul li.news:hover{background:rgba(135,134,129,0.3)} #content .popposts ul li.animalsandnature:hover{background:rgba(75,175,180,0.3)} #content .popposts ul li.guides:hover{background:rgba(151,5,19,0.3)} #content .popposts ul li.lifestyle:hover{background:rgba(227,165,76,0.3)} #content .popposts ul li.reviews:hover{background:rgba(209,112,72,0.3)} #content .popposts ul li.vegan-food:hover{background:rgba(102,194,76,0.3)} #content .popposts ul li.vegan-health:hover{background:rgba(187,127,65,0.3)} #content .popposts ul li.natural-health:hover{background:rgba(187,127,65,0.3)} #content .popposts ul li.uncategorized:hover{background:rgba(0,0,0,0.3)} #content .popposts ul li a{color:#000;font-size:16px;line-height:14px;padding:6px 0} #content .recentpostspreview{margin-bottom:20px;background:#f1f1d2;} #content .recentpostspreview h2{font-size:24px;padding:10px 10px 0 5px;color:#2bb161;margin-top:0;font-weight:bold;letter-spacing:-1px;} #content .recentpostspreview h2 span{color:#000;font-weight:normal} #content .recentpostspreview li{clear:both;list-style-type:none;margin-bottom:5px;padding:0 5px;height:70px} #content .recentpostspreview h2 img{float:left;margin:0 5px 10px 0} #content .recentpostspreview li img{float:left;margin:0 10px 20px 0;width:48px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.04);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.04);box-shadow:0 0 0 1px rgba(0,0,0,0.04);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow} #content .recentpostspreview li a{font-size:14px;line-height:15px} #content .recentpostspreview li a:hover{color:#000} #content .recentpostspreview li .authorspan{font-size:14px;color:#000;width:100%;padding-top:3px;padding-bottom:5px} #content .recentpostspreview .authorspan a{font-size:13px;color:#5f6462;font-weight:bold;letter-spacing:.5px;margin-top:5px} #content .recentpostspreview .authorpost a{float:left;font-size:12px;color:#000;width:80%;padding:7px 4px 5px 4px;margin-bottom:5px;background:rgba(0,141,94,0.7)} #content .recentpostspreview li.news .authorpost a{background:rgba(118,117,112,0.3)} #content .recentpostspreview li.animalsandnature .authorpost a{background:rgba(65,152,156,0.3)} #content .recentpostspreview li.guides .authorpost a{background:rgba(118,4,15,0.3)} #content .recentpostspreview li.lifestyle .authorpost a{background:rgba(222,150,47,0.3)} #content .recentpostspreview li.reviews .authorpost a{background:rgba(197,93,50,0.3)} #content .recentpostspreview li.vegan-food .authorpost a{background:rgba(86,179,60,0.3)} #content .recentpostspreview li.vegan-health .authorpost a{background:rgba(168,127,65,0.3)} #content .recentpostspreview li.natural-health .authorpost a{background:rgba(168,127,65,0.3)} #content .recentpostspreview li.uncategorized .authorpost a{background:rgba(0,0,0,0.3);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.04);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.04);box-shadow:0 0 0 1px rgba(0,0,0,0.04);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow} #content .recentpostspreview li.news:hover .authorpost a{background:rgba(118,117,112,0.5)} #content .recentpostspreview li.animalsandnature:hover .authorpost a{background:rgba(65,152,156,0.5)} #content .recentpostspreview li.guides:hover .authorpost a{background:rgba(118,4,15,0.5)} #content .recentpostspreview li.lifestyle:hover .authorpost a{background:rgba(222,150,47,0.5)} #content .recentpostspreview li.reviews:hover .authorpost a{background:rgba(197,93,50,0.5)} #content .recentpostspreview li.vegan-food:hover .authorpost a{background:rgba(86,179,60,0.5)} #content .recentpostspreview li.vegan-health:hover .authorpost a{background:rgba(168,127,65,0.5)} #content .recentpostspreview li.natural-health:hover .authorpost a{background:rgba(168,127,65,0.5)} #content .recentpostspreview li.uncategorized:hover .authorpost a{background:rgba(0,0,0,0.5)} .categorypage {padding: 20px 0 10px 0;background: rgba(255,255,255,1);border-top: 1px solid #f1f1d2;border-bottom: 1px solid #f1f1d2;margin-bottom: 20px;} .categorypage.row{margin-top:15px;clear:both;} .categorypage .categoryname{font-size:60px;text-transform:uppercase;color:#000;text-align:center} .cat-filter {} .cat-filter-content{margin: 0 12% 0px auto; width: 69%;} .cat-filter .cat-type {/* width: 12.25%; */ width:17.25%;float: left;margin-right: 0.25%;text-align: center;} .cat-filter .cat-type:last-child {margin-right: 0} .cat-filter h2 {background: #56b33c; text-transform: uppercase; color: #fff; font-size: 14px;font-weight: bold; padding: 15px 10px; height: 60px; vertical-align: middle; display: block; } .cat-filter h2.standout {background: #4a9a33;} .cat-filter h2.widgettitle {display: none;} .cat-filter .has-flyout {position: relative;} .cat-filter .cat-type .flyout {display:none;-webkit-transition: all 2.0s ease-in; -moz-transition: all 2.0s ease-in; -o-transition: all 2.0s ease-in;} .cat-filter .cat-type:hover .flyout {display: block;background: rgba(86,179,60,0.95); text-align: left;top:70px;left:0px; width: 100%;border: 0;-webkit-transition: all 2.0s ease-in; -moz-transition: all 2.0s ease-in; -o-transition: all 2.0s ease-in;} .cat-filter .cat-type .flyout li {list-style-type: none;text-align: left;color: #fff;padding: 10px 5px;} .cat-filter .cat-type .flyout li:hover {background: rgba(14,62,36,0.95)} .cat-filter .cat-type .flyout a li{color: #fff;font-weight: bold;text-transform: none;} .cat-filter em {font-size: 11px; padding: 10px 0; line-height: 40px; letter-spacing: 0px; text-align: center;} body.category-news .categoryname{color:#767570} /* body.category-animalsandnature .categoryname{color:#fff;} */ body.category-guides .categoryname{color:#76040f} /* body.category-lifestyle .categoryname{color:#de962f} */ body.category-reviews .categoryname{color:#c55d32} /* body.category-vegan-food .categoryname{color:#56b33c} */ body.category-vegan-health .categoryname{color:#a87f41} body.category-natural-health .categoryname{color:#c57943} .tagpage {padding: 20px 0 10px 0;background: rgba(255,255,255,1);border-top: 1px solid #f1f1d2;border-bottom: 1px solid #f1f1d2;margin-bottom: 20px;} .tagpage .tagname {font-size: 60px;text-transform: uppercase;color: #000;text-align: center;} body article{position:relative;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out} body article .hiddenarticle{position:absolute;top:20px;left:0;opacity:0;padding:10px;color:#fff;background:rgba(0,0,0,0.6);-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out} body article:hover .hiddenarticle{opacity:1;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out} body article .hiddenarticle h2 a{color:#fff} body article .hiddenarticle p.hiddenauthor{color:#ccc;font-size:11px} body.page .maincolumn {background:#fff;padding:0px 0;/* margin-top: 10px; */} body.page article header h2{padding:10px 10px;color:rgb(14,62,36); border-bottom:2px solid #f1f1d2;} body.page article header h2 a{font-size:34px;color:#000;letter-spacing:-1px;margin-bottom:20px} body.page p{font-size:14px;margin-left:10px} body.page blockquote p{font-size:18px;color:#0e3e24;margin-left:10px} body.page .pagecontent ol li{margin-left:20px;font-size:14px} body.page .pagecontent ul li{margin-left:20px;font-size:14px} body.single-post .pagetitle{background:rgba(255,255,255,0.85);border-top:1px solid #f1f1d2;border-bottom:1px solid #f1f1d2;display:block;position:relative;width:100%;top:0px;z-index:15;/* overflow:hidden; */} body.single-post.category-plant-based-recipes .pagetitle {top: 0;} body.category-plant-based-recipes .pagetitle #totalcounts #totalshare {} body.category-plant-based-recipes .pagetitle #totalcounts #totalshare .count { font-size: 60px;} body.category-plant-based-recipes .pagetitle #totalcounts #totalshare .share { font-size: 60px; width: 100px;} body.category-plant-based-recipes .pagetitle .postmetadata {padding-left: 30px;} #recipe-showcase img {width: 100%;} #recipe-showcase {position: relative;height: 500px;overflow: hidden;} #recipe-showcase .recipe-sticker {position: absolute;top: 40px;display: inline-block;left: 0px;text-transform: uppercase; padding: 10px 30px 7px 30px;font-size: 22px;font-weight: 500;color: #fff;letter-spacing: -1px; background: rgba(86, 179, 60,0.5) url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat;background-position: 4px;} body #feat-back, body #feat-back #featured-container {overflow: hidden;} body #feat-back .pagetitle {top:-250px;} body.single .post-vegan-food,body.single .post-uncategorized,body.single .post-animalsandnature,body.single .post-news,body.single .post-guides,body.single .post-vegan-health,body.single .post-natural-health,body.single .post-reviews{margin:0 0 20px 0} body .ad.row{text-align:center} body .singletitle hgroup h2{padding:10px 5px 20px 5px;color:#000;font-size:40px;letter-spacing:-1px;margin-bottom:0;border-bottom:2px solid #f1f1d2;width:auto;font-weight:500;text-align:left;word-wrap: break-word;} body .preview{background:rgba(0,141,95,0.6);padding:15px 10px;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;font-size:16px} body .singletitle header h2 span{color:#000;margin:10px 5px 0 0;letter-spacing:0;font-size:10px;text-align:center;float:left} body .singletitle hgroup{text-align:left;margin-bottom:15px;margin-top:10px} body .singletitle hgroup span a{font-weight:normal;color:#333;padding:6px 6px;background:#efefef;margin-left:3px;border-radius:5px;line-height:30px} body header span a:hover{color:#00bd7e;background:#cdcdcd} body .titleshare{text-align:center;height:85px;overflow:hidden;background:#fff;padding:10px 0 10px 50px;box-shadow:0 0 10px #dedede} body .titleshare .share{width:60px;float:left;margin-right:30px;vertical-align:top} body .titleshare .share img{margin-right:5px;vertical-align:top} body .titleshare img.shareicon{float:left;width:12px;margin-right:5px} body .titleshare .share a{float:right} body .titleshare .share .addthisextra{padding-top:3px;color:#f66c4f;font-weight:bold} body .postshares{clear:both;margin:20px 10px 20px 40px;height:30px} body .postshares .share{float:left;margin-right:5px} body .postshares .share img{margin-right:3px} body .postshares img.shareicon{float:left;width:12px;margin-right:5px} body .postshares .share a{float:right;display:block} body .postmetadata a.authormeta{font-weight:bold;font-size:13px;padding-bottom:3px;line-height:16px;} body .postmetadata span.post-comments, body .postmetadata span.post-time, body .postmetadata span.more-recipes {font-size:11px;color:rgb(14,62,36); margin-right: 5px;} body .postmetadata span.post-comments img, body .postmetadata span.post-time img,body .postmetadata span.more-recipes img {width:20px;vertical-align: middle;margin-right: 4px;} body .postmetadata span.more-recipes {clear: both;float: left;padding-left: 51px;} body .postmetadata span.more-recipes a {font-size: 11px;} body .postmetadata .authormetaimage{width:40px;float:left;margin-right:10px} body .ogp-breadcrumbs h4.sponsor-msg {color: #008d5e} body .ogp-breadcrumbs p.sponsor-msg-text {margin-top: 5px;} body .ogp-breadcrumbs a.sponsor-url:hover {text-decoration: none;background: none;} body .ogp-breadcrumbs .tags {padding:0;height:15px !important;overflow:hidden;line-height:15px;text-align:right;display: none;} body .ogp-breadcrumbs .tags a{color:#444;font-size:10px;padding:2px 3px;margin-right:6px;margin:0;text-transform:none;font-weight:normal;background:rgba(0,88,43,0.1);border-radius:2px;} body .ogp-breadcrumbs-recipe .tags {padding:20px 0;overflow:hidden;line-height:15px;text-align:left;} body .ogp-breadcrumbs-recipe .tags a{color:#444;font-size:10px;padding:2px 3px;margin-right:6px;margin:0;text-transform:none;font-weight:normal;background:rgba(0,88,43,0.1);border-radius:2px;} body .ogp-breadcrumbs {background: #fdfdfd;text-transform: uppercase;border-bottom: 1px solid #f1f1d2;clear: both;padding: 8px 0 7px 0;} body #feat-recipe .ogp-breadcrumbs #totalcounts { margin: 0; } body .ogp-breadcrumbs .breadcrumbs {margin-left: 20px;} body .ogp-breadcrumbs a {font-weight: bold;font-size: 9px;padding: 10px 10px;height: 27px;} body.category-plant-based-recipes .ogp-breadcrumbs a,body.category-vegan-food .ogp-breadcrumbs a,body.category-vegan-recipe .ogp-breadcrumbs a {font-weight: bold;padding: 0px 4px !important; height: auto; font-size: 10px;} body .ogp-breadcrumbs a:hover {background: #a4eac4;color: #000} body .ogp-breadcrumbs span {font-size: 10px;} body .ogp-breadcrumbs span.current {color: rgb(0,88,43);margin-left: 5px;letter-spacing: 0px;text-transform: none;} body .ogp-breadcrumbs span.leaf {background: url('images/list.png') no-repeat 0px 4px;width: 16px !important;height: 24px;font-size: 10px;display: inline-block;margin: -7px 3px;} body .ogp-breadcrumbs span:last-child {display: none;} body .ogp-breadcrumbs-recipe #totalcounts {/*padding-left: 0;*/border-bottom: 2px solid #f1f1d2;padding-bottom: 50px;margin-top:-6px;} body .ogp-breadcrumbs-recipe #totalcounts a {color: rgb(0,141,94)} body .ogp-breadcrumbs-recipe #totalcounts a.share {font-size: 19px !important;width: 150px !important;color: rgb(0,141,94);padding-top: 10px !important;letter-spacing: -1px !important;} body #feat-recipe .postmetadata {margin-top: 10px;padding-left: 15px;} body .maincontent {background: #f1f1d2} body .maincolumn {background: #f5f5df;} body article .articlecontent .hovershare{position:fixed;top:300px;left:10px;width:30px;background:#efefef;padding:15px 5px;box-shadow:0 0 3px #dedede} body article .articlecontent .hovershare img.shareicon{width:14px;margin-bottom:3px} body article .articlecontent .hovershare .sharebox img{margin-top:5px} body article .articlecontent .hovershare .sharebox a{position:relative;left:25px;top:-23px;display:none;float:left;background:#eaeaea;padding:3px 5px;width:100px} body article .articlecontent .hovershare .sharebox:hover a{display:inline-block} body .articlecontent{float:left;padding:2% 2% 2% 0%;background:#fff;width:99%;margin:0 0% 0 1%;border:1px solid #ededc5;} body .articlecontent .size-large{text-align:center;margin:0 auto} body .singlepageview{margin:20px;float:right} body .singlepageview a{color:#888} body .singlepageview a:hover{color:#008d60} body .articlecontent p{font-size:18px;font-weight:normal;color:#232323;line-height:24px;margin:0% 0% 3% 2%;} body .articlecontent li{list-style-position:outside;margin-left:50px;padding:1px 0;font-size:17px;} body .articlecontent blockquote{font-size:20px;border-left:2px solid #f1f1d2;color:#f1f1d2;} body .articlecontent blockquote p {color:#0E3E24;} body .articlecontent pre{margin:10px 0 20px 30px} body .articlecontent code{font-weight:normal;margin:10px 0 20px 30px !important;background:#efefef} body .articlecontent h1,body .articlecontent h2,body .articlecontent h3,body .articlecontent h4,body.single-post .articlecontent h5,body.single-post .articlecontent h6{color:#0E3E24;margin-left:2%;} body .articlecontent .theiaPostSlider_nav{margin:0 0 5px 16px !important; height: 40px;} body .articlecontent .theiaPostSlider_nav ._title{line-height:48px;height:48px;display:none} body .singleadleft{float:left;width:160px;margin-right:20px} body .singleadleft .adverttext{font-size:10px;float:right;color:#000;background:0;padding:10px 5px;width:100%;margin-top:0;position:relative;top:0;text-transform:uppercase} body .adtest728{float:left;width:100%;text-align:center;margin:10px auto} body .postbottomad{margin:0 auto} body .postbottomad span.adverttext{font-size:10px;float:right;color:#000;background:0;padding:10px 5px;width:100%;margin-top:0;position:relative;top:-3px;text-transform:uppercase} body h6.disclosure{font-weight:bold;color:#888;clear:both;padding:2% 2% 0 2%;} body h6.disclosure span{font-weight:normal;color:#999;text-align:justify;margin-bottom:20px} body h6.disclosure span a{color:#ccc} body h6.disclosure span a:hover{color:#333} body p.seesomething {background: #f1f1d2;padding: 10px;} body ol.commentlist{margin-left:20px} body ol.commentlist li .comment-author{font-size:20px;font-weight:bold;text-transform:uppercase;font-style:normal;} body ol.commentlist li .comment-author img{vertical-align:middle;width:48px;margin-right:10px;display:block;} body ol.commentlist li .comment-meta{width:50%;font-size:12px;line-height:13px;padding:5px 0;} body ol.commentlist li .comment-meta a{color:rgb(0,141,94)} body .panel.author-box{background:rgba(0,0,0,0.2);border:0;margin:20px 10px 20px 40px;color:#fff;min-height:240px} body .panel.author-box h5{color:#000;font-size:22px;font-weight:bold} body .panel.author-box h5 a{color:#000} body .panel.author-box h5 a:hover{color:#000} body .panel.author-box a.th{float:left;width:auto;margin:0 20px 20px 0;border:0} body .panel.author-box a.th img{border:0;max-height:200px;max-width:200px} body .panel.author-box p{font-size:15px;line-height:20px;color:#333} body .post-animalsandnature .panel.author-box{background:rgba(0,0,0,0.2)} body .post-news .panel.author-box{background:rgba(0,0,0,0.2)} body .post-guides .panel.author-box{background:rgba(0,0,0,0.2)} body .post-lifestyle .panel.author-box{background:rgba(0,0,0,0.2)} body .post-reviews .panel.author-box{background:rgba(0,0,0,0.2)} body .post-vegan-food .panel.author-box{background:rgba(0,0,0,0.2)} body .post-vegan-health .panel.author-box{background:rgba(0,0,0,0.2)} body .post-natural-health .panel.author-box{background:rgba(0,0,0,0.2)} body .post-uncategorized .panel.author-box{background:rgba(0,0,0,0.2)} body h3#comments{color:#fff;font-size:16px;padding:35px 0 10px 10px;text-transform:uppercase;font-weight:bold; background: rgb(14,62,36);margin-top: 0;} body #respond h3{color:#fff;font-size:16px;padding:35px 0 10px 10px;text-transform:uppercase;font-weight:bold;margin-top:0;margin-bottom:20px;background: rgb(14,62,36);margin-left: 10px;} body .post-animalsandnature #respond h3{background:rgba(65,152,156,1)} body .post-news #respond h3{background:rgba(106,74,61,1)} body .post-animalsandnature #respond h3{background:rgba(65,152,156,1)} body .post-guides #respond h3{background:rgba(118,4,15,1)} body .post-lifestyle #respond h3{background:rgba(222,150,47,1)} body .post-reviews #respond h3{background:rgba(197,93,50,1)} body .post-vegan-food #respond h3{background:rgba(168,127,65,1)} body .post-vegan-health #respond h3{background:rgba(168,127,65,1)} body .post-natural-health #respond h3{background:rgba(168,127,65,1)} body .post-uncategorized #respond h3{background:rgba(0,0,0,1)} body #load_more_button {background: rgb(14,62,36);border: 0;color: #fff;padding: 10px;text-transform: uppercase;margin-bottom: 20px;width: 90%;font-weight: lighter;font-size: 15px;} body .animation_image {font-size: 15px;text-transform: uppercase;color: #aaa;margin-bottom: 20px;} body .fb_iframe_widget {margin: 0 0%;} body #respond{width:98%;clear:right;float:left;margin:0 1% 0 1%;background:#fff;} body #respond form input[type="Submit"]{margin-bottom:5px;width: 30%;background: rgb(0,141,94);border: 0;color: #fff;margin: 0 0 0 0%;border-radius: 3px;height: 30px;text-transform: uppercase;font-size: 11px;letter-spacing: 0px;} body #respond form label small{font-size:12px;padding-top:6px;} body #respond form label {} body #respond input[type="text"] {width: 100%; float: left;} body ol.commentlist{width:100%;float:left;margin-left:0px} body ol.commentlist li{margin:0 0 20px 0;padding:10px 10px 0 20px;list-style-type:none} body ol.commentlist li.even{background:rgba(0, 141, 94,0.04);min-height:165px;border-bottom:1px solid rgb(0, 141, 94);} body ol.commentlist li.odd{background:rgba(0, 141, 94,0.04);} body ol.commentlist li a{padding:0px;} body ol.commentlist li p{font-size:13px;line-height:18px;color:#333;padding-left:10px;} body ol.commentlist li .comment-author{margin-bottom:10px} body ol.commentlist li .comment-author a.url{font-size:16px;font-style:normal;text-transform: none;} body ol.commentlist li .comment-author span.says{display:none} body ol.commentlist li .comment-meta{float:right;width:25%;margin-bottom:30px;margin-left:10px;border-left:3px solid #ccc;padding-left:10px;} body ol.commentlist a.comment-reply-link{background:rgba(0,141,94,0.7);padding:7px 15px;color:#fff;border-radius:3px;font-weight:bold;} body ol.commentlist .reply{margin-bottom:10px;height:35px;} body .wp-social-login-connect-with {display: none;} body .wp-social-login-provider-list {padding: 0 10px 20px 10px;} body .wp-social-login-provider-list img {border: 0;height: 35px;margin-right: 15px;} body p.subscribe-to-comments{width: 70%;float: left; display:none;} body p.subscribe-to-comments input#subscribe{float:left} body p.subscribe-to-comments label{float:left;font: 13px;color: #aaaaaa;} body .exploremore h3{background:#fff;color:#000;text-decoration:none;font-size:26px;text-align:left;padding:20px 10px;text-transform:uppercase;-moz-box-shadow:inset 0 0 8px 1px #dedede;-webkit-box-shadow:inset 0 0 8px 1px #dedede;box-shadow:inset 0 0 8px 1px #dedede} /* @group Recipe Post Type Styling */ body.single-recipe .pagetitle {background: #fff;} body.single-recipe .singletitle hgroup h2 {font-size: 40px;} body.single-recipe #recipe-showcase {height: 500px;} body.single-recipe .recipe-stats {margin: 10px 0;} body.single-recipe .recipe-stats span {font-size: 16px;color: #555;margin: 0 10px;} body.single-recipe .ogp-breadcrumbs-recipe #totalcounts #totalshare a.share {width: 150px !important;} body.single-recipe .ogp-breadcrumbs-recipe #totalcounts a.share {width: 145px !important;height: 30px;} body.single-recipe .singletitle {} body.single-recipe .articlecontent {} body.single-recipe .articlecontent h3 {font-size: 22px; border-bottom: 1px solid rgba(14,62,36,0.5);color: #1e834c; text-transform: uppercase; padding: 15px 10px 10px 3px;font-weight: bold;margin-bottom: 0;margin-left: 20px;} body.single-recipe p.recipe-diet-disclaimer {font-size: 11px; color:#aaa;padding-left: 0px;margin-left: 0;margin-bottom: 0;} body.single-recipe .recipe-name h3 {font-size: 30px;border-bottom: 0;} body.single-recipe .articlecontent .recipe-stats {clear:both;} body.single-recipe .articlecontent .calories {margin-left: 10px;} body.single-recipe .articlecontent .serves {padding: 0;margin:0;} body.single-recipe .articlecontent .cook-time {margin-left: 0;padding: 0 7.5px 0 0;width: 41.5%;} body.single-recipe .recipe-diet {clear: both;border-bottom: 1px solid rgba(14,62,36,0.25);margin-left: 20px;} body.single-recipe .recipe-diet h4 {margin-left: 20px;} body.single-recipe .recipe-diet .start-diet {float:left;padding:15px 6px;font-weight:bold;text-transform:uppercase;} body.single-recipe .recipe-diet span {padding: 10px 5px;background: rgba(245,245,223,0.3); margin: 5px 1px; text-transform: none; color: rgb(14,62,36); line-height: 45px; font-weight: bold; letter-spacing: -1px; font-size: 12px;} body.single-recipe .recipe-diet span:hover {background: rgba(30,131,76,0.95);color:#fff;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} body.single-recipe .ingredients-list {} body.single-recipe .ingredients-list a {padding:10px; font-size: 12px;background: rgba(245,245,223,0.3); margin-right: 10px;font-weight: bold; margin-left: 25px; } body.single-recipe .calories h3, body.single-recipe .serves h3, body.single-recipe .cook-time h3 {margin-bottom: 0px; font-size: 15px; padding: 0 5px; border: 0;} body.single-recipe .articlecontent .calories span, body.single-recipe .articlecontent .serves span, body.single-recipe .articlecontent .cook-time span{font-size: 18px;font-weight: bold;margin-left: 35px;color: #555;padding-top: 10px;padding-bottom: 20px;} body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-preparation, body.single-recipe .articlecontent .recipe-ingredients, body.single-recipe .articlecontent .recipe-notes, body.single-recipe .articlecontent .recipe-nutrition {margin-left: 20px;font-size: 18px;line-height: 25px;padding: 20px 0px 0 0px;} body.single-recipe .articlecontent .recipe-ingredients li {list-style-image: url('images/list.png')} body.single-recipe .articlecontent .recipe-ingredients h4 {text-transform: uppercase;font-weight: bold;} body.single-recipe .articlecontent .recipe-preparation ol li {} body.single-recipe .articlecontent .recipe-preparation ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } body.single-recipe .articlecontent .recipe-preparation ol > li { position:relative; /* Create a positioning context */ margin:0 0 20px 5em; /* Give each list item a left margin to make room for the numbers */ padding:4px 8px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ background:rgba(245,245,223,0.3); } body.single-recipe .articlecontent .recipe-preparation ol > li:before { content:"Step "counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-2px; left:-4em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:4em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:8px; padding:4px; color:#fff; background:rgba(30,131,76,0.95); font-weight:none; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; } body.single-recipe .articlecontent .recipe-preparation li ol, body.single-recipe .articlecontent .recipe-preparation li ul {margin-top:6px;} body.single-recipe .articlecontent .recipe-preparation ol ol li:last-child {margin-bottom:0;} body.single-recipe .articlecontent .recipe-notes {font-style: italic;background: rgba(245,245,223,0.3);padding: 20px;} body.single-recipe .articlecontent .recipe-reference-link p {padding: 10px;text-align: center;background: #f1f1d2;font-weight: bold;} /* @end */ /* @end */ /* @group Sidebar */ .sidebarcolumn {background: #e9e9b8;margin-top: 10px;border-top: 1px solid #f1f1d2;} aside{margin-top:20px} aside .widget_text h2.widgettitle{display:none} aside div h5{display:none} aside .adtest300{margin:0 0 20px 0} aside .textwidget .adtest300 span.adverttext{font-size:10px;float:right;color:#fff;background:#000;padding:10px 5px;width:100%;margin-top:0;position:relative;top:-3px;text-transform:uppercase} aside .dynamicitems h5{display:block;background:#008d5f;color:#fff;text-transform:uppercase;text-align:center;padding:15px 0 10px 0;font-weight:bold;margin-bottom:0;margin-top:20px} aside .popular-posts {margin-bottom:5px;clear:both;margin-top:20px;} aside .popular-posts li {list-style-type: none;clear: both;margin-bottom: 20px; line-height: 15px; clear: both;margin-top: 10px;min-height: 65px;background:rgba(14,62,36,0.1);} aside .popular-posts li.news{background:rgba(118,117,112,0.1);color:#000} aside .popular-posts li.animalsandnature{background:rgba(65,152,156,0.1);color:#000} aside .popular-posts li.guides{background:rgba(118,4,15,0.1);color:#000} aside .popular-posts li.lifestyle{background:rgba(222,150,47,0.1);color:#000} aside .popular-posts li.reviews{background:rgba(197,93,50,0.1);color:#000} aside .popular-posts li.vegan-food{background:rgba(86,179,60,0.1);color:#000} aside .popular-posts li.vegan-health{background:rgba(168,127,65,0.1);color:#000} aside .popular-posts li.natural-health{background:rgba(168,127,65,0.1);color:#000} aside .popular-posts li:hover {background:rgba(14,62,36,0.3); } aside .popular-posts li:hover a {color: #000} aside .popular-posts li.news:hover{background:rgba(118,117,112,0.3);color:#000} aside .popular-posts li.animalsandnature:hover{background:rgba(65,152,156,0.3);color:#000} aside .popular-posts li.guides:hover{background:rgba(118,4,15,0.3);color:#000} aside .popular-posts li.lifestyle:hover{background:rgba(222,150,47,0.3);color:#000} aside .popular-posts li.reviews:hover{background:rgba(197,93,50,0.3);color:#000} aside .popular-posts li.vegan-food:hover{background:rgba(86,179,60,0.3);color:#000} aside .popular-posts li.vegan-health:hover{background:rgba(168,127,65,0.3);color:#000} aside .popular-posts li.natural-health:hover{background:rgba(168,127,65,0.3);color:#000} aside .popular-posts li .share-count {width: 20%;float: left;font-size: 16px;background: rgb(14,62,36);color:#fff;padding:15px 5px 10px 5px;text-align: center;font-weight: bold;} aside .popular-posts li .share-count span {font-size: 12px;font-weight: normal;text-transform: uppercase;color: rgb(86,179,60);font-weight: bold;} aside .popular-posts li .popular-posts-title {width: 70%; float: left;margin-left: 2%;font-weight: bold;font-size: 13px;padding-top: 5px;} aside .trending-posts {margin-bottom:5px;clear:both;margin-top:20px;} aside .trending-posts li {clear: both;margin-bottom: 25px;line-height: 18px;list-style: none;height: auto;position: relative;} aside .trending-posts li:hover {background: #ededc5} aside .trending-posts li img {height: 200px;width: 100%;} aside .trending-posts li .share-count {background: rgb(14,62,36);width: 20%; float: left;padding: 15px 5px 5px 3px;font-size:16px;font-weight: bold;text-align: center;color: #fff;line-height: 18px;position: relative;top: -80px;margin-bottom: -70px;} aside .trending-posts li .share-count span {color: rgb(86,179,60);font-size: 12px;text-transform: uppercase;} aside .trending-posts li .trending-post-title {width:80%;float:left;margin-left: 0%;font-size: 15px;padding-top: 8px;color: rgb(14,62,36);line-height: 16px;position: relative;top: -80px;background: rgba(255,255,255,0.8);margin-bottom: -70px;left: 20%;padding-left: 5px;font-weight: 500;min-height: 58px;padding-right: 5px;} aside .trending-posts li a {} aside .all-time {} aside .all-time li {list-style-type: none;clear: both;margin-bottom: 25px;max-height: 65px;min-height: 50px;background: rgba(14,62,36,0.05);} aside .all-time .share-count {float: right;background:RGB(14,62,36);padding:9px 5px; color: #fff;font-weight: bold;font-size: 16px; text-align: center; } aside .all-time .share-count span {font-size: 12px;color:rgb(86,179,60);text-transform: uppercase;} aside .all-time .all-time-thumb {width: 20%;float: left;overflow: hidden;} aside .all-time .all-time-thumb img {height: 50px;} aside .all-time .all-time-post-title {width: 56%; float: left;margin-left: 2%;} aside .all-time a .all-time-post-title {color: rgb(14,62,36);font-weight: normal;font-size: 12px;padding-top: 5px;} aside .recent-posts{margin:0px 0 0px 0;clear:both;padding-top:1px;min-height: 610px} aside .recent-posts li{list-style-type:none;width: 50%;float: left;min-height: 180px;} aside .recent-posts li img {height: 100px;} aside .recent-posts li a {color: #000;background: #f1f1d2;} aside .recent-posts li a .recent-post-title {font-weight: bold;color: rgb(14,62,36); text-transform: uppercase;background: #f1f1d2;padding:5px;min-height:85px; } aside .singlerecent{width:100%;margin:10px 0 0 0} aside .singlerecent .postimage{margin:0} aside .singlerecent .posttitle{padding:10px 5px;color:#fff;font-size:16px;position:relative;top:-7px;line-height:17px} aside .recipe-selectors {margin-bottom:20px;clear:both;} aside .recipe-selectors .nav-bar {background: none !important;border-right: none;} aside .recipe-selectors .nav-bar a {color:#fff;font-size: 14px;padding-left: 10px;text-transform: uppercase;font-weight: bold;padding-top:15px;line-height:20px;letter-spacing:-1px; } aside .recipe-selectors .nav-bar a.recipe-type {background: rgba(14,62,36,0.65);} aside .recipe-selectors .nav-bar.vertical li.selector-1 {height: 120px;background:url('images/recipe-selector/image-1.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-2 {height: 120px;background:url('images/recipe-selector/image-2.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-3 {height: 120px;background:url('images/recipe-selector/image-3.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-4 {height: 120px;background:url('images/recipe-selector/image-4.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-5 {height: 120px;background:url('images/recipe-selector/image-5.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-6 {height: 120px;background:url('images/recipe-selector/image-6.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-7 {height: 120px;background:url('images/recipe-selector/image-7.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical li.selector-8 {height: 120px;background:url('images/recipe-selector/image-8.jpg') no-repeat;} aside .recipe-selectors .nav-bar.vertical>li {border: 0; width: 150px; margin: 0 5px 5px auto; float: left; opacity: 0.85;} aside .recipe-selectors .nav-bar.vertical>li .flyout {top:120px;width: 100%;background: rgb(14,62,36);left: 0% !important;padding: 2px 10px;border-top: 2px solid #f1f1d2;} aside .recipe-selectors .nav-bar.vertical li:hover {opacity: 1;} aside .recipe-selectors .nav-bar.vertical li:hover a {color: #fff;} aside .recipe-selectors .nav-bar.vertical li .flyout a {padding: 5px 5px !important; font-size: 10px; letter-spacing: 0;margin: 0;line-height: 11px;} aside .recipe-selectors .nav-bar.vertical li .flyout a li {border: 0; padding: 0; } body.single-post aside .singlerecent .posttitle.news{color:rgba(118,117,112,1)} body.single-post aside .singlerecent .posttitle.animalsandnature{color:rgba(65,152,156,1)} body.single-post aside .singlerecent .posttitle.guides{color:rgba(118,4,15,1)} body.single-post aside .singlerecent .posttitle.lifestyle{color:rgba(222,150,47,1)} body.single-post aside .singlerecent .posttitle.reviews{color:rgba(197,93,50,1)} body.single-post aside .singlerecent .posttitle.vegan-food{color:rgba(86,179,60,1)} body.single-post aside .singlerecent .posttitle.vegan-health{color:rgba(168,127,65,1)} body.single-post aside .singlerecent .posttitle.natural-health{color:rgba(168,127,65,1)} body.single-post aside .singlerecent:hover .posttitle.news{background:rgba(118,117,112,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.animalsandnature{background:rgba(65,152,156,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.guides{background:rgba(118,4,15,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.lifestyle{background:rgba(222,150,47,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.reviews{background:rgba(197,93,50,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.vegan-food{background:rgba(86,179,60,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.vegan-health{background:rgba(168,127,65,1);color:#000} body.single-post aside .singlerecent:hover .posttitle.natural-health{background:rgba(168,127,65,1);color:#000} aside .asidead{margin:20px 0 30px 0;text-align:center;} aside .asidead .adverttext{font-size:10px;float:left;color:#ccc;background:0;padding:10px 5px;width:100%;text-align: right;} aside .sidebarsearch {} aside h3 {background: #1e834c;color: #fff;font-size: 14px;padding: 11px 5px 7px 5px;font-weight: 700;letter-spacing: 0px;text-transform: uppercase;} .sidebarcolumn.animalsandnature aside h3{background:rgba(65,152,156,1)} .sidebarcolumn.lifestyle aside h3{background:rgba(222,150,47,1)} .sidebarcolumn.vegan-food aside h3{background:rgba(168,127,65,1)} .sidebarcolumn.news aside h3{background:rgba(106,74,61,1)} .sidebarcolumn.recipe aside h3{background:rgba(118,4,15,1)} .sidebarcolumn.uncategorized aside h3{background:rgba(14,62,36,1)} aside h3 img {width: 24px;vertical-align: middle;margin: -3px 5px 0 0;} aside h3 span {font-weight: bold;color: #fff;text-transform: uppercase;} aside .sidebarsearch input#s {height: 50px;} aside .sidebarsearch .button {display: none;} aside .widget_text h2.widgettitle{display:none} aside .sidebar-share { margin: 0 0px 20px 0px; height: 210px; background: #f5f5df;} aside .sidebar-share li {list-style-type: none;margin: 0 0 10px 7px;float: left;height: 45px;width: 47%;} aside .sidebar-share li img {vertical-align: middle;padding: 5px 5px 20px 0;} aside .sidebar-share li.facebook {background:#507CBE;} aside .sidebar-share li.tumblr {background:#5C8DAA;} aside .sidebar-share li.twitter {background:#65CDEF;} aside .sidebar-share li.instagram {background:#606364;} aside .sidebar-share li.pinterest {background:#F1605D;} aside .sidebar-share li.plus-google {background:#434648;} aside .sidebar-share li.xml {background:#F7931E;} aside .popularposts{margin:50px 0} aside .popularposts li{list-style-type:none;margin:20px 0;clear:left} aside .popularposts li.singlerecent{width:100%} aside .popularposts li .posttitle{background:#000;padding:10px 5px;color:#fff;font-size:16px;position:relative;top:-7px;text-align:left} .featuredposts h2{margin:10px;color:#fff} .featuredposts h2.widgettitle{display:none} .featuredposts h3{font-size:20px;font-weight:bold;line-height:20px;color:#2bb161;margin:20px 0 0 5px} aside .subscribebox input.email {width: 60%;float: left;height: 50px;} aside .subscribebox input[type=submit] {width: 40%} .featuredposts #slideshow-title{font-size:20px;text-align:center;margin-bottom:10px} .featuredposts .cycle-overlay{position:absolute;bottom:0;width:80%;opacity:50%;z-index:600;background:black;color:white;padding:0 5px;margin:10%} aside .sidebartabs #trendingTab .trendingpost{margin-bottom:15px} aside .sidebartabs #trendingTab .trendingpost span{color:#000;margin-top:10px;font-weight:bold} aside .sidebartabs #trendingTab .trendingpost a{color:#000;font-size:14px} aside .sidebartabs #recentTab .singlerecent{clear:both;margin-bottom:5px} aside .sidebartabs #recentTab span{padding:3px 5px;margin:4px 5px;color:#fff} aside .sidebartabs #recentTab span a{color:#fff;font-size:13px;padding:2px 4px;line-height:15px} aside .sidebartabs #recentTab span.articlecategory{font-size:10px;padding:8px 4px;width:80px;height:50px;float:left;text-align:center;margin:0 10px 5px 0;background:rgb(0,62,14);font-weight:bold;letter-spacing:0px;line-height:12px;} aside .sidebartabs #recentTab a{line-height:10px;color:#000;font-size:13px;margin-top:5px} aside .sidebartabs #recentTab a.news:hover{background:rgba(118,117,112,0.3)} aside .sidebartabs #recentTab a.animalsandnature:hover{background:rgba(65,152,156,0.3)} aside .sidebartabs #recentTab a.guides:hover{background:rgba(118,4,15,0.3)} aside .sidebartabs #recentTab a.lifestyle:hover{background:rgba(222,150,47,0.3)} aside .sidebartabs #recentTab a.reviews:hover{background:rgba(197,93,50,0.3)} aside .sidebartabs #recentTab a.vegan-food:hover{background:rgba(86,179,60,0.3)} aside .sidebartabs #recentTab a.vegan-health:hover{background:rgba(168,127,65,0.3)} aside .sidebartabs #recentTab a.natural-health:hover{background:rgba(168,127,65,0.3)} aside .sidebartabs #recentTab a.uncategorized:hover{background:rgba(168,127,65,0.3)} aside #trendingTab ul {margin-left:0px;} aside #trendingTab ul li {list-style:none;font-size:15px;border-left:3px solid rgb(0,141,94);margin-bottom:10px;padding-left:4px;padding-bottom:0;} aside #trendingTab ul li a {line-height:18px;font-size:13px;} aside #popularTab ul {margin-left:0;} aside #popularTab ul li {list-style-type:none;list-style:none;font-size:15px;margin-bottom:10px;} aside #popularTab ul li a {color:#000;} aside .sidebartabs #recentTab span.news{background:rgba(118,117,112,1)} aside .sidebartabs #recentTab span.animalsandnature{background:rgba(65,152,156,1)} aside .sidebartabs #recentTab span.guides{background:rgba(118,4,15,1)} aside .sidebartabs #recentTab span.lifestyle{background:rgba(222,150,47,1)} aside .sidebartabs #recentTab span.reviews{background:rgba(197,93,50,1)} aside .sidebartabs #recentTab span.vegan-food{background:rgba(86,179,60,1)} aside .sidebartabs #recentTab span.vegan-health{background:rgba(168,127,65,1)} aside .sidebartabs #recentTab span.natural-health{background:rgba(168,127,65,1)} aside .sidebartabs #recentTab span.uncategorized{background:rgba(0,0,0,1)} aside .sidebartabs{margin:40px 0 20px 0} aside .sidebartabs h3{font-size:19px;line-height:20px;text-transform:uppercase;color:#0e3e24;margin-top:20px} aside .sidebartabs .recentcommentspreview div{clear:both;margin-bottom:0} aside .sidebartabs .recentcommentspreview p{font-size:12px} aside .sidebartabs .recentcommentspreview img{float:right;margin:0 10px 10px 0;width:40px} aside .sidebartabs .recentcommentspreview p.bubble{background:rgba(0,0,0,0.1);color:#000;padding:4px 5px;border-radius:4px 4px 0 4px;width:75%;float:left;margin-bottom:0} aside .sidebartabs .recentcommentspreview a.comment{font-size:13px;color:#000;font-style:normal} aside .sidebartabs .recentcommentspreview span.authorname{font-size:11px;float:right;margin-top:5px;margin-bottom:5px;line-height:13px;text-align:right} aside .sidebartabs .gmposts{clear:left;margin-bottom:10px;min-height:75px} aside .sidebartabs .gmposts img{float:left;width:43px;margin:0 10px 10px 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.04);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.04);box-shadow:0 0 0 1px rgba(0,0,0,0.04);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow} aside .sidebartabs .gmposts .authorspan{float:left;font-size:13px;letter-spacing:-1px;line-height:13px;font-weight:bold;clear:both} aside .sidebartabs .gmposts .authorpost{float:left;font-size:12px;width:80%;margin-bottom:10px;padding:4px 7px} aside .sidebartabs .gmposts .authorpost a{color:#000} aside .sidebartabs .gmposts.news .authorpost{background:rgba(118,117,112,0.3)} aside .sidebartabs .gmposts.animalsandnature .authorpost{background:rgba(65,152,156,0.3)} aside .sidebartabs .gmposts.guides .authorpost{background:rgba(118,4,15,0.3)} aside .sidebartabs .gmposts.lifestyle .authorpost{background:rgba(222,150,47,0.3)} aside .sidebartabs .gmposts.reviews .authorpost{background:rgba(197,93,50,0.3)} aside .sidebartabs .gmposts.vegan-food .authorpost{background:rgba(86,179,60,0.3)} aside .sidebartabs .gmposts.vegan-health .authorpost{background:rgba(168,127,65,0.3)} aside .sidebartabs .gmposts.natural-health .authorpost{background:rgba(168,127,65,0.3)} aside .sidebartabs .gmposts.uncategorized .authorpost{background:rgba(168,127,65,0.3)} /* @end */ /* @group Left Sidebar */ .leftside{margin-top:10px} .leftside .recentposts{margin:30px 0} .leftside .recentposts h3{color:#000;font-size:19px;text-transform:uppercase;padding:0 5px 0 5px;margin-top:50px} .leftside .recentposts h3 img{margin:0 5px} .leftside .recentposts li{list-style:none;margin-bottom:20px} .leftside .recentposts li a .posttitle{padding:10px 5px;color:#000;font-size:16px;line-height:18px;width:100%;position:relative;top:-7px} .leftside .recentposts li a:hover .posttitle.posttitle-news{background:rgba(135,134,129,0.8);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-animalsandnature{background:rgba(75,175,180,0.8);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-guides{background:rgba(118,4,15,1);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-lifestyle{background:rgba(227,165,76,0.8);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-reviews{background:rgba(209,112,72,0.8);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-vegan-food{background:rgba(102,194,76,0.8);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-vegan-health{background:rgba(187,127,65,0.8);color:#000} .leftside .recentposts li a:hover .posttitle.posttitle-natural-health{background:rgba(187,127,65,0.8);color:#000} .leftside span.adverttext{font-size:10px;float:right;color:#000;background:0;padding:10px 5px;width:100%;margin-top:0;position:relative;top:0;text-align:center;text-transform:uppercase} /* @end */ /* @group Search Page */ body.search h2.page-title{color:#000;margin-bottom:15px;margin-top:10px;text-transform:none;word-wrap:break-word;text-align:center;font-size:50px} body.search h2.page-title span{color:#008d5f} body.search article{margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:30px;clear:both} body.search article .search img{width:150px;float:right;margin-left:20px} body.search article a h2{clear:left;background:0;color:#000;width:auto;padding:10px 0} body.search article .searchresult p{margin-bottom:10px} body.search article .searchresult p a{color:#333} body.search article .searchresult span{float:left;color:#aaa;font-size:14px;margin-right:10px} body.search article .searchresult .articlecategory a{margin-top:10px;background:#ccc;padding:3px 5px;color:#000;font-size:14px} body.search article .articlecategory.news a{background:rgba(118,117,112,0.6)} body.search article .articlecategory.animalsandnature a{background:rgba(65,152,156,0.6)} body.search article .articlecategory.guides a{background:rgba(118,4,15,0.6)} body.search article .articlecategory.lifestyle a{background:rgba(222,150,47,0.6)} body.search article .articlecategory.reviews a{background:rgba(197,93,50,0.6)} body.search article .articlecategory.vegan-food a{background:rgba(86,179,60,0.6)} body.search article header .articlecategory.vegan-health a{background:rgba(168,127,65,0.6)} body.search article header .articlecategory.natural-health a{background:rgba(168,127,65,0.6)} body.search article .articlecategory.uncategorized a{display:none} body.search article .articlecategory.marketplace a{background:rgba(0,0,0,0.6);padding:0 22px 0 21px;width:auto} /* @end */ /* @group Author Page */ .authorpage{margin:20px 0 !important;padding:10px 0 10px 0;min-height:100px;background:#fff;} .authorpage .authorpic img{max-height:150px} .authorpage .authorname{/* height:150px */; font-size: 15px; color: #000!important; font-weight: bold;} .authorpage .authorname h2{color:#000;padding-top:5px;line-height:30px;font-size:24px;} .authorpage .authordescription{font-size:15px;padding:20px 20px;line-height: 21px;} /* @end */ /* @group Infinite Scroller */ #loadingpage{font-size:24px;color:#ccc;text-align:center;text-transform:uppercase} #infscr-loading{bottom:0;left:0;width:100%;height:6em;margin-top:-3em;margin-left:0;border:0 solid #ccc;background-color:rgba(249,249,236,0.65);position:fixed;z-index:90;text-align:center} #infscr-loading img{margin-top:10px;margin-bottom:5px;width:30px} #infscr-loading div{font-size:15px;text-transform:uppercase;font-weight:bold;margin:0 auto;color:#0e301b;text-align:center} /* @end */ /* @group Subscribe Box */ .post.subscribebox{margin-bottom:20px;background:#f1f1d2;padding:0 10px;} .post.subscribebox h2,.subscribebox h2{font-size:24px;font-weight:normal;color:rgb(0,141,94);margin-bottom:10px;line-height:22px;letter-spacing:-1px;padding:0px 4px 0 4px;} .post.subscribebox h2.widgettitle{display:none} .post.subscribebox h2 span{font-weight:normal;color:#000} .post.subscribebox h2 img{float:left;width:36px;margin:0px 5px 0 0px} .post.subscribebox input.email{width:60%;float:left;border-radius:3px 0 0 3px;height:50px} .post.subscribebox input[type=submit],.subscribebox input[type=submit]{width:40%;background:#009855;border:0;padding:0 7px 0 7px;color:#fff;border-radius:0 3px 3px 0;height:50px;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;} .post.subscribebox .response p{font-size:20px;text-align:center;margin:20px 0;color:#008d5f;line-height:20px} /* @end */ /* @group Featured Posts */ .post.featuredposts{margin-bottom:10px} .post.featuredposts h2.title{color:#fff;padding:10px 5px;font-size:18px;margin:0} .post.featuredposts span.excerpt{font-size:10px;color:#fff;position:absolute;top:0} /* overlay */ .post.featuredposts .cycle-overlay{position:absolute;bottom:0;width:80%;z-index:600;background:black;color:white;padding:0 5px;margin:10%} /* @end */ /* @group Footer Styling */ /* @group Pop Up Box For Login */ #loginreveal a.logo{margin-bottom:20px} #loginreveal li{width:48%;float:left;list-style-type:none;margin-top:20px} #loginreveal li.leftregister{margin-right:2%} #loginreveal li.rightsignup{margin-left:2%} #loginreveal li h3{color:#005143} #loginreveal li.leftregister p.register-link{text-align:center} #loginreveal li.leftregister a.bigregister{background:#005143;text-transform:uppercase;font-size:16px;text-align:center;width:100%;padding:20px 100px;color:#fff;margin-top:20px;font-weight:bold;box-shadow:0 5px 20px #aaa} #loginreveal li.rightsignup p.login-remember{text-align:center} #loginreveal li.rightsignup p.login-submit{text-align:center} #loginreveal li.rightsignup input[type="submit"]{background:#005143;text-align:center;text-transform:uppercase;font-size:16px;color:#fff;padding:20px 100px;border:0;box-shadow:0 5px 20px #aaa} /* @end */ /* @group Pop Up Box For Submit */ #submitreveal{text-align:center} #submitreveal a.logo img{width: 250px;margin-bottom: 50px;margin-top: 30px;} #submitreveal h3{margin-bottom:20px} #submitreveal hr{border:1px solid #0e3e24;margin-bottom:50px} #submitreveal .submitlinks{clear:both;text-align:center;margin:60px auto} #submitreveal .submitlinks a{text-transform:uppercase;font-size:16px;color:#0e3e24;padding:30px 25px} #submitreveal .submitlinks a:hover{background:#008d5e;color:#fff} #submitreveal span{margin-top:40px} #submitreveal span a{font-size:10px;color:#aaa} /* @end */ /* @group Pop Up Box For Newsletter */ #newsletterreveal {padding:0;} #newsletterreveal h2 {background:rgb(14,62,36);color:#fff;padding:20px;} #newsletterreveal h2 img {width: 20px;} #newsletterreveal form input {margin: 0 0px;} #newsletterreveal .nl-share {text-align: center;} #newsletterreveal .nl-input-boxes {margin: 0 20px} #newsletterreveal li{list-style-type: none;} #newsletterreveal li:first-child {margin-left: 15px;} #newsletterreveal .nl-share a {float:left;margin:10px 3px;width:22%;height: 50px;} #newsletterreveal li img {vertical-align: bottom;padding-top: 7px;} #newsletterreveal li a {padding-top: 0} #newsletterreveal a.facebook {background: rgb(80,124,190);} #newsletterreveal a.twitter {background: rgb(101,205,239);} #newsletterreveal a.instagram {background: rgb(96,99,100);} #newsletterreveal a.pinterest {background: rgb(241,94,92);} #newsletterreveal .nl-closer {clear: both; text-align: center; margin: 10px 0; padding-top: 15px; color: rgb(14,62,36); font-size: 11px;} /* @end */ /* @group Newsletter signup in mobile */ .mobile-newsletter {background: #006539;} .mobile-newsletter img {width:30px;} .mobile-newsletter h2{font-size: 18px; text-transform: uppercase;color:#fff;font-weight: bold;} .mobile-newsletter input.email{width:60%;float:left;border-radius:3px 0 0 3px;height:50px} .mobile-newsletter input[type=submit],.subscribebox input[type=submit]{width:40%;background:#009855;border:0;padding:0 7px 0 7px;color:#fff;border-radius:0 3px 3px 0;height:50px;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;-webkit-appearance: none} .web-newsletter {background: #f9f9ec !important;margin: 20px 15px;width:98% !important;} /* @end */ /* @end */ /* @group Post Sizing for Infinite Scrolls */ .perarticle,.nothing{float:left;height:auto} .post{margin:0 0 10px 0;padding:0} .post,.postnumber-1,.postnumber-3,.postnumber-4,.postnumber-5,.postnumber-7,.postnumber-8,.postnumber-9,.postnumber-12,.postnumber-13,.postnumber-14,.postnumber-15,.postnumber-16,.postnumber-17,.postnumber-18,.postnumber-19{float:left;width:300px !important} /*.postnumber-3, .postnumber-9, .postnumber-19 {width: 300px; height: 260px;}*/ .postnumber-6{width:140px !important;float:left;} .postnumber-1{margin-bottom:20px} .postnumber-2{float:left;width:460px !important; min-height: 410px;} .postnumber-2 img {height:auto !important;width:460px !important;} .adtest300{display:block;float:left;width:300px !important;height:250px !important;overflow:hidden;margin-top:17px;margin-bottom:15px} #content .adverttext{font-size:10px;float:right;color:#000;background:0;padding:10px 5px;width:100%;margin-top:0;position:relative;top:-3px;text-align:center;letter-spacing:0;text-transform:uppercase;border-top:3px solid #008d5e;display:none} /* @end */ /* For Video Posts */ #content article iframe{width:100%;height:350px;float:left;position:relative;margin-top:5px} /* @group Guide Pages*/ .category-guides #content.guides{width:450px !important} #content.guides .post{width:450px !important} .category-guides #content.smallguides{width:300px !important;margin:0 20px} #content.smallguides .post{width:300px !important} #content.guides .post h2{font-size:24px} /* @end */ /* @group Review Pages*/ .category-reviews #content.reviews{width:450px !important} #content.reviews .post{width:450px !important} .category-reviews #content.smallreviews{width:300px !important;margin:0 20px} #content.smallreviews .post{width:300px !important} #content.reviews .post h2{font-size:24px} /* @end */ /* @group About Us Page */ body.page .ogp_contributors{list-style-type:none} body.page .ogp_contributors .post{float:left;margin:20px 0;width:175px !important} body.page .ogp_contributors .post .entry-meta{font-size:20px;margin:0 0 5px 1px} body.page .ogp_contributors .post a img{width:100% !important;margin-right:0} body.page .ogp_contributors .postnumber-0{width:140px !important} body.page .ogp_contributors .postnumber-1{width:300px !important} body.page .ogp_contributors .postnumber-2{width:210px !important} body.page .ogp_contributors .postnumber-3{width:140px !important} body.page .ogp_contributors .postnumber-4{width:210px !important} body.page .ogp_contributors .postnumber-5{width:110px !important} /* @end */ /* @group Search Styling */ #___gcse_0{padding:0;margin:0 0 -5px 0;background:none !important;width:80% !important} .cse .gsc-control-cse,.gsc-control-cse{border:0 !important;padding:0 !important} table{border-radius:0 !important;border:0 !important} table td .gsc-search-button{display:none !important} #cse table {background: none !important;margin-bottom: 0;} .gsib_a{padding:0 !important} .gsib_b{padding:0 !important;display:none !important} .cse .gsc-tabsArea, .gsc-tabsArea {} .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive {font-size: 20px !important;background: rgb(14,62,36) !important;color: #fff !important; padding: 10px 20px !important;} .gsc-control-cse,.gsc-control-cse .gsc-table-result{width:100%;font-family:"Avenir",Arial,sans-serif;font-size:13px;margin-bottom:0 !important;background:none !important;} #cse{margin:0 auto;font-size:26px;color:#777;background:none !important;} .gs-result img.gs-image,.gs-result img.gs-promotion-image{vertical-align:middle;border:1px solid #e2e2e2;max-width:120px !important;margin-right:10px !important} .gsc-table-cell-snippet-close,.gs-promotion-text-cell{vertical-align:top;width:90% !important;margin-left:50px !important;float:right} .gs-result .gs-title,.gs-result .gs-title *{text-decoration:none !important;color:#008d5e !important;font-size:20px !important;line-height:25px} .gsc-result-info-container{text-align:right;float:right} .gsc-results .gsc-cursor-box{margin-bottom:10px;float:right} .gsc-results .gsc-cursor-box .gsc-cursor-current-page{cursor:default;color:#fff;font-weight:bold;text-decoration:none;font-size:17px} .gsc-results .gsc-cursor-box .gsc-cursor-page{cursor:pointer;color:#fff !important;text-decoration:none !important;margin-right:8px !important;display:inline;font-size:17px;padding:7px 10px;background:rgba(0,141,94,0.6);box-shadow:0 0 2px rgba(0,0,0,0.05);border-radius:3px} .gs-result .gs-snippet{font-size:17px !important;margin-bottom:5px} body.search .searchresults .widget_search{margin:20px 0;} body.search .searchresults .widget_search form{margin:10px} body.search .searchresults .widget_search input{font-size:20px} body.search .searchresults .widget_search input#searchsubmit{display:none} body.search .searchresults li {list-style-type:none;} table.gsc-branding td, table.gsc-branding, table.gcsc-branding td, table.gcsc-branding {background: none;} .gsc-above-wrapper-area-container table {background: none !important;} .gsc-result-info {font-size: 20px !important;color:rgb(14,62,36) !important;;margin:0 !important;;padding:5px !important;} /* @end */ /* @group Featured Posts */ .featuredposts .featuredContent{background:url('images/ajax-loader.gif') center center no-repeat;height:300px} .featuredposts .featuredContent h4,.featuredposts .featuredContent img{display:none} .featuredposts .featuredContent.orbit{background:0;height:300px !important} .featuredposts .featuredContent.orbit h4,.featuredposts .featuredContent.orbit img{display:block} .featuredposts .featuredContent .orbit-slide{background:#f9f9ec;padding:10px 10px} .featuredposts .featuredContent .orbit-slide h4{width:80%} .featuredposts .featuredContent .orbit-slide .slidercategory{background:#000;padding:8px 5px;color:#fff} .featuredposts .featuredContent .orbit-wrapper .timer{position:absolute !important;bottom:10px !important;right:5% !important} .featuredposts h2.submitanarticle{/* background:#0e5624 no-repeat left 1px;padding-left:20px;color:#00bd84 !important;font-size:15px !important;border-radius:1px;padding-right:4px;padding-top:8px;padding-bottom:8px;font-weight:bold;box-shadow:0 5px 15px #e6e6e6 */ background: #0e5624 no-repeat left 1px; padding-left: 7px; color: #00bd84 !important; font-size: 13px !important; border-radius: 1px; padding-right: 4px; padding-top: 8px; padding-bottom: 8px; font-weight: bold; box-shadow: 0 5px 15px #e6e6e6; width: 100%; margin-left: 0%; line-height: 20px;} .featuredposts h2.submitanarticle a{color:#fff !important;text-transform:uppercase} /* @end */ /* @group Hashtag Project */ .twitter-hashtag-feed h3 {} .twitter-hashtag-feed ol {list-style-type: none;} .twitter-hashtag-feed ol li {background: rgba(85,172,238,0.6);padding: 2%;} .twitter-hashtag-feed img.twitter-image {width: 100%;margin:0 auto;text-align: center;position: relative;} .twitter-hashtag-feed img.twitter-profile-pic {clear:both; vertical-align: middle;float: right;} .twitter-hashtag-feed span.twitter-name {margin-right: 10px;padding-top:10px;color: rgb(0,14,62);float: right;vertical-align: middle;line-height: 15px;font-weight: bold;} .twitter-hashtag-feed span.twitter-name a {font-size: 12px;text-align: right;color: rgb(41,47,51);font-weight: normal;} .twitter-hashtag-feed p.twitter-tweet {clear:both; margin-top: 10px;margin-bottom:-70px;background: rgba(204,214,221,0.8);padding: 10px;margin-left: 55px;position: relative;top:-150px;color: #000;font-weight: bold;} .instagram-hashtag-feed {} .instagram-hashtag-feed ol {list-style-type: none;width: auto;} .instagram-hashtag-feed ol li{list-style-type: none;background: rgba(245,245,223,0.3);padding: 2%;clear: both;margin-bottom: 10px;width: auto;text-align: center;} .instagram-hashtag-feed ol li .insta-details {height: 55px;} .instagram-hashtag-feed ol li .insta-logo {vertical-align: middle;} .instagram-hashtag-feed img.insta-image { margin: 0 auto; width: 600px; text-align: center;} .instagram-hashtag-feed img.insta-profile-pic {clear:both;vertical-align:middle;} .instagram-hashtag-feed span.insta-name {padding-top:10px;color: rgb(0,14,62);vertical-align: middle;margin-left: 10px;font-weight: bold;} /* @end */ /* @group Slideshows */ body.single-slideshow #slideshow-template .pagetitle {background: #fff;} body.single-slideshow .articlecontent {padding: 2% 2% 5% 2%; } body.single-slideshow .articlecontent h2 {margin-left: 0;} body.single-slideshow .articlecontent p {margin-bottom: 0;word-wrap: break-word;} body.single-slideshow #slideshow-list p {font-size: 16px;} body.single-slideshow #slideshow-list p.slideshow-excerpt {min-height: 180px;} body.single-slideshow div.orbit-wrapper div.timer {top: 480px; } body.single-slideshow ul.orbit-bullets {clear:both;margin: 0 20px;bottom: -50px; width: 50%; } body.single-slideshow ul.orbit-bullets li {margin-left: 10px;} .slideshowpage{padding-right:20px;border-right:0 solid rgba(0,0,0,0.1);width:63.14286% !important} .post-template-slideshow-php .slideshowside{width:7.28571% !important;margin-top:10px} body.single-slideshow .default-link {font-size:10px;text-transform:uppercase;padding:7px 10px; color:rgba(14,62,36,0.7);cursor:pointer; position: relative; top: -38px;} /* @end */ /* @group Fundraiser Project */ body.single-fundraiser, body.single-fundraiser .maincontent, body.single-fundraiser .maincolumn {background: #fff;} body.single-fundraiser #video-container {background: #000;} body.single-fundraiser #feat-back .pagetitle {background: rgba(255,255,255,0.9);} body.single-fundraiser h2.donate-button {color:rgb(14,62,36);text-transform: uppercase;font-size: 18px;} body.single-fundraiser .articlecontent {border:0;} body.single-fundraiser .sidebarcolumn {background: #fff;border-top: 0} body.single-fundraiser .singletitle hgroup h2 {font-size: 50px;border-bottom: 0} body.single-fundraiser h6.disclosure {display: none;} body.single-fundraiser ul.tabs-content li {margin-left:0;} body.single-fundraiser dl.tabs dd.active a {font-size: 24px;color:rgb(14,62,36);} body.single-fundraiser dl.tabs dd a {font-size: 24px;color:rgb(14,62,36);} body.single-fundraiser #donate-area {background:rgba(14,62,36,0.2);height: 500px;} /* @end */ /* @group Sponsor an Animal Project */ body.single-sponsor, body.single-sponsor .maincontent, body.single-sponsor .maincolumn {background: #fff;} body.single-sponsor #video-container {background: #000;} body.single-sponsor #feat-back .pagetitle {background: rgba(255,255,255,0.9);} body.single-sponsor .articlecontent {border:0;} body.single-sponsor .sidebarcolumn {background: #fff;border-top: 0} body.single-sponsor .singletitle hgroup h2 {font-size: 50px;border-bottom: 0} body.single-sponsor h6.disclosure {display: none;} /* @end */ /* @group Video Post Type */ body.single-video #video-container {background: #000;} body.single-video #feat-back .pagetitle {background: rgba(255,255,255,0.9);} body.single-video .articlecontent {border:0;} body.single-video #video-container #featured-slit iframe {width:1140px; height:620px;} body.single-video .singletitle hgroup h2 {font-size: 50px;border-bottom: 0} body.single-video h6.disclosure {display: none;} /* @end */ /* @group Poll Post Type */ body.single-poll .yop-poll-container {width: 96% !important; margin:0 auto;} body.single-poll .yop-poll-name {font-size: 18px !important;} /* @end */ /* @group Photo List Post Type */ body.single-photolist .pagetitle {position: relative;top: -250px;margin-bottom: -175px;background: rgba(255,255,255,0.8);} body.single-photolist .articlecontent ol li {color:rgb(14,62,36);list-style-position: none; font-size: 25px;} body.single-photolist .articlecontent ul li {list-style:none;margin-left: 20px;} body.single-photolist .articlecontent .intro-text ul li {font-size: 16px;list-style-type: disc;list-style-image: none;list-style-position: initial} body.single-photolist .articlecontent #photo h3 {margin:0;} /* @end */ /* @group Hotline Project */ .hotline-content {width: 100%;height: 800px;background: url('http://www.onegreenplanet.org/wp-content/themes/arigel-theme/images/hotline/goji.jpg') no-repeat center -65px #fff;overflow: hidden;background-size: cover;border-bottom: 5px solid rgb(56,135,138)} .hotline-content .hotline-welcome {margin-top: 10%;margin-bottom: 2%;background: rgba(50,130,134,0.65);} .hotline-content .hotline-welcome h4 { margin: 0 auto; color: #fff;padding: 10px 10px;} .hotline-content .hotline-welcome h4 a {text-transform: uppercase;color:#fff;font-weight:bold;font-size:14px;letter-spacing:-1px;line-height:20px;} .hotline-content .hotline-welcome h4:hover a {color: #fff;} .hotline-content .hotline-welcome h4 span {font-size: 26px; } .hotline-content .intro-image .three.columns {background:rgba(50,130,134,0.65);margin-top:250px;} .hotline-content .intro-image .three.columns p { color: #fff;font-weight: bold;padding: 10px 6px 0px 6px;margin-bottom: 0;} .hotline-content .intro-image .three.columns p.rescued {color:rgb(115,210,211);padding:0px 6px;margin-bottom:10px;font-weight:normal;font-style:italic;font-size:12px;} .hotline-content .search-row {background: rgba(50,130,134,0.85);margin-top: 60px;} .hotline-content .tr-search-area {padding: 15px 0;} .hotline-content .tr-search-area table {background: none;margin: 0;} .hotline-content .tr-search-area table td {padding:10px 0;} .hotline-content .search-row h1 {padding: 13px 10px;text-transform: uppercase;color: #fff;text-transform: uppercase;letter-spacing: -1px; font-size: 50px; margin-top: 18px;} .hotline-content .search-row h1 span {text-transform: uppercase;color: rgb(25,56,57);} .hotline-content .search-row span.separators {font-size: 24px; text-transform: uppercase; color:rgb(26,58,59);padding: 0 10px;} .hotline-content .tr-logo-box {border-right: 4px solid rgb(145,206,207)} .hotline-content .ui-helper-hidden-accessible {display: none;} .hotline-content .search-row select, .hotline-content .search-row input {border-radius: 0;-webkit-appearance: none !important; color: #076417; background: rgb(143,203,204); border: 0px solid #cccccc;padding: 0 10px;-webkit-border-radius: 0;height: 50px;color: rgb(14,62,36);text-transform: uppercase;margin-bottom: 0;width: 275px;font-weight: normal;font-size: 20px; } .tr-search-results .tr-search-area table td {padding:2px 2px;} .tr-search-results .tr-search-area select {-moz-appearance: separator;width:615px;border-radius: 0;-webkit-appearance: none !important; background: rgb(143,203,204); border: 0px solid #418CBE;padding: 0 8px 0 8px;-webkit-border-radius: 0;height: 65px;color: rgb(14,62,36);text-transform: none;margin-bottom: 0;font-weight: normal;font-size: 20px;letter-spacing: -1px;margin-left: 0;} .tr-search-results .tr-search-area label {text-transform:uppercase;color:#999;font-weight:bold;} .tr-search-results .tr-search-area input {width:150px;border-radius: 6px;-webkit-appearance: none !important; border: 0px solid #418CBE;padding: 0px 8px 0 8px;-webkit-border-radius: 0;height: 65px;text-transform: uppercase;margin-bottom: 0;font-weight: normal;font-size: 18px;letter-spacing: -1px;margin-left: 0;color: rgb(143,203,204);margin-top: 20px;background: rgb(25,56,57);box-shadow: 0 3px 5px #aaa;} #hotlineSearch .refined-categories {border-bottom: 1px solid #f2f2f2;margin-bottom: 25px;} #hotlineSearch .refined-categories label {text-transform: uppercase;color: #999;font-weight: bold;margin-left: 8px;} .refined-categories #categorylinkList a {font-size: 14px;text-transform: none;padding: 7px 5px 7px 20px;line-height: 26px;color: rgb(91,182,186);margin: 5px 1px;border-radius: 5px;word-wrap: break-word;letter-spacing: 0px;} .refined-categories #categorylinkList a:hover {color: rgb(25,26,64);font-weight: bold;} .refined-categories #categorylinkList a span {font-weight: bold;color: #fff;margin: 0 0 0 3px;background: rgb(91,182,186);padding: 5px;border-radius: 5px;} .hotline-content .search-row input[placeholder], .hotline-content .search-row select .tr-search-results .tr-search-area select{color:#fff;font-weight:normal;} .hotline-content .search-row select:hover {background: #f3f3f3 url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9…iPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==') no-repeat;background-position-x: 97%;background-position-y: center;border-color: #999999;} .hotline-content .search-row label {font-size: 14px;color: rgb(0,141,94);text-transform: none;} .hotline-content .search-row input.button {background-color: rgb(87,181,185);-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px;border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;text-indent: 0px;font-style: normal;width: 100px;text-decoration: none;text-align: center;line-height: 57px;clear: both;opacity: 1 !important;padding: 0 10px;font-size: 20px;text-transform: uppercase;border-radius: 0px;color: rgb(14,62,36);} .hotline-content .search-row input.button:hover {color: #fff;} ul.ui-autocomplete {width:275px !important;} ul.ui-autocomplete li {list-style-type: none;background: #fff;padding: 0;width: 275px;height: 40px;vertical-align: middle;} ul.ui-autocomplete li:hover {background:rgb(52,135,138);} ul.ui-autocomplete li a {padding: 10px;color: #000;font-size: 18px;margin: 5px 0px;width: 275px;} .tr-search-results {padding-top: 30px; margin-top: 0;background: #fff;padding-bottom: 20px;} .tr-search-results h2#tr-search-results-title {font-size: 36px;border-bottom: 2px solid rgb(142,203,204); padding-bottom: 30px;margin-bottom: 20px;text-transform: uppercase;color: rgb(142,203,204);} .tr-search-results h2#tr-search-results-title span {color: #000;} .tr-search-results ol {margin-left: 20px;list-style-position: outside;counter-reset:li; margin-left:0; padding-left:0;margin-bottom: 50px;} .tr-search-results ol > li:before { content:none; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:0px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:0; padding:4px; color:#fff; background:rgba(30,131,76,0.85); font-weight:none; font-size: 20px; text-align:center; } .tr-search-results ol .tr-item-number {font-size: 36px;color: #fff;position: relative;top: 140px;background: rgba(87,181,185,0.85);padding: 17px 5px 0 8px;line-height: 34px;clear: both;} .tr-search-results ol .tr-item-number a {color:#fff;} .tr-search-results ol .tr-item-name {font-size: 18px;position: relative;top: 140px;background: rgba(87,181,185,0.85);padding: 2px 5px;line-height: 21px;clear: both;min-height: 35px;} .tr-search-results ol a .tr-item-name {color: #000;font-weight: normal;letter-spacing: -1px;clear: both;text-align: left;} .tr-search-results ol li {margin-bottom: 10px; position:relative; /* Create a positioning context */ margin:15px 0px 45px 0px; /* Give each list item a left margin to make room for the numbers */ /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ width:385px; float:left; min-height:300px; margin-right:20px;} .tr-search-results ol li:hover {background: #ededc5} .tr-search-results ol li span {font-size: 38px;color:#fff;padding: 0px;font-weight: normal;clear: both;width: 100%;float: left;line-height: 23px;} .tr-search-results ol li span.search-city {color: #fff;font-size: 10px;padding: 5px 2px;font-weight: bold;line-height: 10px;text-transform: uppercase;text-align: right;width: 40%;clear: both;float: right;} .tr-search-results ol li span.search-type {font-size: 12px;color: #fff;text-align: left;width: auto;padding: 4px 8px 0px 8px;float: right;background: rgba(87,181,185,0.85);margin: 10px 0;} .tr-search-results ol h5 span.search-info {font-size: 10px;background: none;color: #ccc;top: 0;padding: 0;} .tr-search-results .tr-search-results-pagination {text-align: center;margin-top: 10px;clear: both;} .tr-search-results .tr-search-results-pagination ul {margin-top: 10px;width: 100%;} .tr-search-results .tr-search-results-pagination ul li {width:100%;} .tr-search-results .tr-search-results-pagination ul li a{font-size: 18px;font-weight: normal;background: rgb(52,135,138);margin: 10px 3px;cursor: pointer;width: 100%;padding: 15px 44%;color: #fff;text-transform: uppercase;} .tr-search-results .tr-search-results-pagination ul li a:hover{background: rgb(142,203,204);color: #000;} .tr-footer {background:rgb(106,185,188);height: 150px; padding: 20px 0;} .tr-footer a {color: #000;text-transform: uppercase;font-size: 16px;padding: 0 5px;font-weight: bold;margin-bottom: 10px;} body.page-template-directorys-template-php {padding-bottom: 0;} body.page-template-directorys-template-php .header728container {min-height:0;margin-bottom: 0} .page-template-directorys-template-php .tr-search-results {padding-top:0px;} .page-template-directorys-template-php .hotline-directory-content {height: 650px;border-bottom: 7px solid rgb(87,181,185);} .page-template-directorys-template-php .hotline-directory-content .tr-logo-box {border-right:7px solid rgb(25,56,57); } .page-template-directorys-template-php .hotline-directory-content .tr-logo-box span {text-transform: uppercase; color: rgb(25,56,57);} .page-template-directorys-template-php .hotline-directory-content #totalcounts #totalshares .share {color: #FFF;} .page-template-directorys-template-php .search-row {background:rgba(87,181,185,0.85);top:100px;position:relative;color:#fff;position:relative; } .page-template-directorys-template-php .search-row .tr-logo-box h1 {color:#fff;;text-transform:uppercase;;margin-bottom:0;;letter-spacing:-1px;;padding:20px;} .page-template-directorys-template-php .search-row .submit-a-listing h2 {text-transform:uppercase;margin:20px 0 0 20px;color:#fff;letter-spacing:-1px;font-size:40px;} .page-template-directorys-template-php .search-row .submit-a-listing span {margin-left:20px;color:#fff;font-weight:bold;} .page-template-directorys-template-php .search-row .submit-a-listing a {color:#fff;text-transform:uppercase;font-size:14px;font-weight:bold;text-align:right;padding-top:30px;padding-right:10px;} .page-template-directorys-template-php .intro-image {position:relative;top:350px;} .page-template-directorys-template-php .intro-image .three.columns {background:rgba(87,181,185,0.85);padding:15px 10px 15px 10px;color:#fff;font-size:15px;line-height: 19px;} .page-template-directorys-template-php .intro-image .three.columns a {color:rgb(25,56,57);font-weight:bold;} .page-template-directorys-template-php .tr-search-results h2#tr-search-results-title {font-size: 22px;border-bottom: 0px solid rgb(142,203,204);padding-bottom: 10px;margin-bottom: 0;margin-top: 10px;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul {margin-top: 10px;width: 96%;margin-bottom:40px;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul li {width:100%;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul li a{font-size: 18px;font-weight: normal;margin: 10px 3px;cursor: pointer;width: 100%;padding: 15px 2%;color: rgb(52,135,138);text-transform: uppercase;background: #fff;} .page-template-directorys-template-php #respond ol.commentlist li {width:98%;margin:1% 1%;} .page-template-directorys-template-php #respond #wp-social-login-connect-with {display:none;} .page-template-directorys-template-php #respond h3 {background: rgb(87,181,185);} .page-template-directorys-template-php .sidebarcolumn {background: rgba(143,203,204,0.5);border-top: 0;} .page-template-directorys-template-php .sidebarcolumn aside h3 {background: rgba(87,181,185,0.95);color: #fff;} .page-template-directorys-template-php .sidebarcolumn aside .sidebar-share {background: none;} /* @group Tiny Rescue V Card */ .tiny-rescue-card-search {background: rgb(87,158,159)} .tiny-rescue-card-search .tr-border {border-right: 5px solid rgb(142,201,205)} .tiny-rescue-card-search h1 {font-size: 26px;color: #fff;margin: 30px 0 25px 15px;letter-spacing: -1px;font-weight: normal;text-transform: uppercase;} .tiny-rescue-card-search h1 span {color: rgb(24,55,55);font-weight: bold;text-transform: uppercase;} .tiny-rescue-card {background: #fff;} .tiny-rescue-card .tr-title-container {background: url('images/hotline/hotline-back.jpg') no-repeat top center;height: 500px;margin: 0;} .tiny-rescue-card .tr-image-desc {background: rgba(87,158,159,0.85);position: relative;top: 600px;color: #fff;padding: 20px;width: 80%;font-size: 14px;} .tiny-rescue-card .tr-image-desc a {color:rgb(25,56,57);font-weight:bold} .tiny-rescue-card .tr-v-info {clear: both;margin-top: 20px;} .tiny-rescue-card .tr-v-info h5 {font-size: 14px; text-transform: uppercase !important;margin-top: 0;background: rgba(87,181,185,0.5);padding: 10px;color: #3b3b12 !important;font-weight: bold;} .tiny-rescue-card .tr-v-info p {color: #000; font-size: 15px;clear: both;vertical-align: middle;padding-top: 5px;} .tiny-rescue-card .tr-v-info p span.add-details {text-align: right;float: right;color: #aaa;font-size: 13px;letter-spacing: -1px;} .tiny-rescue-card .tr-v-info img {vertical-align: middle;margin-right: 5px;} .tiny-rescue-card .tr-v-info .row {margin: 10px auto;} .tiny-rescue-card .tr-v-info span.tr-v-suggest-a-change {font-size: 14px; color: #000;text-align: right;text-transform: uppercase;} .tiny-rescue-card .tr-v-info .tr-state {text-transform: uppercase;font-size: 24px;margin-bottom: 20px;} .tiny-rescue-card .tr-v-info .tr-type {text-align: right;text-transform: uppercase; color: rgb(87,158,159); font-weight:bold;margin: 5px 0;} .tiny-rescue-card .tr-v-info h3.tr-title {font-size: 26px;padding: 15px 0 15px 15px;color: #000;background: rgba(87,181,185,0.95);position: relative;margin: 0 0 10px 0;left: -80px;width: 125%;text-transform: none;} .tiny-rescue-card .tr-v-info a.cell-call {color:#fff} .tiny-rescue-card .tr-v-info h3.tr-title span { font-size: 50px; color: #fff;} .tiny-rescue-card .tr-v-info .tr-desc h4,.tiny-rescue-card .tr-v-info .tr-note h4 {margin-bottom: 0px;color: rgb(87,158,159); font-weight: bold; } .tiny-rescue-card .tr-type-cat {padding: 30px 10px 31px 50px;font-size: 24px;text-transform: uppercase;background: #e9e9b8;width: 34%;float: left;} .tiny-rescue-card #totalcounts {padding: 20px;height: 85px;float: right;} .tiny-rescue-card .tr-view-back {background:rgba(182,222,224,0.35);} .tiny-rescue-card .tr-view-back .tr-content {background: #fff;padding: 0 10px;margin: 7.5px 0;} .tiny-rescue-card .tr-view-back .maincolumn {padding: 0 10px; background: rgb(224,241,243)} .tiny-rescue-card .tr-view-back .maincolumn dl.tabs {border-bottom: 0;height: 60px;margin-bottom: 10px;padding: 10px 0 15px 0;} .tiny-rescue-card .tr-view-back .maincolumn dl.tabs dd a {font-size: 20px; text-transform: uppercase;} .tiny-rescue-card .tr-view-back .maincolumn dl.tabs dd.active {border-top: 0; margin-top: 0;} .tiny-rescue-card .tr-view-back .maincolumn dl.tabs dd.active a {border-right: 0; border-left: 0; border-top: 0 !important; border-bottom: 4px solid rgb(105,169,171); margin-top: 0;color:rgb(105,169,171);padding-bottom:20px;height:50px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box {clear: both;margin-bottom: 20px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box h2 {text-transform: uppercase;margin: 10px 0;padding-top: 20px;padding-bottom: 20px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box .review-details {clear:both} .tiny-rescue-card .tr-view-back .maincolumn .comment-box textarea { margin: 10px 0;height: 200px;border-radius: 0;box-shadow: inset 0 0 0;border: 1px solid rgba(233,233,233,0.8);font-size: 14px;padding: 10px;background: rgba(233,233,233,0.5);} p#image-box input {margin:7px 0;} p#image-box a {text-transform:uppercase;font-size:10px;padding:7px 10px;background:rgb(209,234,235);} .tiny-rescue-card .tr-view-back .maincolumn .comment-box input {background:rgba(233,233,233,0.5); margin: px 0;border:1px solid rgba(233,233,233,0.8);border-radius: 0; box-shadow: inset 0 0 0; font-size: 14px; padding: 10px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box #image-box input {background: none;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box #wp-social-login-connect-with {display:none;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box .submit-review {background: rgb(143,203,204);text-transform: uppercase;padding: 15px 28px;font-size: 12px;text-align: right;font-weight: bold;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box a.submit-review.facebook {background: rgb(64,102,175) !important;color:#fff;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box a.submit-review.twitter {background: rgb(87,195,234) !important;color:#fff;} .tiny-rescue-card .tr-view-back .maincolumn .review-list {clear:both} .tiny-rescue-card .tr-view-back .maincolumn hr {border: solid rgba(143,203,204,0.4);border-width: 1px 0 0} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details span.review-count {font-size:18px;color: rgb(182,222,224);margin-right: 10px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details img.review-avatar {margin: 10px;vertical-align: middle;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details span.reviewer-name {font-weight: normal; text-transform: uppercase;font-size: 16px;line-height: 26px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details span.review-rating {float:right;height:20px;margin-bottom:10px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details span.review-rating b {text-transform:uppercase;background:rgba(200,200,200,0.8);padding:8px 10px;margin-bottom:10px;;font-weight:normal;;;font-size:12px;;;;height:20px;;;;;;;height:20px;;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details span.review-rating em {font-style:normal;font-weight:bold;background:rgba(233,233,233,1);padding:8px 12px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details span.review-date {font-size:13px; color:#aaa;margin-left: 32px;text-align: right;float: right;font-weight: bold;text-transform: uppercase;letter-spacing: -1px;clear: both;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details p.review-class {line-height: 12px;padding: 20px 10px;background: #f2f2f2;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details p {font-size: 14px;margin: 20px 20px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details .review-photo-container {margin-left:10px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details img {max-width: 250px;border: 1px solid #f2f2f2;margin: 0 10px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details .comment-options {clear: both;margin-top: 30px;text-align: right;} .tiny-rescue-card .tr-view-back .maincolumn .review-list .review-details .image-list img {margin: 10px; max-width: 200px; max-height: 200px;} .tiny-rescue-card .tr-view-back .maincolumn .review-list span.add-comment {color: #000; text-transform: uppercase; background: rgb(213,235,235); padding: 15px 30px; clear: both; margin-right: 10px; text-align: right; font-size: 14px; font-weight: bold; letter-spacing: 0px; } .tiny-rescue-card .tr-view-back .maincolumn .comment-details {background: rgb(245,245,245);margin-left: 10%;padding: 10px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-details .comment-reply {text-align: right ;} .tiny-rescue-card .tr-view-back .maincolumn .reply-details {background: rgb(235,235,235);margin-left: 20%;padding:10px;} .tiny-rescue-card .tr-view-back .sidebarcolumn {background: rgb(143,203,204); border-top:0;} .tiny-rescue-card .tr-view-back aside h3 {background: rgba(87,181,185,0.95);color: #fff} .tiny-rescue-card .tr-view-back .maincolumn #cbox {margin:20px 0 10px 30px;background:rgba(233,233,233,0.4);padding:10px 20px;} .tiny-rescue-card .tr-view-back .maincolumn #cbox textarea { margin: 10px 0;height: 80px;border-radius: 0;box-shadow: inset 0 0 0;font-size: 13px;border: 1px solid RGB(143,203,204);} .tiny-rescue-card .tr-view-back .maincolumn #cbox input { margin: px 0;border:1px solid RGB(143,203,204);border-radius: 0; box-shadow: inset 0 0 0; font-size: 13px;} .tiny-rescue-card .tr-view-back .maincolumn #cbox input#comment_submit {padding: 10px;text-transform: uppercase;font-size: 12px;background: rgb(143,203,204);width: 20%;} .tiny-rescue-card input[type=radio],.tiny-rescue-card input[type=checkbox] {display:none;} .tiny-rescue-card input[type=radio] + label,.tiny-rescue-card input[type=checkbox] + label {display:inline-block;margin:-2px;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 20px;color: #333;text-align: center;text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-image: -moz-linear-gradient(top,#fff,#e6e6e6);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);background-image: -o-linear-gradient(top,#fff,#e6e6e6);background-image: linear-gradient(to bottom,#fff,#e6e6e6);background-repeat: repeat-x;border: 1px solid #ccc;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color: #b3b3b3;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);} .tiny-rescue-card input[type=radio]:checked + label,.tiny-rescue-card input[type=checkbox]:checked + label{ background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);background-color:#e0e0e0;} #email-reveal, #website-reveal, #address-reveal,#note-reveal,#about-reveal {} #email-reveal.reveal-modal, #website-reveal.reveal-modal, #address-reveal.reveal-modal, #note-reveal.reveal-modal, #about-reveal.reveal-modal {padding: 0;} #email-reveal h3, #website-reveal h3, #address-reveal h3, #note-reveal h3, #about-reveal h3 {background: rgb(143,203,204);padding: 30px 10px 20px 20px;text-align:left;text-transform: uppercase;color:#fff;} #email-reveal hr, #website-reveal hr, #address-reveal hr,#note-reveal hr,#about-reveal hr {margin:15px 0 0px 0;} #email-reveal p, #website-reveal p, #address-reveal p,#note-reveal p,#about-reveal p {margin-bottom:0;} #email-reveal textarea, #website-reveal textarea, #address-reveal textarea,#note-reveal textarea,#about-reveal textarea {background: rgb(209,234,235); margin: 10px 20px 10px 20px;height: 100px;border-radius: 0;box-shadow: inset 0 0 0;border: 0px solid RGB(143,203,204); width:90%; color:#000; font-size:13px;} #email-reveal input, #website-reveal input, #address-reveal input,#note-reveal input,#about-reveal input {background:rgb(209,234,235);border:0px solid RGB(143,203,204);border-radius: 0; box-shadow: inset 0 0 0; clear: both; width: 90%; padding: 10px 10px; font-size: 13px; font-weight: normal;margin: 5px 20px;} #email-reveal input[type="submit"], #website-reveal input[type="submit"], #address-reveal input[type="submit"], #note-reveal input[type="submit"], #about-reveal input[type="submit"] {background:rgba(87,181,185,0.95);text-transform:uppercase;;color:#fff;margin:0 20px 20px 20px;font-size:20px;} /* @end */ /* @group Tiny Rescue Form */ h1.hotline-entry {font-size: 26px;padding: 0px;color: #fff;} h1.hotline-entry span {color:rgb(24,55,55);font-weight:bold;} .hotline-form {margin-top:0 !important;} .hotline-form label {font-size: 14px; color: rgb(87,158,159); padding-top: 5px; text-transform: uppercase; font-weight: bold;} .hotline-form label.error {color: #f00; padding-top: 0; margin-bottom: 20px;} .hotline-form input {height: 50px;margin-bottom: 20px;background: #f9f9ec; border: 0;padding: 10px;box-shadow: 0;font-size: 14px;} .hotline-form textarea {background: #f9f9ec; border: 0;padding: 10px;font-size: 14px;} .hotline-form textarea:focus{background: #fff;} .hotline-form input[type="submit"] {background: rgb(87,158,159); text-transform: uppercase;padding: 10px 100px;border: 0;font-size: 16px;font-weight: normal;letter-spacing: 1px;} .hotline-form input[type="submit"]:hover {background: #076417;color: #fff;} .hotline-form select { border: 0 !important;. /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ width: 100px; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ color: #076417; background: #f9f9ec; height: 40px; padding: 10px; margin-bottom: 20px; font-size: 14px; } .hotline-form span.add-number,.hotline-form span.remove-number {font-size: 10px;text-transform: uppercase;padding: 0 20px;margin: 0;} #hotlinetest #view_frame {} #hotlinetest #view_frame .row {margin: 5px 20px;padding: 5px 10px;} #hotlinetest #view_frame strong {font-size: 16px; color: #076417; font-weight: normal;} #hotlinetest #view_frame span {font-size: 18px;text-align: left;padding-top: 10px;line-height: 36px; } #hotlinetest #view_frame input[type="submit"] {background: rgb(14,62,36); text-transform: uppercase;padding: 10px 100px;border: 0;font-size: 16px;font-weight: normal;color: #fff;} #hotlinetest #view_frame input[type="submit"]:hover {background: #076417;color: #fff;} /* @end */ /* @end */ /* @group Related List */ .relatedlist {margin-top: 20px;clear: both;} .relatedlist h4 {font-size: 20px; color: rgba(241,241,210,1) !important;background: rgb(14,62,36) ;padding: 10px; text-align: center; } .relatedlist a h2 {font-weight: 500;font-size: 16px;display: inline-block;padding: 10px 10px 10px;margin: 0 4% 0 0 !important;min-height: 50px;} .relateditem .relatedlist-image {height: 200px; overflow: hidden;display: block;} .relatedlist img {max-width: 96%;} .relateditem {margin-bottom: 20px;border-left: 2px solid #f1f1d2;padding: 1px 0 0px 15px;background: rgba(245,245,223,0.3);width: 46%;float: left;margin: 0 2% 2% 2%;position: relative;display: block;min-height: 340px;} .relateditem.largeimage {width: 98% !important;padding-bottom: 0;} .relateditem.largeimage a h2 {font-size: 20px;margin-left: 0;} .relateditem.largeimage .relatedlist-image {height:auto;} .category-plant-based-recipes .relateditem img,.category-vegan-recipe .relateditem img, .relateditem.largeimage img {width: 98% !important;} .relateditem.wide-box {width: 100% !important;min-height: 110px !important;padding: 10px;margin: 2%;} body.single-post .post-animalsandnature .relatedlist h4{background:rgba(65,152,156,1)} body.single-post .post-news .relatedlist h4{background:rgba(106,74,61,1)} body.single-post .post-animalsandnature .relatedlist h4{background:rgba(65,152,156,1)} body.single-post .post-guides .relatedlist h4{background:rgba(118,4,15,1)} body.single-post .post-lifestyle .relatedlist h4{background:rgba(222,150,47,1)} body.single-post .post-reviews .relatedlist h4{background:rgba(197,93,50,1)} body.single-post .post-vegan-food .relatedlist h4{background:rgba(168,127,65,1)} body.single-post .post-vegan-health .relatedlist h4{background:rgba(168,127,65,1)} body.single-post .post-natural-health .relatedlist h4{background:rgba(168,127,65,1)} body.single-post .post-uncategorized .relatedlist h4{background:rgba(0,0,0,1)} .related-excerpt p {font-size: 13px !important; line-height: 14px !important; color: #232323; display: none;} .category-plant-based-recipes .relateditem .related-excerpt p,.category-vegan-recipe .relateditem .related-excerpt p, .relateditem.largeimage .related-excerpt p {display:block;} .related-list-link {clear: both;width: 98%;margin: 0 2%;background: #f1f1d2;padding: 15px;text-align: center;font-size: 26px;line-height: 30px;display: none;} .relatedlist a.relatedmore {text-transform: uppercase;} .articlecontent .pagination li {width: 100%;height: 0px !important;} .articlecontent .pagination a{ display: none; opacity: 0;} .articlecontent .pagination .current,.articlecontent .pagination .dots {display: none; opacity:0;} .articlecontent .pagination .next.pagination {display: block; opacity: 1 !important} .articlecontent .pagination a.next {background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #249f5b), color-stop(1, #17683b) );background: -moz-linear-gradient( center top, #249f5b 5%, #17683b 100% );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#249f5b', endColorstr='#17683b');background-color: #249f5b;text-indent: 0px;border: 1px solid #51780d;font-style: normal;height: 52px;width: 98%;text-decoration: none;font-size: 25px;text-align: center;text-transform: uppercase;line-height: 55px;clear: both;margin-top: 20px;opacity: 1 !important;margin: 0 2%;color: #fff;} /* @end */ /* @group Contact Form */ body.page-template-contact-php h1.entry-title, body.page-template-submit-a-bug-php h1.entry-title{background:#fff;border-bottom:2px solid #f1f1d2;padding:10px 10px;font-size:31px;} body.page-template-contact-php .entry-content, body.page-template-submit-a-bug-php .entry-content{background:#fff;padding:10px 5px} ul.contactform{width:80%;margin-left:5%;} ul.contactform li{list-style-type:none} ul.contactform li label{font-size:14px;text-transform:uppercase} ul.contactform li input,ul.contactform li textarea{border:1px solid #ccc} ul.contactform li input[type="submit"]{background:rgb(0,141,94);color:#fff;padding:10px 10px;width:30%;letter-spacing:1px;border-radius:5px;box-shadow:0 0 0 #000;text-transform:uppercase;font-size:14px;border:0;font-weight:normal;} /* @end */ /* Extras */ .hiddendiv{display:none} em.image-source {font-size: 11px; color: #888; font-style: italic;} .hidden-from-article {display: none;} /* @group Sharing Icons */ #sharecontainer{float:left;margin:0} .sharrre{margin:4px 2px;float:left} .sharrre .box a:hover{text-decoration:none} .sharrre .count, .count{display:block;float:left;margin:5px 4px;font-size:11px;line-height:20px;height:22px;position:relative;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:rgb(0,141,94);background:#ededc5;padding:3px 5px;font-weight:bold;} .sharrre .share, .share{float:right;color:#000;display:block;font-size:12px;line-height:30px;padding:0 8px;text-align:center;text-decoration:none;text-indent:-9999px} #totalcounts{margin:0 0 10px 0;height:42px;/* overflow:hidden; */padding-left:3px} #totalcounts #totalshares{border:0;background:0} #totalcounts #totalshares .count{background:0;font-size:23px;padding:0;margin:7px 0;border:0; font-weight: normal;} #totalcounts #totalshares .share{font-weight: 700;text-transform: uppercase;text-indent: 0;width: 50px;font-size: 13px;line-height: 16px;padding: 5px 0 0 0;font-weight: normal;} #totalcounts #totalshares .sharrre{background:0} #totalcounts #twitter .share{text-shadow:1px 0 0 #0077be;background:url('images/share-icons/c-twitter.png') no-repeat 0 center;width:36px} #totalcounts .fb-like{float:left;margin-top:11px;margin-left:2px} #totalcounts .fb-like span {display:block;} #totalcounts #facebook .share{text-shadow:1px 0 0 #26427e;background:url('images/share-icons/c-facebook.png') no-repeat 0 center;width:36px} #totalcounts #googleplus .share{text-shadow:1px 0 0 #222;background:url('images/share-icons/c-googleplus.png') no-repeat 0 center;width:36px} #totalcounts #pinterest .share{text-shadow:1px 0 0 #0077be;background:url('images/share-icons/c-pinterest.png') no-repeat 0 center;width:36px} #totalcounts #stumbleupon .share{text-shadow:1px 0 0 #0077be;background:url('images/share-icons/c-stumbleupon.png') no-repeat 0 center;width:36px} #totalcounts #linkedin .share{text-shadow:1px 0 0 #0077be;background:url('images/share-icons/c-linkedin.png') no-repeat 0 center;width:36px} #totalcounts #reddit {text-shadow: 1px 0px 0px #0077be;/*width: 66px;*/line-height: 28px;float: left;margin: 5px 10px 0 2px;} #totalcounts #tumblr {/* text-shadow: 1px 0px 0px #0077be;width: 66px;line-height: 28px;float: left;margin: 5px 0 0 0; */ text-shadow: 1px 0px 0px #0077be; /* width: 66px; */ line-height: 28px; float: left; margin: 5px 4px 0 -6px;} #totalcounts #emaillink .share {text-shadow: 1px 0px 0px #0077be;background: url('images/share-icons/c-email.png') no-repeat 0px center;width: 36px;line-height: 28px;} #totalcounts #reddit .count {color:rgb(0,141,94)} #totalcounts #tumblr .count {color:rgb(0,141,94)} #totalcounts #reddit img{width: 36px;height: 36px;} #totalcounts #reddit a img {background: none;} #totalcounts #tumblr img{width: 36px;height: 36px;} #totalcounts #tumblr a img {background: none;} /* @end */ /* Test Area */ body.page-template-roam-test-php .row{width:900px} body.page-template-about-us-php .row .four.columns,body.page-template-about-us-php .row .three.columns{padding:10px} .sponsorarea {background: #fff; float: left;min-width: 98%;margin: 5px 1%;height: auto;} em.sponsor-em {font-size: 10px;color: rgb(14,62,36);font-weight: bold;} .ogp-post-info {border-bottom: 2px solid #f1f1d2;color: #21210a;font-size: 9px;padding: 5px;text-transform: uppercase;} .ogp-post-info span {font-size: 9px;} #display_share_number {margin-bottom: -6px; float:right; width: 100%; position: relative; top: -10px; font-weight: bold;text-align: right;padding-right: 5px;} .display_share_number {margin-top:-13px; /*padding: 0px;*/ /*height: 50px; width: 30px;*/} .display_share_number .imgclass {height: 16px !important; width: 16px !important; margin-bottom: -3px; margin-top: -25px; } .display_share_number img {margin-bottom: -6px;min-height: 16px !important} .display_share_number .comment-icon{width:16px !important;height:16px !important;margin-bottom:-3px; margin-top:-4px;} .buy-eftp { font-size: 12px; color: #fff; text-transform: uppercase; padding-left: 10px; vertical-align: middle; padding-top: 13px; font-weight: bold; } /* @end */ /* Smartphones - Portrait and landscape */ @media only screen and (min-device-width :322px) and (max-device-width :480px){ nav .nav-bar{background:0;/* overflow:hidden */} nav ul li{float:left !important;padding:3px 2px !important;width:60px!important;line-height:30px;height:42px !important;box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0} nav ul li a{font-size:11px !important;letter-spacing:-1px !important;padding:3px 0 !important;line-height:13px !important;/* text-align:center; */overflow:hidden !important} #topnav .ogp-title img{ text-align: center; padding-left: 80px !important; margin: 10px 0; width: 80%;} .sociallinks, .minorlinks, .welcomegreen, .description, .header728container, #respond {display:none} .topside nav{margin-top:-13px !important} #topnav .widget_search{display:none} #topnav .widget_search input{width:94%;margin:0 auto;font-size:9px !important;height:20px !important} .ad{display:none} #topnav .articlesrow,#topnav .toplogin,#topnav .sociallinks{display:none} #topnav .navigation li{border:0;padding:0 8px;font-weight:bold} #content{margin:0 10px; margin-left: auto; margin-right: auto;} .perarticle, .nothing { float: none;} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} body.single-post .titleshare .share.plusone,body.single-post .titleshare .share.pinterest,body.single-post .titleshare .share.stumbleupon,body.single-post .titleshare .share.linkedin,body.single-post .titleshare .share.reddit,body.single-post .titleshare .share.adder{display:none} .theiaPostSlider_nav{margin:3px 0 !important} .theiaPostSlider_nav ._buttons ._text {margin-left: 60px !important} .post{float:left;width:130px !important;margin-right:5px} .fof-content .post {width: 92%!important;} .post.postnumber-1,.post.postnumber-2,.post.postnumber-3,.post.postnumber-4,.post.postnumber-6,.post.postnumber-14,.post.postnumber-15,.post.postnumber-17,.post.featuredposts,.post.postnumber-19,.post.recentcommentspreview,.post.postnumber-23{float:left;width:300px !important;margin:0} .post.postnumber-3,.post.postnumber-9,.post.postnumber-16,.post.postnumber-18{width:300px !important;height:290px !important;display:block;clear:both} #content .topposts h2,#content .popposts h2,.post.subscribebox h2,#content .recentpostspreview h2,#content .recentcommentspreview h2{font-size:15px} .cat-filter {display: none;} body.single-post .followleft,body.single-post .followright{display:none} body.single-post header:hover .followleft,body.single-post header:hover .followright{display:none} body.single-post .titleshare,body.single-post .postshares{display:none} body.single-post .panel.author-box h5{color:#000;font-size:15px} body.single-post .panel.author-box a.th img{border:0;max-height:100px;max-width:100px} body.single-post .panel.author-box p{font-size:9px;line-height:12px;color:#333} body.single-post h3#comments{margin:5px 10px} body.single-post article footer .navigation{margin:5px 10px} body.single-post #respond{width:95%;margin:5px 0 0 10px;display: none;} .leftside{display:none} article .articlecontent{margin:0 5px} h6.disclosure{display:none} .adtest300{float:left;width:300px !important;margin-top:0px !important;margin-bottom:15px} .slideshowpage{padding-left:20px} .post-template-slideshow-php .slideshowside{display:none} .post-template-slideshow-php .singletitle h1{font-size:24px} .post-template-slideshow-php .slideshowpage{width:100% !important} #content article iframe{display:none;width:100%;float:left;position:relative;margin-top:5px} #infscr-loading{bottom:0;left:0;width:100%;height:3em;margin-top:-1.5em;margin-left:0;border:0 solid #ccc;background-color:rgba(255,255,255,0.85);position:fixed;z-index:90;text-align:center} #infscr-loading img{width:20px} #infscr-loading div{display:none} #mobile-ad,#myspace-player {display: none;} .adtest768{display:none} .ad-single-728 {display: none;} footer {clear:both;} } /* Smartphones - Portrait ----------- */ @media only screen and (max-width :320px){ nav .nav-bar{background:0;overflow:hidden} .minorlinks, .header728container, .welcomegreen, .totalcounts, #respond, .wide-box {display: none;} #topnav .nav-bar {height: 40px !important;} #topnav .navigation li {padding: 3px; /* width: 64px; */} nav ul li{float:left !important;padding:3px 2px !important;width:53px;line-height:30px;height:42px !important;box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0} nav ul li a{font-size:9px !important;letter-spacing:-1px !important;padding:6px 0 !important;line-height:10px !important;text-align:center;overflow:hidden !important} .nav-bar>li.has-flyout>a:first-child:after {border: 0 !important} .touch .nav-bar li.has-flyout>a {padding-right: 0 !important;} #topnav .ogp-title img{ text-align: center; padding-left: 80px !important; margin: 10px 0; width: 80%;} .sociallinks{display:none} .description{display:none} #topnav .widget_search{display:none} #topnav .widget_search input{width:94%;margin:0 auto;font-size:9px !important;height:20px !important} .ad{display:none} #topnav .articlesrow,#topnav .toplogin,#topnav .sociallinks{display:none} #topnav .navigation li{border:0;font-weight:bold} #content{margin:0 10px} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} .cat-filter {display: none;} body.single-post .singletitle hgroup h2 {font-size: 24px;} body.single-post .articlecontent p {font-size: 12px;line-height: 16px;} body.single-post .articlecontent li {font-size: 12px; line-height: 16px;} .post{float:left;width:130px !important;margin-right:5px} .fof-content .post{width: 92%!important; } .post.postnumber-2 {min-height: 300px;} .post.postnumber-1,.post.postnumber-2,.post.postnumber-3,.post.postnumber-4,.post.postnumber-6,.post.postnumber-14,.post.postnumber-15,.post.postnumber-17,.post.featuredposts,.post.postnumber-19,.post.postnumber-20,.post.postnumber-21,.post.recentcommentspreview,.post.postnumber-23{float:left;width:300px !important;margin:0} #content .topposts h2,#content .popposts h2,.post.subscribebox h2,#content .recentpostspreview h2,#content .recentcommentspreview h2{font-size:15px} .categorypage .categoryname{font-size:40px} body .categorypage .tagcloud,body .tagpage .tagcloud,body .archivepage .tagcloud{display:none} article .articlecontent{margin:0 5px} h6.disclosure{display:none} .adtest300{float:left;width:300px !important;margin-top:0px !important;margin-bottom:15px} .adtest768{display:none} #content article iframe{display:none;width:100%;float:left;position:relative;margin-top:5px} #mobile-ad,#myspace-player {display: none;} .ad-single-728 {display: none;} } /* Non-Retina - iPhone 4 */ @media only screen and (-webkit-min-device-pixel-ratio :1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-device-pixel-ratio :1.5) and (max-device-pixel-ratio :1.9){ #topnav .navigation li { padding: 3px; width: 53px;} /* nav .nav-bar{background:0;overflow:hidden} nav ul li{float:left !important;padding:2px 1px !important;width:80px;line-height:20px;height:40px !important;box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0} nav ul li a{font-size:10px !important;letter-spacing:-1px !important;padding:6px 0 !important;line-height:10px !important;text-align:center;overflow:hidden !important} */ #topnav .ogp-title {text-align: center;} #topnav .ogp-title img{text-align:center;padding-left:70px !important;margin:6px 0 3px 0;} .sociallinks, .description, .header728container, .sponsorarea, #topnav .widget_search, .ad, .ad-single-728{display:none;} .search-icon {margin-right: 0;width:100%;} #search-reveal {top:120px !important;} #topnav .widget_search input{width:94%;margin:0 auto;font-size:9px !important;height:20px !important} #topnav .articlesrow,#topnav .toplogin,#topnav .sociallinks{display:none} #topnav .navigation li{border:0;padding:0 9px !important;font-weight:bold;line-height:30px !important} #topnav .navigation .news{padding:2px 5px;line-height:23px;margin-top:0} #topnav .navigation .photos{padding:2px 5px;line-height:23px;margin-top:0} #topnav .navigation li.animalsnature{padding:0 2px} #topnav .navigation li.news a,#topnav .navigation li.photos a{font-size:11px} .nav-bar>li.has-flyout>a:first-child:after {border: 0 !important} .touch .nav-bar li.has-flyout>a {padding-right: 0 !important;} #pagewrapper{margin-top: 3px;} #content{margin:0 10px} article header hgroup a h2{font-size:16px} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} body.single-post .titleshare,body.single-post .postshares{display:none} .post{float:left;width:300px !important;margin-right:5px} .post.postnumber-1,.post.postnumber-2,.post.postnumber-3,.post.postnumber-5,.post.postnumber-4,.post.postnumber-6,.post.postnumber-9,.post.postnumber-14,.post.postnumber-15,.post.postnumber-17,.post.featuredposts,.post.postnumber-19,.post.postnumber-20,.post.recentcommentspreview,.post.postnumber-23{float:left;width:300px !important;margin:0 6px} #content .topposts h2,#content .popposts h2,.post.subscribebox h2,#content .recentpostspreview h2,#content .recentcommentspreview h2{font-size:15px} body .categorypage .tagcloud,body .tagpage .tagcloud,body .archivepage .tagcloud{display:none} .postnumber-4 {margin-top: 10px;} .postnumber-5 input#mce-EMAIL {width: 50%;} .postnumber-5 input#mc-embedded-subscribe {-webkit-appearance:none !important;width: 34%;} .cat-filter {display: none;} body .singletitle hgroup h2{font-size:24px !important;line-height:26px;margin:0 !important;padding:10px !important} body .fb-like, body .ogp-breadcrumbs, body #totalcounts, body #totalshares{display:none} body .two.columns.postmetadata{text-align:center;padding:10px} body .postmetadata .authormetaimage, body .postmetadata .tags{display: none;} body .five.columns.maincolumn{padding:0;margin:0} body #featured-container {height: 380px !important;} body #featured-slit {height: 400px !important;background-position: center center !important;} body .post-vegan-food,body .post-uncategorized,body .post-animalsandnature,body .post-news,body .post-guides,body .post-vegan-health,body .post-natural-health,body .post-reviews{margin:0} body .singletitle hgroup{margin-bottom:0;margin-top:5px} .theiaPostSlider_nav{margin:3px 0 !important} .theiaPostSlider_nav ._buttons ._text {margin-left: 90px !important} .leftside{display:none} article .articlecontent{margin:0 5px} article .articlecontent h2 {font-size: 16px;} article .articlecontent p, article .articlecontent li{font-size:16px !important;line-height: 18px !important;} article footer, h6.disclosure{display:none} .adtest300{float:left;width:300px !important;margin-top:0px !important;margin-bottom:15px} .slideshowpage{padding-left:0 !important;padding-right:0 !important} body.single-post h6.disclosure{clear:both} body.single-recipe #recipe-showcase {height: 230px;} body.single-recipe div#totalcounts, body.single-recipe .ogp-breadcrumbs {display: none;} body.single-recipe .recipe-name h3 {font-size: 18px !important;} body.single-recipe .recipe-diet {margin-left: 10px;} body.single-recipe .recipe-diet span {font-size: 12px !important;padding: 1px 5px !important} body.single-recipe .articlecontent .calories {margin-left: 0 !important} body.single-recipe .articlecontent h3 {font-size: 15px;margin-left: 10px;} body.single-recipe .articlecontent p, body.single-recipe .articlecontent li, body.single-recipe .articlecontent span, body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-nutrition, body.single-recipe .articlecontent .recipe-notes {font-size: 16px !important; line-height: 18px !important;padding: 5px 10px; margin-left: 10px;} body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-preparation, body.single-recipe .articlecontent .recipe-ingredients, body.single-recipe .articlecontent .recipe-notes, body.single-recipe .articlecontent .recipe-nutrition {margin-left: 10px !important; padding: 10px !important;} body.single-recipe .articlecontent .start-diet p {padding: 13px 10px; line-height: 12px !important; margin:0; } body.single-recipe .recipe-diet .span {padding:0 !important;line-height: 12px !important;margin: 0;background:none;} body.single-recipe .articlecontent .calories span, body.single-recipe .articlecontent .serves span, body.single-recipe .articlecontent .cook-time span {margin-left: 10px !important} body.single-recipe .recipe-diet {border-bottom: 0px;} body.single-recipe .recipe-diet .start-diet {padding-top:8px;} body.tag .tag-page-title .tagname {font-size: 24px;} body.tag .tag-follow {display: none;} body.tag .tag-post {height: auto !important;} body.tag .sidebarcolumn {display: none;} body.tag .tag-post .columns {height: auto !important;} body.tag .tag-post p.sharenumbers {display: none;} .relateditem {min-height: 330px;width: 98%;} .mobile-total-shares {background:#fff;font-size: 12px !important;color: #008d5e;padding: 0 0 10px 0;text-transform: uppercase;text-align: center;} .mobile-total-shares .mobile-share {font-size: 12px !important; color:#008d5e;} #feat-back {height: auto !important;} #feat-recipe {height: auto !important; margin-bottom: 5px;} #feat-recipe .postmetadata {text-align: center;padding-left: 0; margin-top: 0} .recipe-sticker {display: none !important;} #recipe-showcase {height:230px !important;} .postmetadata {font-size: 10px;padding: 5px 0;} .post-template-slideshow-php .slideshowside{display:none} .post-template-slideshow-php .singletitle h1{font-size:24px} .post-template-slideshow-php .slideshowpage{width:100% !important} article iframe{max-width:312px !important;height:300px;float:left;position:relative;overflow:hidden} aside .recipe-selectors {display: none;} aside .recipe-selectors .nav-bar.vertical>li {width: 145px; margin: 0 5px 5px auto;} .gs-result img.gs-image,.gs-result img.gs-promotion-image{vertical-align:middle;border:1px solid #e2e2e2;max-width:80px !important;margin-right:10px !important} .gs-result .gs-snippet {font-size: 12px !important;margin-bottom: 5px;} .gsc-results .gsc-cursor-box .gsc-cursor-page {cursor: pointer;color: #fff !important; text-decoration: none !important;margin-right: 8px !important;display: inline; font-size: 9px !important; padding: 7px 5px !important; background: rgba(0,141,94,0.6);box-shadow: 0 0 2px rgba(0,0,0,0.05);border-radius: 3px;} .twitter-hashtag-feed ol li {margin-left: 10px;} .instagram-hashtag-feed ol li{padding-left: 0; margin-left: 0;} body.single-slideshow #respond, body.single-photolist #respond {display: none;} body.single-slideshow #featured-slit {height: 200px !important;} body.single-slideshow .slideshow-posts .orbit-wrapper {height:250px !important;} body.single-slideshow .slideshow-posts ul.orbit-bullets {display: none !important;} div.orbit-wrapper div.slider-nav span {top:23% !important;} body.single-slideshow #slideshow-list p.slideshow-excerpt {min-height: 60px;} div.orbit-wrapper #slideshow-list div.slider-nav span {display: none !important;height: 0;background-size:0%;top: 0%;width: 0;} .page-template-directorys-template-php .hotline-directory-content {height: 490px;margin-bottom: -160px;background-position-x: 0px !important;background-position-y: 0px !important;background-size:137% !important;} .page-template-directorys-template-php .search-row {top:200px;} .page-template-directorys-template-php .hotline-directory-content .tr-logo-box {border-right:0;} .page-template-directorys-template-php .tr-search-results ol li {width: 320px;margin: 10px 0;} .tiny-rescue-card .tr-title-container {height: 200px !important;} div.two.columns.tr-main-information {min-height: 400px !important;} .tiny-rescue-card .tr-v-info h3.tr-title {left: 0; width: 100%;} .tiny-rescue-card .tr-v-info h3.tr-title span {font-size: 30px;} .tr-search-results .tr-search-area input {width:60px; font-size:12px;} .tr-search-results .tr-search-area select {width: 220px;} .tr-search-results ol .tr-item-number {font-size:32px;} .page-template-directorys-template-php .search-row .tr-logo-box h1 {font-size:30px;padding:10px 20px 0px 20px;} .page-template-directorys-template-php .tr-search-results h2#tr-search-results-title {margin-left: 10px;} .page-template-directorys-template-php .search-row .submit-a-listing h2 {font-size: 20px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box h2 {font-size: 18px;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul {width: 100%;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul li a {padding: 15px 0%;line-height: 40px;} body.single-video #video-container #featured-slit iframe {width:320px; height:240px} #mobile-ad,#myspace-player {display: none;} .adtest768{display:none} } /* iPads (landscape) ----------- */ @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){ .row{width:100% !important} .sociallinks, .minorlinks, #respond{display:none} .header728container, .ad-single-728{display: none;} #topnav .ogp-title img {margin: 13px 0 0 0;} #topnav nav ul li{float:left !important;padding:9px 3px !important} nav ul li a{font-size:13px !important;letter-spacing:-1px !important;padding:0px 0px !important;line-height:25px !important} .nav-bar>li.has-flyout>a:first-child {padding: 0px !important;} .nav-bar>li.has-flyout>a:first-child:after {border: 0 !important} .touch .nav-bar li.has-flyout>a {padding-right: 0 !important;} .recipe-blogger img {/* width: 155px!important; */} .team-thumbnail{margin-bottom: 10px!important;} .cat-filter em {line-height: 20px;text-align: center;} .pl0{padding-left: 0!important;} a.search-icon {padding: 10px 8px;font-size: 10px;} .search-icon {height: 32px;} .banner-caption { top: 2%;} .about .banner-caption { top: 1%; padding: 0px; width: 100%;} .fof-content h3 {text-indent: 0px;} .futureoffood_thumb {height: 200px;} #totalcounts.share-icon-recipe-7750 { padding-left: 26%!important; padding-top: 1px;} #totalcounts.share-icon-5{padding-left: 8%!important;} #totalcounts.share-icon-7, #totalcounts.share-icon-2723, #totalcounts.share-icon-8519{padding-left: 10%!important;} body #feat-recipe .ogp-breadcrumbs #totalcounts {display: none;} .fb-sec, .social-mob, .mobile-share{display: none;} .recipe-blogger ul li { width: 17%;} /**********trupti pc***********/ /* .postid-1481203729 #featured-slit{background-position:center center!important;height: 400px!important;} .postid-1481203729 #featured-container{height: auto!important;} */ /********live*****************/ .postid-1481223545 #featured-slit{background-position:center center!important;} .postid-1481223545 #featured-container{height: auto!important;} #topnav .widget_search input{width:125px;margin-left:-40px;font-size: 10px !important;height:25px !important;} #topnav .articles a .menuarticles{color:#fff;font-size:10px} #topnav #loginform-custom,#topnav input.registerbutton{margin:3px 3px;color:#008d5e;font-size:10px;padding:2px 5px;background:#0e3e24;border:0;height:23px;width:60px;float:left} .description{font-size:12px;letter-spacing:-1px} #content{margin:0 10px} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} body.single-post .singletitle hgroup h2 {font-size: 30px;} #recipe-showcase {height: auto;} #feat-recipe #totalcounts, header #totalcounts {height: 40px !important;} body.single-post .ogp-breadcrumbs-recipe #totalcounts a.share {font-size: 12px !important;width: 80px !important;} body.single-post .articlecontent{float:left;width:auto;padding:10px;} body.single-post .articlecontent p, body.single-post .articlecontent li {font-size: 14px; line-height: 18px;} #pagewrapper .two.columns {float: left !important;} .post{float:left;width:350px !important} .postnumber-1,.post.postnumber-4,.post.postnumber-5,.post.postnumber-7, .postnumber-8, .post.postnumber-10,.post.postnumber-12,.post.postnumber-15,.post.postnumber-17,.post.postnumber-20{width:580px !important} .postnumber-1 img, .postnumber-7 img, .postnumber-8 img, .postnumber-10 img, .postnumber-12 img, .postnumber-15 img, .postnumber-17 img, .postnumber-20 img {width: 100%; height: 350px !important;} .post article img {width: 100%;min-height: 250px;} .post.postnumber-2 {min-height: 280px;} .post.subscribebox input[type=submit], .subscribebox input[type=submit] {width: 28% !important;} .post article header a h2 {font-size: 14px;} body.single-post .maincolumn, body.single-recipe .maincolumn {width:100% !important;margin-left:0px !important} body.single-slideshow .maincolumn {width: 99% !important;} body.single-slideshow .slideshow-posts .orbit-wrapper {height: 575px !important;margin-bottom: 65px;} body.single-slideshow #slideshow-list .five.columns {width: 400px !important;} body.single-slideshow #slideshow-list .two.columns {width: 300px !important;} body #feat-back {width: 100% !important;} aside, .sidebarcolumn {display: none;} aside .recipe-selectors .nav-bar.vertical>li {margin:5px 0;} aside .all-time .all-time-post-title {width: 55%;} .sidebarcolumn {padding: 0 !important;} article .ad-single-728, article footer {display: none;} .sidebar-seconds {display: none;} /*.adtest300{float:left;width:300px !important;margin-top:17px;margin-bottom:15px}*/ .slideshowpage{margin-left:20px} .post-template-slideshow-php .slideshowside{display:none} #content article iframe{width:100%;float:left;position:relative;margin-top:5px} #topnav .navigation .flyout {display: none !important; z-index: 0 !important; left:-9999px !important;} input#mc-embedded-subscribe {-webkit-appearance:none !important;font-size:10px;} article iframe{/* max-width:320px !important; */overflow:hidden} body.single-recipe .singletitle hgroup h2 {font-size: 34px;} body.single-recipe .articlecontent .calories {margin-left: 0;} body.single-recipe #recipe-showcase {height: auto;} body.single-recipe .ogp-breadcrumbs-recipe #totalcounts a.share {font-size: 20px !important; width:140px!important} .twitter-hashtag-feed ol li {margin-left: 10px;} .instagram-hashtag-feed ol li{padding-left: 0; margin-left: 0;} .page-template-directorys-template-php .hotline-directory-content {height: 600px; margin-bottom: -150px;} .page-template-directorys-template-php .tr-search-results .maincolumn {width: 468px;} .page-template-directorys-template-php .tr-search-results ol li {width: 460px;} .tiny-rescue-card #totalcounts {display: none;} .tiny-rescue-card .tr-view-back .maincolumn {width: 460px} .page-template-directorys-template-php .search-row .tr-logo-box h1 {font-size:30px;padding:10px 20px 20px 20px;} .page-template-directorys-template-php .search-row .submit-a-listing h2 {font-size: 20px;} .page-template-directorys-template-php .search-row .submit-a-listing span {font-size:10px;} .page-template-directorys-template-php .intro-image {position:relative; top: 250px;} .tr-search-results .tr-search-area select {width: 120px;} .tr-search-results .tr-search-area input {width: 75px; font-size:12px} body.single-video .maincolumn, body.single-photolist .maincolumn {width: 100% !important;} body.single-video #video-container #featured-slit iframe {width:1024px;} #mobile-ad,#myspace-player {display: none;} #facebook, .fb-like {display: none!important;} #totalcounts #totalshares .share {width: 200px; font-size: 23px;} #totalcounts #totalshares .count {margin: 4px 0;} } /* iPads (portrait) ----------- */ @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){ #topnav nav ul li{float:left !important;/* padding:4px 1px !important; */box-shadow:0 0 0 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important} #topnav .nav-bar>li{box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0;border-right:0; width: 94px; height: 40px;} nav ul li a{font-size:13px !important;letter-spacing:0px !important;padding:5px 3px;line-height:12px !important} nav ul li .flyout a {font-size: 10px !important} .nav-bar>li.has-flyout>a:first-child {padding: 5px 22px!important;} .nav-bar>li.has-flyout>a:first-child:after {border: 0 !important} .touch .nav-bar li.has-flyout>a {padding-right: 0 !important;} .contest-banner, .contest-content{width: 100%!important;} .contest-banner img{width: 100%;} .fof-caption {top: 3%!important;} .fof-caption h2 { font-size: 40px!important;} .fof-content .row{ min-width: auto;} .futureoffood_thumb {min-height: auto!important;} /* .food:before { content:"FOOD MONSTER:";font-size:9px;line-height:10px!important;} .industryfood:before{ content:"FOOD MONSTER:";font-size:9px;line-height:10px!important;} */ /**********trupti pc***********/ /* .postid-1481203729 #featured-slit{background-position:center center!important;height: 400px!important;} .postid-1481203729 #featured-container{height: auto!important;} */ /********live*****************/ .postid-1481223545 #featured-slit{background-position:center center!important;} .postid-1481223545 #featured-container{height: auto!important;} .banner-caption {/* top:1%!important; */} .about .banner-caption{top:0%!important; width: 100%;} #box, #box1 { width: 350px!important; height: 350px!important;} .team-section {margin-left: 10px; width: 30%!important;} .recipe-blogger ul li {/* width: 30%!important; */ padding-bottom: 15px;} .about-section h3{padding-left: 0!important;} .cat-filter em {line-height: 20px;text-align: center;} a.search-icon {padding: 10px 8px;font-size: 10px;} .search-icon {height: 32px;} .about-social {margin-top: 0%!important;} .nav-bar>li>a:first-child { padding: 6px 20px;} #topnav .navigation .animalsnature a , #topnav .navigation .video a{ padding: 17% 8% !important;text-align: center} #topnav .navigation .news a {padding: 17% 21%; text-align: center;} #topnav .navigation .recipe a{padding: 17% 7% !important} #topnav .navigation .food a{ text-align: center;padding: 17% 11% !important;} #topnav .navigation .lifestyle a {text-indent: 0px; background-position: 20% 30%; background-size: 14%; text-align: left; padding: 15% 39%;} #topnav .navigation .lifestyle a {padding: 17% 6% !important; width: 100%; text-align: center;} #topnav .navigation .products a { padding: 17% 10% !important; width: 100%; text-align: center;} #topnav .navigation .menu-item-1481351326 a {padding: 17% 10% !important; width: 100%; text-align: center;} #topnav .articlesrow{display:block} #topnav .sociallinks {text-align: right;height: 20px;overflow: hidden;margin: 10px 0 10px 8px;} .minorlinks {display: none;} .header728container, .ad-single-728{display: none;} .last-sec{width: 32%!important;} #topnav .widget_search input{width:103px !important;margin-left:-15px !important;height: 28px;} #topnav .articles a .menuarticles{color:#fff;font-size:10px} .description{font-size:9px;letter-spacing:0px;} #topnav #loginform-custom,#topnav input.registerbutton{margin:3px 3px;color:#008d5e;font-size:10px;padding:2px 5px;background:#0e3e24;border:0;height:23px;width:60px;float:left} #topnav input#wp-submit{font-size:9px;color:#000;text-transform:uppercase;width:38px} #topnav input.registerbutton{padding:5px 2px;margin:3px 0;font-size:9px;color:#000;text-transform:uppercase;width:45px !important;font-size:9px;color:#000;text-transform:uppercase;width:38px} #content{margin:0 10px} #recipe-showcase {height: auto;} body.single-post .ogp-breadcrumbs-recipe #totalcounts a.share {font-size: 12px !important;width: 80px !important;} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} body.single-post .articlecontent{float:left;width:auto;padding:20px 10px;margin-left:0px} body.single-post .articlecontent p, body.single-post .articlecontent li {font-size: 14px; line-height: 18px;} .theiaPostSlider_nav ._buttons ._text {margin-left: 145px;} body.single-slideshow #respond, body.single-photolist #respond {display: none;} body.single-post .maincolumn, body.single-recipe .maincolumn {width:768px !important} body.single-slideshow .maincolumn {width: 99% !important;} body.single-slideshow .slideshow-posts .orbit-wrapper {height: 550px !important;margin-bottom: 65px;} body.single-slideshow #slideshow-list .five.columns {width: 700px !important;} body.single-slideshow #slideshow-list .two.columns {width: 300px !important;} body #feat-back {width: 100% !important;} .sidebarcolumn {display: none;} aside{display: none; } aside .recipe-selectors .nav-bar.vertical>li {margin:5px 0;} aside .all-time .all-time-post-title {width: 55%;} article footer {display: none;} .sponsorarea {min-width: 90%;} body.single-post .post-vegan-food, body.single-post .post-uncategorized, body.single-post .post-animalsandnature, body.single-post .post-news, body.single-post .post-guides, body.single-post .post-vegan-health, body.single-post .post-natural-health, body.single-post .post-reviews {margin: 0 0px !important; padding: 0px !important;} body.single-post .singletitle hgroup h2 {font-size: 30px;} article .ad-single-728 {display: none;} #pagewrapper .two.columns {float: left !important;} .post{float:left;width:300px !important} .post.postnumber-1,.post.postnumber-4,.post.postnumber-5,.post.postnumber-7,.post.postnumber-8,.post.postnumber-10, .post.postnumber-12, .post.postnumber-15, .post.postnumber-17, .post.postnumber-20 {width: 420px !important;} .postnumber-1 img,.postnumber-7 img,.postnumber-8 img, .postnumber-10 img, .postnumber-12 img, .postnumber-15 img, .postnumber-17 img, .postnumber-20 img {width: 100%; height: 300px !important;} .post.subscribebox input[type=submit], .subscribebox input[type=submit] {width: 28% !important;} .post.postnumber-2 {min-height: 280px;} .post.postnumber-5 h2, .post.postnumber-6 h2, .post.postnumber-14 h2 {font-size: 18px !important;} .post article header a h2 {font-size: 14px;} .relateditem {min-height: 220px;} /*.adtest300{float:left;width:300px !important;margin-top:17px;margin-bottom:15px}*/ .adtest768{display:none} .sidebar-seconds {display: none;} .post-template-slideshow-php .slideshowside{display:none} #content article iframe{width:100%;float:left;position:relative;margin-top:5px} #topnav .navigation .flyout{width: 658px !important; top: 42px;} #topnav .navigation .food .flyout {left: -189px;} #topnav .navigation .naturalhealth .flyout {left:-150px !important;} #topnav .navigation .recipe .flyout {left:-95px !important;} #topnav .navigation .lifestyle .flyout {left: -470px;} #topnav .navigation .products .flyout {left: -450px;} #topnav .navigation .video .flyout { left: -525px;} input#mc-embedded-subscribe {-webkit-appearance:none !important;font-size:10px;} article iframe{/* max-width:320px !important; */overflow:hidden} body.single-recipe .singletitle hgroup h2 {font-size: 34px;} body.single-recipe #recipe-showcase {height: auto;} body.single-recipe .articlecontent .calories {margin-left: 0;} body.single-recipe .ogp-breadcrumbs-recipe #totalcounts a.share {font-size: 10px !important; width: 80px !important} .twitter-hashtag-feed ol li {margin-left: 10px;} .instagram-hashtag-feed ol li{padding-left: 0; margin-left: 0;} .page-template-directorys-template-php .hotline-directory-content {height: 600px; margin-bottom: -150px;} .page-template-directorys-template-php .tr-search-results .maincolumn {width: 468px;} .page-template-directorys-template-php .tr-search-results ol li {width: 460px;} .tiny-rescue-card .tr-title-container {height: 600px !important;} .tiny-rescue-card .tr-main-information {min-height: 600px !important;} .tiny-rescue-card #totalcounts {display: none;} .tiny-rescue-card .tr-view-back .maincolumn {width: 468px} .page-template-directorys-template-php .search-row .tr-logo-box h1 {font-size:30px;padding:10px 20px 20px 20px;} .page-template-directorys-template-php .search-row .submit-a-listing h2 {font-size: 20px;} .page-template-directorys-template-php .search-row .submit-a-listing span {font-size:10px;} .page-template-directorys-template-php .intro-image {position:relative; top: 250px;} .tr-search-results .tr-search-area select {width: 120px;} .tr-search-results .tr-search-area input {width: 75px; font-size:12px} body.single-video .maincolumn, body.single-photolist .maincolumn {width: 100% !important;} body.single-video #video-container #featured-slit iframe {width:768px;} #mobile-ad,#myspace-player {display: none;} #totalcounts.share-icon-recipe-7750, #totalcounts.share-icon-2690 { padding-left: 26%!important; padding-top: 1px;} #totalcounts.share-icon-5{ padding-left: 12%!important;} #totalcounts.share-icon-7, #totalcounts.share-icon-2723, #totalcounts.share-icon-8519{padding-left: 10%!important;} body #feat-recipe .ogp-breadcrumbs #totalcounts {display: none;} .fb-sec, .social-mob, .mobile-share, #facebook, .fb-like {display: none!important;} #totalcounts #totalshares .share {width: 200px; font-size: 23px;} #totalcounts #totalshares .count {margin: 4px 0;} } /* Retina-specific ----------- */ /* Retina - iPhone 6 - Landscape */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { /* nav .nav-bar{background:0;overflow:hidden} nav ul li{float:left !important;padding:2px 1px !important;width:80px;line-height:20px;height:40px !important;box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0} nav ul li a{font-size:10px !important;letter-spacing:-1px !important;padding:6px 0 !important;line-height:10px !important;text-align:center;overflow:hidden !important} */ #topnav .ogp-title {text-align: center;} #topnav .ogp-title img{text-align:center;padding-left:70px !important;margin:6px 0 3px 0;} .sociallinks, .description, .header728container, .sponsorarea, #topnav .widget_search, .ad, .ad-single-728{display:none} .search-icon {margin-right: 0;width:100%;} #search-reveal {top:120px !important;} #topnav .widget_search input{width:94%;margin:0 auto;font-size:9px !important;height:20px !important} #topnav .articlesrow,#topnav .toplogin,#topnav .sociallinks{display:none} #topnav .navigation li{border:0;padding:0 9px !important;font-weight:bold;line-height:30px !important} #topnav .navigation .news{padding:2px 5px;line-height:23px;margin-top:0} #topnav .navigation .photos{padding:2px 5px;line-height:23px;margin-top:0} #topnav .navigation li.animalsnature{padding:0 2px} #topnav .navigation li.news a,#topnav .navigation li.photos a{font-size:11px} .nav-bar>li.has-flyout>a:first-child:after {border: 0 !important} .touch .nav-bar li.has-flyout>a {padding-right: 0 !important;} #pagewrapper{margin-top: 3px;} #content{margin:0 10px} article header hgroup a h2{font-size:16px} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} body.single-post .titleshare,body.single-post .postshares{display:none} .post{float:left;width:300px !important;margin-right:5px} .post.postnumber-1,.post.postnumber-2,.post.postnumber-3,.post.postnumber-5,.post.postnumber-4,.post.postnumber-6,.post.postnumber-9,.post.postnumber-14,.post.postnumber-15,.post.postnumber-17,.post.featuredposts,.post.postnumber-19,.post.postnumber-20,.post.recentcommentspreview,.post.postnumber-23{float:left;width:300px !important;margin:0 6px} #content .topposts h2,#content .popposts h2,.post.subscribebox h2,#content .recentpostspreview h2,#content .recentcommentspreview h2{font-size:15px} body .categorypage .tagcloud,body .tagpage .tagcloud,body .archivepage .tagcloud{display:none} .postnumber-4 {margin-top: 10px;} .postnumber-5 input#mce-EMAIL {width: 50%;} .postnumber-5 input#mc-embedded-subscribe {-webkit-appearance:none !important;width: 34%;} .cat-filter {display: none;} body .singletitle hgroup h2{font-size:24px !important;line-height:26px;margin:0 !important;padding:10px !important} body .fb-like, body .ogp-breadcrumbs, body #totalcounts, body #totalshares{display:none} body .two.columns.postmetadata{text-align:center;padding:10px} body .postmetadata .authormetaimage, body .postmetadata .tags{display: none;} body .five.columns.maincolumn{padding:0;margin:0} body #featured-container {height: 380px !important;} body #featured-slit {height: 400px !important;background-position: center center !important;} body .post-vegan-food,body .post-uncategorized,body .post-animalsandnature,body .post-news,body .post-guides,body .post-vegan-health,body .post-natural-health,body .post-reviews{margin:0} body .singletitle hgroup{margin-bottom:0;margin-top:5px} .theiaPostSlider_nav{margin:3px 0 !important} .theiaPostSlider_nav ._buttons ._text {margin-left: 90px !impo background: url(images/Life_monster_header-icon.png)no-repeatrtant} .leftside{display:none} article .articlecontent{margin:0 5px} article .articlecontent h2 {font-size: 16px;} article .articlecontent p, article .articlecontent li{font-size:16px !important;line-height: 18px !important;} article footer, h6.disclosure{display:none} .adtest300{float:left;width:300px !important;margin-top:0px !important;margin-bottom:15px} .slideshowpage{padding-left:0 !important;padding-right:0 !important} body.single-post h6.disclosure{clear:both} body.single-recipe div#totalcounts, body.single-recipe .ogp-breadcrumbs {display: none;} body.single-recipe .recipe-name h3 {font-size: 18px !important;} body.single-recipe .recipe-diet {margin-left: 10px;} body.single-recipe .recipe-diet span {font-size: 12px !important;padding: 1px 5px !important} body.single-recipe .articlecontent .calories {margin-left: 0 !important} body.single-recipe .articlecontent h3 {font-size: 15px;margin-left: 10px;} body.single-recipe .articlecontent p, body.single-recipe .articlecontent li, body.single-recipe .articlecontent span, body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-nutrition, body.single-recipe .articlecontent .recipe-notes {font-size: 16px !important; line-height: 18px !important;padding: 5px 10px; margin-left: 10px;} body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-preparation, body.single-recipe .articlecontent .recipe-ingredients, body.single-recipe .articlecontent .recipe-notes, body.single-recipe .articlecontent .recipe-nutrition {margin-left: 10px !important; padding: 10px !important;} body.single-recipe .articlecontent .start-diet p {padding: 13px 10px; line-height: 12px !important; margin:0; } body.single-recipe .recipe-diet .span {padding:0 !important;line-height: 12px !important;margin: 0;background:none;} body.single-recipe .articlecontent .calories span, body.single-recipe .articlecontent .serves span, body.single-recipe .articlecontent .cook-time span {margin-left: 10px !important} body.single-recipe .recipe-diet {border-bottom: 0px;} body.single-recipe .recipe-diet .start-diet {padding-top:8px;} body.single-recipe .ingredients-list a {float: left;} body.single-recipe .recipe-author-details {clear: both;} aside, .sidebarcolumn {display: none;} body.tag .tag-page-title .tagname {font-size: 24px;} body.tag .tag-follow {display: none;} body.tag .tag-post {height: auto !important;} body.tag .sidebarcolumn {display: none;} body.tag .tag-post .columns {height: auto !important;} body.tag .tag-post p.sharenumbers {display: none;} .pagewrapper .pagination {margin-top: 0px;} .relateditem {min-height: 200px;width: 98%;} .mobile-total-shares {background:#fff;font-size: 12px !important;color: #008d5e;padding: 0 0 10px 0;text-transform: uppercase;text-align: center;} .mobile-total-shares .mobile-share {font-size: 12px !important; color:#008d5e;} #feat-back {height: auto !important;} #feat-recipe {height: auto !important; margin-bottom: 5px;} #feat-recipe .postmetadata {text-align: center;padding-left: 0; margin-top: 0} .recipe-sticker {display: none !important;} #recipe-showcase {height:230px !important;} .postmetadata {font-size: 10px;padding: 5px 0;} .post-template-slideshow-php .slideshowside{display:none} .post-template-slideshow-php .singletitle h1{font-size:24px} .post-template-slideshow-php .slideshowpage{width:100% !important} article iframe{max-width:312px !important;height:300px;float:left;position:relative;overflow:hidden} aside .recipe-selectors {display: none;} aside .recipe-selectors .nav-bar.vertical>li {width: 145px; margin: 0 5px 5px auto;} .gs-result img.gs-image,.gs-result img.gs-promotion-image{vertical-align:middle;border:1px solid #e2e2e2;max-width:80px !important;margin-right:10px !important} .gs-result .gs-snippet {font-size: 12px !important;margin-bottom: 5px;} .gsc-results .gsc-cursor-box .gsc-cursor-page {cursor: pointer;color: #fff !important; text-decoration: none !important;margin-right: 8px !important;display: inline; font-size: 9px !important; padding: 7px 5px !important; background: rgba(0,141,94,0.6);box-shadow: 0 0 2px rgba(0,0,0,0.05);border-radius: 3px;} .twitter-hashtag-feed ol li {margin-left: 10px;} .instagram-hashtag-feed ol li{padding-left: 0; margin-left: 0;} body.single-slideshow #featured-slit {height: 200px !important;} body.single-slideshow .slideshow-posts .orbit-wrapper {height:250px !important;} body.single-slideshow .slideshow-posts ul.orbit-bullets {display: none !important;} div.orbit-wrapper div.slider-nav span {top:23% !important;} body.single-slideshow #slideshow-list p.slideshow-excerpt {min-height: 60px;} div.orbit-wrapper #slideshow-list div.slider-nav span {display: none !important;height: 0;background-size:0%;top: 0%;width: 0;} .page-template-directorys-template-php .hotline-directory-content {height: 490px;margin-bottom: -160px;background-position-x: 0px !important;background-position-y: 0px !important;background-size:137% !important;} .page-template-directorys-template-php .search-row {top:200px;} .page-template-directorys-template-php .hotline-directory-content .tr-logo-box {border-right:0;} .page-template-directorys-template-php .tr-search-results ol li {width: 320px;margin: 10px 0;} .tiny-rescue-card .tr-title-container {height: 200px !important;} div.two.columns.tr-main-information {min-height: 400px !important;} .tiny-rescue-card .tr-v-info h3.tr-title {left: 0; width: 100%;} .tiny-rescue-card .tr-v-info h3.tr-title span {font-size: 30px;} .tr-search-results .tr-search-area input {width:60px; font-size:12px;} .tr-search-results .tr-search-area select {width: 220px;} .tr-search-results ol .tr-item-number {font-size:32px;} .page-template-directorys-template-php .search-row .tr-logo-box h1 {font-size:30px;padding:10px 20px 0px 20px;} .page-template-directorys-template-php .tr-search-results h2#tr-search-results-title {margin-left: 10px;} .page-template-directorys-template-php .search-row .submit-a-listing h2 {font-size: 20px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box h2 {font-size: 18px;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul {width: 100%;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul li a {padding: 15px 0%;line-height: 40px;} body.single-video #video-container #featured-slit iframe {width:320px; height:240px} #mobile-ad,#myspace-player {display: none;} body.single-slideshow #respond, body.single-photolist #respond {display: none;} .ad-single-728 {display: none;} #mobile-ad,#myspace-player {display: none;} } /* Retina - iPhone 6 - Portrait */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { /* nav .nav-bar{background:0;overflow:hidden; height: 45px !important;} nav ul li{float:left !important;padding:2px 1px !important;width:80px;line-height:20px;height:40px !important;box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0} nav ul li a{font-size:9px !important;letter-spacing:-1px !important;padding:6px 0 !important;line-height:10px !important;text-align:center;overflow:hidden !important} */ #topnav .ogp-title {text-align: center;} #topnav .ogp-title img{text-align: center; padding-left: 20px !important; margin: 10px 0 10px 0; width: 72%;} .sociallinks, .description, .header728container, .sponsorarea, #topnav .widget_search, .ad, .ad-single-728{display:none} .search-icon {margin-right: 0;width:100%;height: 50px; padding: 20px !important} #search-reveal {top:120px !important;} #topnav .widget_search input{width:94%;margin:0 auto;font-size:9px !important;height:20px !important} #topnav .articlesrow,#topnav .toplogin,#topnav .sociallinks{display:none} #topnav .navigation li{border:0;padding:12px 6px !important;font-weight:bold;height:38px !important; width: 14% !important;} #topnav .navigation .news{padding:2px 5px;line-height:23px;margin-top:0} #topnav .navigation .photos{padding:2px 5px;line-height:23px;margin-top:0} #topnav .navigation li.animalsnature{padding:0 2px; width: 16% !important; } .touch #topnav .navigation .nav-bar li.has-flyout>a {padding-right:0px !important } #topnav .navigation li.news a,#topnav .navigation li.photos a{font-size:11px} .nav-bar>li.has-flyout>a:first-child:after {border: 0 !important} .touch .nav-bar li.has-flyout>a {padding-right: 0 !important;} #pagewrapper{margin-top: 3px;} #content{margin:0 10px} article header hgroup a h2{font-size:25px} article .frontexcerpt .smallexc p a{font-size:10px;line-height:10px} body.single-post .titleshare,body.single-post .postshares{display:none} .post{float:left;width:340px !important;margin:0 2%;} .fof-content .post {width: 307px !important;} .post.postnumber-1,.post.postnumber-2,.post.postnumber-3,.post.postnumber-5,.post.postnumber-4,.post.postnumber-6,.post.postnumber-8,.post.postnumber-9,.post.postnumber-14,.post.postnumber-15,.post.postnumber-16,.post.postnumber-17,.post.postnumber-18,.post.featuredposts,.post.postnumber-19,.post.postnumber-20,.post.recentcommentspreview,.post.postnumber-23{float:left;width:340px !important;margin:0 2%} #content .topposts h2,#content .popposts h2,.post.subscribebox h2,#content .recentpostspreview h2,#content .recentcommentspreview h2{font-size:20px} body .categorypage .tagcloud,body .tagpage .tagcloud,body .archivepage .tagcloud{display:none} .postnumber-4 {margin-top: 10px;} .postnumber-5 input#mce-EMAIL {width: 50%;} .postnumber-5 input#mc-embedded-subscribe {-webkit-appearance:none !important;width: 34%;} body .post article img {width: 340px;} .cat-filter {display: none;} body .singletitle hgroup h2{font-size:24px !important;line-height:26px;margin:0 !important;padding:0px !important} body .fb-like, body .ogp-breadcrumbs, body #totalcounts, body #totalshares{/* display:none; */display: block;} #totalcounts.share-icon-5 {padding-left: 15%!important;} body .two.columns.postmetadata{text-align:center;padding:10px} body .postmetadata .authormetaimage, body .postmetadata .tags{display: block;} body .five.columns.maincolumn{padding:0;margin:0} body #featured-container {/* height: 380px !important; */} body #featured-slit {/* height: 400px !important; */background-position: center center !important;} body .post-vegan-food,body .post-uncategorized,body .post-animalsandnature,body .post-news,body .post-guides,body .post-vegan-health,body .post-natural-health,body .post-reviews{margin:0} body .singletitle hgroup{margin-bottom:0;margin-top:5px} .theiaPostSlider_nav{margin:3px 0 !important} .theiaPostSlider_nav ._buttons ._text {margin-left: 90px !important} .leftside{display:none} article .articlecontent{margin:0 5px} .pagewrapper .pagination {margin-top: 0px;} article .articlecontent h2 {font-size: 16px;} article .articlecontent p, article .articlecontent li{font-size:16px !important;line-height: 22px!important;} article footer, h6.disclosure{display:none} .adtest300{float:left;width:300px !important;margin-top:0px !important;margin-bottom:15px} .slideshowpage{padding-left:0 !important;padding-right:0 !important} body.single-post h6.disclosure{clear:both} body.single-recipe div#totalcounts {display: block;} body.single-recipe .ogp-breadcrumbs {display: none;} body .ogp-breadcrumbs-recipe #totalcounts { margin-top: 12px;} body.single-recipe .recipe-name h3 {font-size: 18px !important;} body.single-recipe .recipe-diet {margin-left: 10px;} body.single-recipe .recipe-diet span {font-size: 12px !important;padding: 1px 5px !important} body.single-recipe .articlecontent .calories {margin-left: 0 !important} body.single-recipe .articlecontent h3 {font-size: 15px;margin-left: 10px;} body.single-recipe .articlecontent p, body.single-recipe .articlecontent li, body.single-recipe .articlecontent span, body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-nutrition, body.single-recipe .articlecontent .recipe-notes {font-size: 16px !important; line-height: 18px !important;padding: 5px 10px; margin-left: 10px;} body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-preparation, body.single-recipe .articlecontent .recipe-ingredients, body.single-recipe .articlecontent .recipe-notes, body.single-recipe .articlecontent .recipe-nutrition {margin-left: 10px !important; padding: 10px !important;} body.single-recipe .articlecontent .start-diet p {padding: 13px 10px; line-height: 12px !important; margin:0; } body.single-recipe .recipe-diet .span {padding:0 !important;line-height: 12px !important;margin: 0;background:none;} body.single-recipe .articlecontent .calories span, body.single-recipe .articlecontent .serves span, body.single-recipe .articlecontent .cook-time span {margin-left: 10px !important} body.single-recipe .recipe-diet {border-bottom: 0px;} body.single-recipe .recipe-diet .start-diet {padding-top:8px;} aside, .sidebarcolumn {display: none;} body.tag .tag-page-title .tagname {font-size: 24px;} body.tag .tag-follow {display: none;} body.tag .tag-post {height: auto !important;} body.tag .sidebarcolumn {display: none;} body.tag .tag-post .columns {height: auto !important;} body.tag .tag-post p.sharenumbers {display: none;} .relateditem {min-height: 200px;width: 98%;} .mobile-total-shares {background:#fff;font-size: 12px !important;color: #008d5e;padding: 0 0 10px 0;text-transform: uppercase;text-align: center;} .mobile-total-shares .mobile-share {font-size: 12px !important; color:#008d5e;} #feat-back {height: auto !important;width: 100%;} #feat-recipe {height: auto !important; margin-bottom: 5px;} #feat-recipe .postmetadata {text-align: center;padding-left: 0; margin-top: 0} body .postmetadata span.post-comments {display: none;} body .postmetadata span.more-recipes {clear: none;float: none;padding-left: unset;} .recipe-sticker {display: none !important;} #recipe-showcase {height:230px !important;} .postmetadata {font-size: 10px;padding: 5px 0;} .post-template-slideshow-php .slideshowside{display:none} .post-template-slideshow-php .singletitle h1{font-size:24px} .post-template-slideshow-php .slideshowpage{width:100% !important} article iframe{max-width:100% !important;height:300px;float:left;position:relative;overflow:hidden; margin-bottom: 20px;} aside .recipe-selectors {display: none;} aside .recipe-selectors .nav-bar.vertical>li {width: 145px; margin: 0 5px 5px auto;} .gs-result img.gs-image,.gs-result img.gs-promotion-image{vertical-align:middle;border:1px solid #e2e2e2;max-width:80px !important;margin-right:10px !important} .gs-result .gs-snippet {font-size: 12px !important;margin-bottom: 5px;} .gsc-results .gsc-cursor-box .gsc-cursor-page {cursor: pointer;color: #fff !important; text-decoration: none !important;margin-right: 8px !important;display: inline; font-size: 9px !important; padding: 7px 5px !important; background: rgba(0,141,94,0.6);box-shadow: 0 0 2px rgba(0,0,0,0.05);border-radius: 3px;} .twitter-hashtag-feed ol li {margin-left: 10px;} .instagram-hashtag-feed ol li{padding-left: 0; margin-left: 0;} body.single-slideshow #featured-slit {height: 200px !important;} body.single-slideshow .slideshow-posts .orbit-wrapper {height:250px !important;} body.single-slideshow .slideshow-posts ul.orbit-bullets {display: none !important;} div.orbit-wrapper div.slider-nav span {top:23% !important;} body.single-slideshow #slideshow-list p.slideshow-excerpt {min-height: 60px;} div.orbit-wrapper #slideshow-list div.slider-nav span {display: none !important;height: 0;background-size:0%;top: 0%;width: 0;} .page-template-directorys-template-php .hotline-directory-content {height: 490px;margin-bottom: -160px;background-position-x: 0px !important;background-position-y: 0px !important;background-size:137% !important;} .page-template-directorys-template-php .search-row {top:200px;} .page-template-directorys-template-php .hotline-directory-content .tr-logo-box {border-right:0;} .page-template-directorys-template-php .tr-search-results ol li {width: 320px;margin: 10px 0;} .tiny-rescue-card .tr-title-container {height: 200px !important;} div.two.columns.tr-main-information {min-height: 400px !important;} .tiny-rescue-card .tr-v-info h3.tr-title {left: 0; width: 100%;} .tiny-rescue-card .tr-v-info h3.tr-title span {font-size: 30px;} .tr-search-results .tr-search-area input {width:60px; font-size:12px;} .tr-search-results .tr-search-area select {width: 220px;} .tr-search-results ol .tr-item-number {font-size:32px;} .page-template-directorys-template-php .search-row .tr-logo-box h1 {font-size:30px;padding:10px 20px 0px 20px;} .page-template-directorys-template-php .tr-search-results h2#tr-search-results-title {margin-left: 10px;} .page-template-directorys-template-php .search-row .submit-a-listing h2 {font-size: 20px;} .tiny-rescue-card .tr-view-back .maincolumn .comment-box h2 {font-size: 18px;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul {width: 100%;} .page-template-directorys-template-php .tr-search-results .tr-search-results-pagination ul li a {padding: 15px 0%;line-height: 40px;} body.single-video #video-container #featured-slit iframe {width:320px; height:240px} #mobile-ad,#myspace-player {display: none;} body.single-slideshow #respond, body.single-photolist #respond {display: none;} .ad-single-728 {display: none;} } /* Retina iPhones 6+ - Landscape Mode */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) { body.single-recipe .ingredients-list a {float: left;} body.single-recipe .recipe-author-details {clear: both;} } /* Retina Iphones 6+ - Portrait Mode */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) { #topnav .navigation li {padding: 12px 7px !important; width: 14% !important;} .post{float:left;width:380px !important;margin:0 2%;} .post article img {width: 380px !important;height: 250px !important} .post.postnumber-1, .post.postnumber-2, .post.postnumber-3, .post.postnumber-5, .post.postnumber-4, .post.postnumber-6, .post.postnumber-8, .post.postnumber-9, .post.postnumber-14, .post.postnumber-15, .post.postnumber-16, .post.postnumber-17, .post.postnumber-18, .post.featuredposts, .post.postnumber-19, .post.postnumber-20, .post.recentcommentspreview, .post.postnumber-23 {float: left;width: 380px !important;margin: 0 2%;} .post.postnumber-1, .post.postnumber-2, .post.postnumber-3, .post.postnumber-8, .post.postnumber-9, .post.postnumber-15, .post.postnumber-16, .post.postnumber-17, .post.postnumber-18, .post.featuredposts, .post.postnumber-19, .post.postnumber-20, .post.recentcommentspreview, .post.postnumber-23 {height:400px !important} article iframe { min-width: 100%;margin-bottom: 20px} } /* Retina Desktops */ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1300px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1300px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and ( min-resolution: 192dpi) and (min-width: 1300px), only screen and ( min-resolution: 2dppx) and (min-width: 1300px) { #topnav .navigation li:hover .flyout {display:block;} #topnav .navigation .flyout li {padding: 3px 25px;} /* #topnav .navigation .animalsnature .flyout {left: 0px;} */ #topnav .navigation .lifestyle .flyout {left: -595px;} #topnav .navigation .food .flyout{left: -127px;} #topnav .navigation .naturalhealth .flyout{left: -243px;} #topnav .navigation .news .flyout{left: -384px;} #topnav .navigation .recipe .flyout {left: -370px;} #topnav .navigation .products .flyout {left: -698px;} #topnav .navigation .video .flyout {left: -817px;} } /* Other Retina Devices - Androids / Galaxy S6 */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #topnav .ogp-title img {padding-left: 100px !important;} #topnav .navigation li {width: 60px;} nav ul li a{font-size:11px !important;letter-spacing:-1px !important;padding:3px 0 !important;line-height:9px !important;text-align:center;overflow:hidden !important} .search-icon {height: 36px;} .post{float:left;width:325px !important;margin:0 2%;} .post article img {width: 325px;} .post.postnumber-1,.post.postnumber-2,.post.postnumber-3,.post.postnumber-5,.post.postnumber-4,.post.postnumber-6,.post.postnumber-8,.post.postnumber-9,.post.postnumber-14,.post.postnumber-15,.post.postnumber-16,.post.postnumber-17,.post.postnumber-18,.post.featuredposts,.post.postnumber-19,.post.postnumber-20,.post.recentcommentspreview,.post.postnumber-23{float:left;width:325px !important;margin:0 2%} #content .topposts h2,#content .popposts h2,.post.subscribebox h2,#content .recentpostspreview h2,#content .recentcommentspreview h2{font-size:20px} body.single-video #video-container #featured-slit iframe { width: 100%; height: 100%; } } /************Image URL's of Share Icons ************************************************/ #totalcounts.recipe-icon{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 19%;padding-top: 8px;} #totalcounts.slideshow-icon{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 5px;} #totalcounts.photolist-icon{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 5px;} #totalcounts.video-icon{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left:7%;padding-top: 4px;} /******Buzz monster******/ #totalcounts.share-icon-2723{background: url('images/monster-icons/Buzz_monster_share-icon.png')no-repeat;padding-left: 6%;padding-top: 6px;} /******Animal monster******/ #totalcounts.share-icon-5{background: url('images/monster-icons/Animal_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 6px;} /******Earth monster******/ #totalcounts.share-icon-8519{background: url('images/monster-icons/Earth_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 6px;} /******Life monster******/ #totalcounts.share-icon-7{background: url('images/monster-icons/Life_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 6px;} /******Health monster******/ #totalcounts.share-icon-7247{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 6px;} /******Recipe monster******/ #totalcounts.share-icon-7750{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 7%;padding-top: 8px;} /******Recipe monster-single page******/ #totalcounts.share-icon-recipe-7750{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 19%;padding-top: 8px;} /******Food monster******/ #totalcounts.share-icon-2690{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 19%;padding-top: 8px;} #totalcounts.list-icon{background: url('images/monster-icons/Food_monster_share-icon.png')no-repeat;padding-left: 19%;padding-top: 8px;} #totalshares.sharrre{margin: 0 12px;} /*---------landing page icon-----*/ /******Buzz monster background: url('images/monster-landing-icon/Buzz_monster_landing-icon.png')no-repeat;******/ .category-2723 .categoryname{background-position: 40% 40%; color: #6A4A3D!important;} /*********Earth monster background: url('images/monster-landing-icon/Earth_monster_landing-icon.png')no-repeat;**********/ .category-8519 .categoryname{background-position: 23% 40%; color:#fff;} /********video monster background: url('images/monster-landing-icon/Video_monster_landing-icon.png')no-repeat;********/ .tag-2909 .categoryname{background-position: 23% 40%;} /********life monster background: url('images/monster-landing-icon/Life_monster_Landing-icon.png')no-repeat;********/ .category-7 .categoryname{background-position: 42% 40%;color: #fff;} /********Receipe Monster background: url('images/monster-landing-icon/Food_monster_landing-icon.png')no-repeat; *****/ .category-7750 .categoryname{background-position: 25% top;color:#fff;} /*********Animal monster background: url('images/monster-landing-icon/Animal_monster_landingt-icon.png')no-repeat;******/ .category-5 .categoryname{background-position: 21% 40%; color:#fff;} /******food monstar background: url('images/monster-landing-icon/Food_monster_landing-icon.png')no-repeat;*******/ .category-2690 .categoryname{background-position: 23% top;color: #fff;} /*****video background: url('images/monster-landing-icon/Video_monster_landing-icon.png')no-repeat;**********/ .tag-2909 .tagname{ background-position: 35% top;color: #D7BF13;} /********************************************/ /*----------Start-Contest page css------------*/ /********************************************/ .page-id-1481203589 article header h2{background: transparent;} .fl{float: left;} .fr{float:right;} .contest-section {/* margin-top: 9%; */} .contest-banner{width: 50%;} .capital{text-transform: uppercase; } .contest-content img .appstore {width:125px;vertical-align: middle;} .contest-content img .stars {vertical-align: middle;} .contest-content{padding:35px 40px 36px;width: 50%;background: #fff;} .contest-content h2{color: #deaf0c;font-size: 25px;font-weight: bold;padding-bottom: 10px;} .contest-content h6{color: #9dbc06;font-size: 18px;font-weight: bold} .contest-content p{font-size: 18px;margin-bottom:0px;} .contest-content em{color:#4e4e4e;font-size: 18px;padding-left: 10px;} .contest-content .btn{ background: #689e0a; padding: 10px 40px; border: 1px solid #689e0a; border-radius: 4px;-webkit-box-shadow:none;box-shadow:none;} .contest-content .mc-field-group input{background: #f5f5f5; font-size: 12px; padding: 18px;} .contest-social{ /*background: url("images/contest/dots.png")no-repeat; background-position: left bottom;*/} .contest-content ul li{padding-bottom: 0px;padding-left: 10px;font-size: 18px;} .contest-content span{color: #ffa200;} .contest-content img{padding-left:20px; } .green{color:#95c006;} .contest-bottom{margin-bottom: 7%;} .pb10{padding-bottom: 10px;} .clear{clear:both;} .contest-content i{font-size: 16px;} .fb-sharer {width: 80px; float: left;} .contest-appstore{ background: url(images/contest/appstore.png) no-repeat; background-size: 26%; height: 50px; margin-bottom: 5%;} .contest-appstore a{padding-left: 28%; font-size: 17px; line-height: 37px;} .rating {unicode-bidi: bidi-override; direction: rtl; float: left;font-size: 14px;} /* #ffa200 */ .rating-text {float: left;margin-left: 20px;font-size: 14px;margin-top: 10px;} .fb-sec{ float: left; line-height: 45px; font-family: "Avenir","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 14px; color: #222; font-weight: 500;} /* em:before { content: "■"; padding-right:7px; } */ /*em:before { content: "."; padding-right:7px; font-size: 30px; }*/ .rating > span {display: inline-block; position: relative; width: 1.1em;} .rating > span:hover:before, .rating > span:hover ~ span:before { content: "\2605"; position: absolute;} /********************************************/ /*----------End-Contest page css------------*/ /********************************************/ /********************************************/ /*----------About us page css------------*/ /********************************************/ .about-section{background: #fff; padding: 20px!important;} .about-section p{font-size: 15px!important; margin-left:0px!important;} .banner-caption{ position: relative; padding: 12px; margin-top: -20%;} .banner-caption p{color:#fff; margin-bottom: 0;} .banner-caption h2{color:#fff;text-indent: 10px;} .about-social{float: right; padding-bottom: 10px; width: 300px; margin-top: -5%;} .about-social img{vertical-align: middle; /* padding-left: 5px; */margin-left: 10px;} .about-section h3, .campaigns-section h3, .recipe-blogger h4{color:#008c5c; /* font-family:Avenir-bold; */ padding-left:6px; font-size: 27px;font-weight: 700;} .about-section h6{color:#008c5c; font-weight: bold; font-size: 18px; text-indent: 30px;} .our-plan p{padding-left: 30px;} .our-plan{/* padding: 15px 15px 0 15px!important;width: 55%!important; */margin-left: 18px;} .our-plan span, .campaigns-section span{ font-size: 30px; /* font-family: Avenir-bold; */ font-weight: 700;} .campaigns-section img{min-height: 220px;} .campaigns-section h6{text-indent: 10px!important;} .founder b, .team-section b{font-size: 20px; color: #000; line-height:20px;/* font-family:Avenir-bold; */ font-weight: normal;} #box{ width:250px; height:250px; box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45); border-bottom:2px solid #fff; border-right:2px solid #fff; margin:0 10px 0 0px; background:url(http://www.onegreenplanet.org/wp-content/themes/arigel-theme/images/Nil_Photo.jpg); background-size:cover;overflow:hidden;} #box1{ width:250px; height:250px; box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45); border-bottom:2px solid #fff; border-right:2px solid #fff; margin:0 10px 0 0px; background:url(http://www.onegreenplanet.org/wp-content/uploads/2017/10/preeta.jpg); background-size:cover;overflow:hidden;} #overlay { background: rgba(234, 228, 228, 0.75); /* text-align: center; */ padding: 33% 0 33% 0; opacity: 0; -webkit-transition: opacity .25s ease; width: 250px; -moz-transition: opacity .25s ease; height: 250px;} #overlay span{padding-left: 14%;} #overlay ul li{float: left; list-style-type: none;text-align: center; font-weight: bold;} #overlay a{color:#008c5c; font-weight: bold;} #box:hover #overlay {opacity:1;} #box1:hover #overlay {opacity:1;} .team-section{margin-left: 10px; width: 32%; float: left; margin-top: 10px; margin-bottom: 10px;} .recipe-blogger{margin-bottom: 15px;} .team-section p{margin-bottom: 7px;} .team-section img{ margin-bottom: 10px;} .team-section span{font-size: 14px;line-height: 27px;} .team-thumbnail{ border: 1px solid #ccc; padding: 12px;height: 956px;margin-bottom: 10px;} .recipe-blogger ul li{list-style-type: none;float: left!important; width: 18%;} .recipe-blogger img{width: 180px; padding-bottom: 13px;} .recipe-blogger ul{/* margin-left: 1%; */margin-top: 20px;} .recipe-btn{ color: #fff; background: #0e3e24; width: 87%; height: 37px; border: 1px solid #0e3e24; text-align: center; margin-top: 10px; } .recipe-btn a{ color: #fff; padding: 10%; font-size: 16px; line-height: 35px;} .team-section p{margin-left: 0!important;} .recipe-blogger h3{color: #000; font-size: 15px;padding-left: 0; margin-bottom: 5px;} .recipe-blogger p{margin-left: 0!important;} .details h3{font-size: 20px; text-indent: 12px; margin-bottom: 25px; margin-top: 25px;} .partner img{float: left; padding-left: 18px; padding-bottom: 15px;padding-top: 15px;} .details p{padding-left: 2%;} .aboutsec h3{text-indent: -12px;} .our-plan h3{ text-indent: 18px;} .details ul li{display: inline-block!important; list-style-type:none; padding-left:0px!important; margin: 10px;line-height: 33px;} .details ul li a{font-weight: bold;} .width45{width: 45%!important;} .width48{width: 48%!important;} .pl0{padding-left: 8px!important;} .aboutsec p{margin-bottom: 32px;} .about-pl{margin-top:-10px;} /* .right-article{padding-left: 30px; padding-right: 10px;} */ .last-sec{padding-right: 30px;} .page-id-1481203646 header h2, .page-id-1481194628 header h2{display: none;} /********************************************/ /*----------End-About us page css------------*/ /********************************************/ /********************************************/ /*----------Start context-winner page css------------*/ /********************************************/ .ct-box.ct-author-about-page {padding: 2em; margin: 1em 0;} .ct-author-avatar { float: left;} .ct-author-avatar img{padding-right: 15px;} .contest-winner{padding:10px;} .contest-winner b{color:#1e834c;font-size: 22px} .contest-winner p{color:#1e834c!important;} .today-winner{padding-bottom: 15%;} .today-winner img{/* width: 33%!important; */ position: relative; margin-left: -4%!important;} .today-winner h6{ color: #000; font-size: 20px; font-weight: bold; line-height: 26px;} .winner-name{ color: #1e834c; text-transform: uppercase; font-size: 22px; font-weight: bold;} .win-date{ color: #e9be53; font-size: 19px; font-weight: bold;line-height: 33px;} .paddt10{padding-top: 10px;} .txtcenter{text-align: center;} .ml13{margin-left: 13%;} .context-screen{margin-bottom: 7%;} .tagsec{width: 100%!important;height: auto!important;} /*******Trupti pc- Contest page for single post css *************/ /* .postid-1481203729 .pagetitle {top:0!important;} .postid-1481203729 hgroup h2{display: none;} .postid-1481203729 .pagetitle { top: -2px;} .postid-1481203729 #featured-container {overflow: visible!important;} */ /*******Reena pc- Contest page for single post css ***********/ /*.postid-1481203592 .pagetitle {top:0!important;} .postid-1481203592 hgroup h2{display: none;} .postid-1481203592 .pagetitle { top: -2px;} .postid-1481203592 #featured-slit{height: 700px!important;} .postid-1481203592 #featured-container {overflow: visible!important;}*/ /*******Live contest page css ***************/ .postid-1481223545 .pagetitle {top:0!important;} .postid-1481223545 hgroup h2{display: none;} .postid-1481223545 .pagetitle { top: -2px;} .postid-1481223545 #featured-container {overflow: visible!important;} /********************************************/ /*----------End context-winner page css------------*/ /********************************************/ /********************************************/ /*----------start foodmonster page css------------*/ /********************************************/ .foodmonster-sec .banner{width:100%;} .food40{width:40%;} .food60{width:60%;} .food50{width:50%;} .food80{width:80%;} .food15{width:15%;} .cooking-app{ background:url('images/food-monster/review_banner_bg.png')no-repeat; background-size:cover; padding :10px;font-size: 16px!important; margin: 25px;} .cooking-app p{ width: 50%; color: #928989;margin-bottom: 0px!important;} .cooking-app h4{font-weight: bold; color: #000; float:left; line-height: 8px;} .foodmonster-sec .video iframe {width:100%; margin-bottom: 30px;} .foodmonster-sec .video li{font-size: 15px!important; padding-bottom: 22px; line-height: 24px;} .Description p{padding-top: 0px; font-size: 16px!important;} .Description span{padding-right: 20px;} .client-review p{margin-left: 0!important; font-size: 15px!important;} .client-review a{color: #ffa200; /* font-size: 15px; */font-size: 14px; line-height: 22px;} .client-review h2 {font-size: 23px;} .client-review-bg{background:#fdfdee; padding: 17px; margin-bottom: 15px;} .client-review img{padding-top: 25%;} .cname{font-size: 16px; color: #a09c9c;} .food-btn{background: #009855; color: #fff; border: 1px solid #009855; width: 12%; padding: 10px; font-size: 16px; letter-spacing: 1px; font-weight: bold; margin-bottom: 20px;} .download-food img{width:40%;} .foodmonster-sec .download-sec img{width: 20%; padding: 10px;} .foodmonster-sec .Description, .foodmonster-sec .video, .foodmonster-sec .cooking-app {margin-bottom: 30px;padding: 25px;} .foodmonster-sec ul { list-style: none; padding:0; margin:0; padding-right: 30px;} .foodmonster-sec li { padding-left: 1em; text-indent: -.7em;} .foodmonster-sec li:before { content: "• "; color: #009855;} .page-id-1481224221 header h2, .page-id-1481232320 header h2{display: none;} .foodmonster-sec #totalcounts #totalshares .share {font-weight: 700; text-transform: uppercase; text-indent: 11px; width: 180px; font-size: 19px; line-height: 34px;color: #009855;} .foodmonster-sec #totalcounts.share-icon-7750 { padding-left: 5%;margin-top: 10px;} .tagline-downloadapp-small { background: #0a7849 url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; background-position: 8px 10px; height: 56x;} .n-tag{color: #fff; text-transform: uppercase; text-indent: 27px; background: url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; background-position: left center;height: 32px; font-weight: bold; font-size: 14px; letter-spacing: 0.4px;} .n-tag .download-app img { width: 40%; border-radius: 6px; margin-top: 5px; margin-left: 10px;} body .header-fm-playstore p{ font-size: 42px; font-weight: bold; padding-top: 10px; text-transform: uppercase; color: #008d5e; text-align:center; } .download-btn img{ max-width:200px; text-align:center; margin-left:10px; } .download-btn { /*max-width:200px;*/ text-align:center; } /*.header-fm-playstore a{ max-width:200px; text-align:center; }*/ @media (min-width:320px) and (max-width:767px){ body .header-fm-playstore p {font-size:16px;} } .download-btn { text-align:center; /*width:12px;*/ } @media (min-width:320px) and (max-width:767px){ .download-btn img{width:39%; text-align:center;margin-left:8px;margin-right:8px;} body .ogp-sponsor-post {margin-left: 7px !important; margin-bottom: 10px !important;} .ogp-sponsor-post .mobsponsor{width: 100% !important; margin: 0 !important } .ogp-sponsor-post .mobsponsor img{display: block;width:auto !important;padding:5px;margin:0 auto; clear: both;} .ogp-sponsor-post .mobsponsor span {font-size: 12px !important} } @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){ body .header-fm-playstore p {font-size:32px;} } /*@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){ .download-btn img{width:39%; text-align:center;margin-left:8px;margin-right:8px;} }*/ /********************************************/ /*----------End foodmonster page css------------*/ /********************************************/ /********************************************/ /*----------start futureoffood page css------------*/ /********************************************/ .futureoffood img{border: 0; box-shadow: none; width: 100%; margin-bottom: -1%;/* max-height: 300px; */} .fof-caption{color: #fff;width: 100%; position: absolute;text-align: center;top:2%;} .tag-caption{color: #fff;/* width: 100%; position: absolute;text-align: center;top:9%; */} .fof-caption h2, .tag-caption h2{ color: #fff; font-size: 60px; text-indent: 6px; font-family: Avenir; font-weight: bold;} .fof-caption span a, .tag-caption span a{color: #fff;font-family: Avenir; text-transform: uppercase;} .fof-caption h6, .tag-caption h6{color: #fff; font-weight: bold; font-size: 23px; font-family: Avenir; font-weight: bold;text-indent: 11px;} .fof-caption p{text-align: center;font-size:20px;margin-left:0; } .tag-caption p{text-align: center;font-size:20px;margin-left:9px; } .fof-content{background: #fff; padding: 40px;} .fof-content h3{color:#0b3f23; font-weight: 700; text-indent: 10px; font-family: Avenir-bold;} .blank-sect{background: #edefee; min-height: 400px;} .width50{width:50%;} .fof-pt{/* padding: 10px; */} .fof-content em{font-size: 18px;line-height: 25px; font-family: Avenir-bold; color: #446150;} .fof-post {width: 30%; margin: 0 2%; min-height: 400px;} .fof-post p {font-size: 18px;} .m-auto{margin:0 auto;} .green-found{color: #446150;} .futureoffood p{font-size: 17px!important; font-weight: bold;} .fof-fdetail{margin-bottom: 10px; font-size: 16px; line-height: 22px} .futureoffood .sub-title{color: #0b3f23; font-family: Avenir-bold; font-size: 20px; text-indent: 10px; padding-top: 10px; padding-bottom: 15px;} .txtleft{text-align: left;} .tab-title{width: 30%;} .tab-detail{width: 70%;} #tabs{ margin-top: 2%;} #tabs ul li{list-style-type: none; } #tabs ul li a{ color: #0b3f23; text-decoration: none; font-size: 17px; line-height: 42px; font-weight: bold;} #tabs h4{ font-size: 25px; font-weight: bolder; font-family: Avenir-bold; color: #0b3f23;} .ml20-detail{margin-left: 30%; margin-bottom: 7%;} .width30{/* margin-left: 20px; */ width: 30%!important; margin-left: -17px;} .fof-captiont a{color:#fff;} .recipe-blogger a{font-size: 13px;} .about .banner-caption h1{color: #fff!important;text-indent: 10px;} .uparrow {background: url(images/Go-to-Top_black.png)no-repeat; cursor: pointer; width: 66px; height: 67px; position: fixed; bottom: 30px; right: 4%; display: none;} .futureoffood_thumb{ background: url(http://cdn.onegreenplanet.org/wp-content/uploads/2010/10//2016/05/banner410.jpg)no-repeat; background-size: 100% 100%; padding-top: 3%;background-position: cnter center; min-height: 490px;} .active-nav{color:#7EFB5B!important;} .blogger-section { display: block;} .cbp-rfgrid { margin: 15px 0 0 0; padding: 0; list-style: none; position: relative; width: 100%;} .cbp-rfgrid li {padding: 15px; position: relative; float: left; overflow: hidden; width: 20%; /* width: -webkit-calc(100%/5); width: calc(100%/5); */ width: -webkit-calc(100%/4); width: calc(100%/4);} .cbp-rfgrid li a, .cbp-rfgrid li a img {display: block; width: 100%; cursor: pointer;} .cbp-rfgrid li a img { max-width: 100%; max-height: 193px; padding-bottom: 10px;} .cbp-rfgrid li{margin-left: 0px!important;} .blogger-btn{color: #fff; background: #0e3e24; border: 1px solid #0e3e24; text-align: center; padding: 4px; font-size: 16px;} .blogger-section h2{color: #008d5e; font-size: 15px; padding-left: 0; margin-bottom: 5px; text-transform: uppercase; font-weight: bold;} .view{border: 1px solid #F2F2F2; overflow: hidden; position: relative; text-align: left; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: #fff; cursor: pointer; padding: 0 10px 0 10px;} .page-id-1481224206 .maincolumn{background: #f1f1d2!important;} /******futureof food*****/ .page-id-1481224518 header h2, .page-id-1481224546 header h2, .page-id-1481224550 header h2, .page-id-1481224527 header h2 {display:none;} .page-id-1481224536 header h2{display: none;} .page-id-1481224789 header h2, .page-id-1481225558 header h2, .page-id-1481224317 header h2{display: none;} .page-id-1481224317 .foodmonster-sec .attachment-post-thumbnail{display: none;} /*********test site future of food********/ .page-id-1481223978 header h2, .page-id-1481223970 header h2, .page-id-1481223975 header h2, .page-id-1481223995 header h2, .page-id-1481223980 header h2,.page-id-1481224066 header h2, .page-id-1481194628 header h2, .page-id-1481227600 header h2 {display: none;} /********************************************/ /*----------start futureoffood page css------------*/ /********************************************/ /********************************************/ /*-------Start--New recipe blogger page css------------*/ /********************************************/ /* .recipe_blog .post{width:21%!important; padding: 10px;border: 1px solid #ccc; min-height:350px;margin-bottom:20px; padding-top: 0px;background: #fff;} */ .recipe_blog h2{font-size:14px;color:green;} .recipe_blog h6{ font-size: 12px; text-transform: uppercase; color: #008d5e; font-family: Avenir-bold;} .recipe_blog h4{ font-size: 32px; text-transform: uppercase; color: #008d5e; font-weight: bold; text-indent: 10px;padding-bottom: 20px;} .recipe_blog .recipe-btn{width: 100%;} .recipe_blog img { width: 100%; padding-bottom: 7px; height: 250px;margin-top: -12px;} .recipe_blog {background:#f9f9ec!important;} .page-id-1481233669 .authorpage{background: transparent;} .recipe_blog .post{padding: 10px;border: 1px solid #ccc; background: #fff; position: relative; float: left; overflow: hidden; width: 23%!important; width: -webkit-calc(100%/4); width: calc(100%/4);} .recipe_blog .fof-post{margin: 0 1% 2%;min-height: 360px;} .recipe_blog a{color: #222;} .navigation{/* float: right; */ font-size: 20px; color: #008d5e;} /********************************************/ /*---------End-New recipe blogger page css------------*/ /********************************************/ /***********new submenu**********/ .menu li{ list-style-type: none; float: left; padding-left: 4px; margin-bottom: 7px; font-size: 11px;} .menu li a{color: #de962f; display: inline-block; width: 11em; outline: none; text-decoration: none; text-transform: uppercase; font-weight: 800; height: 50px;background: #fff;padding: 10px 3px;word-wrap: break-word;font-size: 10px; text-align: center;} .category-vegan-recipe .categorypage, .category-vegan-food .categorypage, .category-whole-foods-guide .categorypage, .category-news-and-trends .categorypage, .category-seasonal-guide .categorypage, .category-festival-holiday-guide .categorypage, .category-grow-harvest-guide .categorypage, .category-budget-friendly-guide .categorypage, .category-protein-guide .categorypage, .category-cheese-guide .categorypage, .category-international-cooking-guide .categorypage, .category-ingredient-guide .categorypage, .category-guides .categorypage, .category-baking-guide .categorypage {background:#56b33c; color:#fff; } .category-vegan-food .categorypage {background:#f6c243; color:#fff; } .category-natural-health .categorypage {background:#9F85BD; color:#fff;} .category-environment .categorypage {background: #C25C2E;} .category-lifestyle .categorypage{background: #de962f;} .category-news .categorypage{ background: rgb(106, 74, 61);} .category-animalsandnature .categorypage{background: #41989c; color:#fff;} .animal ul{ width: 1040px; margin: 0 auto;} .animal li a{color:#41989c;} .animal li a:hover{background: rgb(195, 233, 234); } .veganrecipe ul{margin: 20px auto; width: 46%;} .earth ul{ width: 85%; margin: 20px auto;} .earth li a{color:#C25C2E;} .earth li a:hover{background: rgb(241, 191, 169);} .life ul{ width: 56%; margin: 20px auto;} .life li a{color:#de962f;} .life li a:hover{background: rgb(245, 221, 187);} .veganrecipe li a, .veganfood li a{color:#56b33c;} .veganrecipe li a:hover, .veganfood li a:hover{background: rgb(193, 222, 185);} .menu,.hide-mob{display: block;} .arrow-up, .arrow-down{display: none;} .categoryname h2{font-size: 60px;color: #fff; /* font-weight: bold; */} /***********End new submenu**********/ @media only screen and (min-device-width : 320px) and (max-device-width : 767px){ } @media only screen and (min-width : 320px) and (max-width : 767px){ #topnav .navigation .animalsnature a, #topnav .navigation .recipe a,#topnav .navigation .food a, #topnav .navigation .news a, #topnav .navigation .lifestyle a, #topnav .navigation .products a, #topnav .navigation .video a { text-indent: 0px; background-size:20px;background: none;} .menu{display: none;} .menu li{ margin-bottom: 0; background: #fff; padding: 5px; width: 100%; text-align: center; border-bottom: 1px solid #41989c;} .veganrecipe ul, .earth ul, .life ul{width: 100%;} .menu li a{width: auto;height: auto;font-size: 14px;} .arrow-up{background: url('images/chevron-down.png')no-repeat; background-position: right center; font-size: 25px;display: block;} .arrow-down{ background: url('images/chevron-up.png')no-repeat; background-position: right center; font-size: 25px;display: block;} .hide-mob{display: none;} .menu ul{margin-bottom: 0;} .categorypage { padding: 10px 0 10px 0;} .animal ul{width: 100%;} .animal br, .life br, .earth br, .veganrecipe br, .veganfood br {display: none;} .recipe_blog h4 { font-size: 24px; margin-top: -13px;} .category-news .hide-mob, .category-natural-health .hide-mob{display: block;} .category-news .up-down, .category-natural-health .up-down{display: none;} .category-news h2, .category-natural-health h2{ font-size: 25px;} body.single-video #video-container { margin-top: 10px;} .myspace-player-container{display: none;} } @media only screen and (min-width : 1025px) and (max-width : 1199px){ .categorypage .categoryname { font-size: 50px;} .category-2690 .categoryname {background-position: 10% top;background-size: 3%;} } @media only screen and (min-width : 861px) and (max-width : 1024px){ .categorypage .categoryname { font-size: 40px;} .category-8519 .categoryname, .tag-2909 .categoryname,.category-7750 .categoryname{ background-position:27%; background-size: 4%;} .category-5 .categoryname{ background-position:27% 0; background-size: 4%;} .category-2723 .categoryname{background-position: 30%; background-size: 20px;} .category-2690 .categoryname{ background-size:3%;background-position:16% top;} .category-7750 .categoryname{ background-size: 30px; background-position: 20% top;} .category-7 .categoryname{background-position: 30%; background-size: 4%; } .n-tag .download-app {float: left;margin-left: -25px;} .foodmonster-sec #totalcounts.share-icon-7750{margin: 10px;} .foodmonster-sec #totalcounts #totalshares .share {line-height: 16px;} .menu li a { width: 10em;} .animal ul{width: 95%;margin: 20px auto;} .veganrecipe ul { width: 45%;} .veganfood li a{font-size: 9px!important;} .veganfood ul{width: 92%; margin: 20px auto;} .life ul { width: 58%; margin: 20px auto;} .menu,.hide-mob{display: block;} .arrow-up, .arrow-down{display: none;} .earth ul { width: 85%;} .categoryname h2{font-size: 40px;} .life li a{width: 11em;} .about-social img {width: 30px;} .about-social {width: 255px;margin-top:-2%;} .banner-caption { margin-top: -23%;} .myspace-player-container{display: none;} } @media only screen and (min-width : 768px) and (max-width : 860px){ .categorypage .categoryname { font-size:39px;} .tag-2909 .categoryname, .category-5 .categoryname{ background-position: 16%; background-size: 42px;} .category-7 .categoryname{background-position: 25%; background-size: 42px;} .category-8519 .categoryname{ background-position: 23%; background-size: 39px;} .category-7750 .categoryname, .category-2690 .categoryname{ background-size:4%;background-position:9% top;} .category-2723 .categoryname{background-position: 23%; background-size: 23px;} .n-tag { text-indent: 40px; background-position: left top; font-size: 8px; letter-spacing: 0px;} .n-tag .download-app img {width: 33%; margin-left: 1px;text-align: left!important;} .buy-eftp {font-size:10px;} .cooking-app {background-position: center center;} .food-btn {width: 20%;} .client-review{padding: 18px;} .foodmonster-sec #totalcounts.share-icon-7750 {margin: 10px; padding-left: 8%; } .foodmonster-sec #totalcounts #totalshares .share { line-height: 14px;} .foodmonster-sec .video iframe {height: 500px;} .animal ul{width: 75%; margin: 22px auto;} .animal li {margin-bottom: 26px;} .life ul { width: 80%; margin: 20px auto;} .earth ul { width: 62%;} .veganrecipe ul {width: 62%;} .veganfood li a{font-size: 9px!important;height: 36px !important;} .veganfood ul{width: 70%; margin: 20px auto;} .menu,.hide-mob{display: block;} .arrow-up, .arrow-down{display: none;} .categoryname h2{font-size: 40px;} .myspace-player-container{display: none;} } @media only screen and (min-width : 320px) and (max-width : 767px){ .categorypage .categoryname { font-size: 25px;} body #featured-slit { background-position: center center !important;} /* .categoryname .arrow-up h6 , .categoryname .arrow-down h6{font-size: 25px; width: 90%;color: #fff; margin: 4px auto; } */ .category-animalsandnature .arrow-up h6, .category-animalsandnature .arrow-down h6, .category-environment .arrow-up h6, .category-environment .arrow-down h6, .category-lifestyle .arrow-up h6, .category-lifestyle .arrow-down h6, .categoryname .arrow-down h6 {margin: 9px auto;font-size: 25px; width: 90%;color: #fff; } .category-7750 .arrow-up h6, .category-7750 .arrow-down h6, .category-2690 .arrow-up h6, .category-2690 .arrow-down h6 {font-size: 25px; width: 90%;color: #fff; } .team-thumbnail {height: auto;} .pagination {margin-top: 0px;} .articlecontent .pagination{margin-bottom:5px;opacity: 1; margin-top: 0px;} .recipe_blog { margin: 40px!important; padding: 25px;} .recipe-blogger ul li{float:none!important;} .recipe-blogger ul { width: 70%; margin: 0 auto;} /* .tag-2909 .categoryname, */ .category-categoryname { background-position: 11% 34%; background-size: 8%;} .category-5 .categoryname {background-position: 5% 7px; background-size: 8%; height: 50px; line-height: 45px;} .category-7750 .categoryname, .category-2690 .categoryname{background-position: 10% 1px; background-size: 8%; height: 50px; /* line-height: 45px; */ padding-left: 5%;} .category-7 .categoryname{ background-position: 11% 34%; background-size: 10%;height: 50px; line-height: 45px;} .category-8519 .categoryname{background-position: 11% 34%;background-size: 10%; height: 50px; line-height: 45px;} .category-2723 .categoryname{background-position: 11% 34%;background-size: 7%; height: 50px; line-height: 45px;} .fof-content .post{margin:0 auto!important;} body.category-animalsandnature #topnav .navigation .animalsnature .flyout { display: none;} .topside nav { margin-top: -13px !important;} nav ul li{float:left !important;padding:7px 2px !important;width:53px;line-height:30px;height:50px !important;box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0;text-align: center;} nav ul li a{font-size:10px !important;letter-spacing:0px !important;padding:0px !important;/* line-height:10px !important; */overflow:hidden !important} #content .topposts {margin: 10px 0 20px 2px;width: 100%;} #content .topposts h2 img { margin: -8px -10px 0 0px; width: 10%;} #display_share_number {width: 100px;} .mobile-newsletter h2 { font-size: 13px;font-weight: normal;} .mobile-newsletter input.email { width: 66%; float: left; border-radius: 7px 0 0 7px; height: 35px; margin-left: -15px;} .mobile-newsletter input[type=submit], .subscribebox input[type=submit] { border-radius: 0 7px 7px 0; height: 35px; width: 35%;} .mobile-newsletter .nl-input-boxes{ width: 90%;} .mobile-newsletter img {width: 30px; margin-top: 7px;} .mobile-newsletter { /* margin-top: -1%; */ padding: 7px;} .downloadapp-small{background: #0a7849 url('images/menu-stock-icons/Food_monster_header-icon.png')no-repeat; /* padding: 2% 9% 5%; */ background-position: 8px 10px; height:56x;} .downloadapp-small a{color: #fff;font-size: 13px;line-height: 22px;display: block; text-transform: uppercase;} .downloadapp-small img{ width: 82%; /* margin-left: 6px; */border-radius: 5px;} .pl27{padding-left: 24px;} .contest-banner, .contest-content{width: 100%;} .description { line-height: 17px;} .welcomegreen { height: auto;} .recipe-blogger img {width: auto; padding-bottom: 0px; float: none;} .contest-content h2 {font-size: 16px;} .contest-content { padding: 35px 10px 18px;} .contest-appstore a { padding-left: 27%;font-size: 15px; line-height: 26px;} .contest-content em {font-size: 12px;} .contest-content h6 { font-size: 15px;line-height: 19px;} .contest-bottom { margin-bottom: 12%;} .rating img{padding-left: 0;} .rating-text { float: none;line-height: 20px; margin-bottom: -7%;} .recipe-btn {width: 70%;} .partner img { float: none; padding-left: 20%;} .contest-content ul li { font-size: 15px;} .contest-content p { font-size: 16px;} .popup-close { top: 3%; right: 9%;} .recipe-blogger ul li { width: 87%; padding-top: 10px;} .year-section .fof-post img{ min-height: 270px;} .our-plan, .aboutsec, .campaigns-section, .width48{width: 100%!important;} /* .about-section article{padding-left: 0!important; padding-right: 0!important;} */ .about-section h3, .campaigns-section h3, .recipe-blogger h4 {padding-left: 9px;} .our-plan p { padding-left: 0px;} .about-pl {/* padding-left: 10px; padding-right: 10px; */} #box, #box1 { width: 300px; height: 300px;} .about-social {margin-top: 0%;} .about .banner-caption {top: 0%; padding: 5px; width: 100%;} .about .banner-ht{min-height: 215px;} .about-social img{ padding-left: 0px; margin-left: 10px;} .team-thumbnail{margin-bottom: 10px!important;} .right-article { padding-left: 6px;} .foundersec img{width: 100%;} .team-section{margin-left:0px; width:100%;} .mobile-ml13{margin-left: 13%; margin-bottom: 8%;} #recipe-showcase {height: auto!important;width: 100%;} body #feat-back, body #feat-back #featured-container {width: 100%;} .ogp-breadcrumbs{/*display: none;*/} .fb-like{display: none!important;} body #feat-recipe .postmetadata {/* margin-left: 25%; */} body.single-recipe .articlecontent .recipe-introduction, body.single-recipe .articlecontent .recipe-preparation, body.single-recipe .articlecontent .recipe-ingredients, body.single-recipe .articlecontent .recipe-notes, body.single-recipe .articlecontent .recipe-nutrition{line-height: 24px;} .newsletter-title{float:left; word-wrap: break-word; /* width: 65%; */margin-left: 0!important;} .last-sec{padding-right: 8px;} .fof-caption{top:20px!important;} .tag-caption{top:5%;} .fof-caption h2, .tag-caption h2 {color: #fff; font-size: 20px;text-indent: 11px;} .fof-caption h6, .tag-caption h6 { font-size: 17px;} .fof-caption span a, .tag-caption span a { font-size: 12px;} .futureoffood p {font-size: 15px!important;} .fof-content h3{font-size: 21px;} .futureoffood img {min-height: 170px;} .tab-detail, .tab-title { width: 100%;} .ml20-detail { margin-left:0%; } .fof-content { padding: 10px;width: 100%!important;} .futureoffood_thumb {/* height: 150px; */min-height:auto;padding-top: 0%;} .fof-content img{min-height: auto;} .width50 { width: 100%;} body #feat-recipe .ogp-breadcrumbs #totalcounts {display: none;} .fb-sec, .social-mob, .mobile-share{display: none;} #totalcounts.share-icon-5, #totalcounts.share-icon-2723, #totalcounts.share-icon-7, #totalcounts.share-icon-8519{padding-left: 15%;} body .singletitle hgroup h2 { font-size: 23px!important; line-height: 36px;} #totalcounts #totalshares .count { /* margin-left: 38px; */font-weight: bold;} #totalcounts #totalshares .share { width: 171px; font-size: 19px;} .tab-img img{width: 80%; margin-left: 6%;} .tab-img{float: none;} #featured-container{/* height:728px!important; */} body.single-video #video-container #featured-slit iframe {width: auto; height: auto;} #topnav .navigation li { line-height: 8px;} #topnav .navigation .industryfood a{text-indent: 0;} .food40, .food60, .food50, .food80, .food15, .cooking-app p{width:100%;} .download-food img { width: 39%; margin-left:8px;} .cooking-app h4 { line-height: 21px;} .foodmonster-sec .download-sec img { width: 35%;} .client-review img { padding: 14px 0 10px;} .client-review-bg {padding: 25px;} .client-review a {line-height: 22px;} .cname {padding-top: 14px;} .food-btn {width: 50%;} .foodmonster-sec #totalcounts.share-icon-7750 { padding-left: 17%;padding-top: 0px; margin: 10px;} .n-tag{display: none;} .recipe-blogger img{width: 100%!important;} /**************Contest-winner for single post only-trupti pc***************************************/ /* .postid-1481203729 #featured-slit{background-position: center center!important;height: 260px!important;} .postid-1481203729 #featured-container {height: auto!important;} .postid-1481203729 .pagetitle {top:0!important;} */ /**********contest page -Reena pc*****/ /*.postid-1481203592 #featured-slit{background-position: center center !important;height: 260px !important;} .postid-1481203592 #featured-container {height: auto !important;} .postid-1481203592 .pagetitle {top:0 !important;}*/ /**********contest page -Live css*****/ .postid-1481223545 #featured-slit{background-position: center center !important;height: 260px !important;} .postid-1481223545 #featured-container {height: auto !important;} .postid-1481223545 .pagetitle {top:0 !important;} } @media only screen and (min-width : 1025px) and (max-width : 1199px) { .contest-banner img{height: 100%;} .contest-bottom { margin-bottom: 7%;} .contest-content h2 { font-size: 22px;} .contest-content { padding: 24px 40px 28px;} .about .banner-caption {top: 1%; width: 97%;} .recipe-blogger ul li{width: 17%;} .partner img { max-height: 70px;} .fof-content .post{width: 250px !important;} .n-tag .download-app{float: left;} .n-tag{font-size: 13px;} .category-7750 .categoryname{background-size: 33px;} .menu li a {width: 10em;} } @media only screen and (min-width : 861px) and (max-width :1024px) { .contest-banner img{height: 100%;} .contest-bottom { margin-bottom: 7%;} .contest-content h2 { font-size: 22px;} .contest-content { padding: 24px 40px 15px;} .futureoffood_thumb {min-height: auto!important;} .team-section p { margin-bottom: 0px;} .recipe-blogger ul li{width: 17%;} .partner img { max-height: 70px;} .tag ul li{display: inline-block;} .fof-content .post{width: 250px !important;} .n-tag{font-size: 11px; text-indent: 23px;} .n-tag .download-app img {width: 32%;} .tagimg img{min-height: 250px;} } @media only screen and (min-width : 768px) and (max-width :860px) { .contest-banner img{height: 100%;} .contest-bottom { margin-bottom: 8%;} .contest-content h2 { font-size: 22px;} .contest-content { padding: 24px 40px 32px;} .futureoffood_thumb { min-height: auto!important;} .about-social { margin-top: -2%;} #box, #box1{float: none!important;} .team-section { width: 31%;} .recipe-blogger ul li{width: 17%;} .partner img { max-height: 70px;} .team-thumbnail {height: 984px;} .tag ul li{display: inline-block;} .fof-content .post{width:250px !important;} .n-tag .download-app{text-align: left;} .tagimg img{min-height: 250px;} .banner-caption { margin-top: -28%;} } @media only screen and (min-width : 1224px) and (max-width : 1350px) { #topnav .nav-bar>li:last-child{padding-right: 17px;} /* .futureoffood_thumb { height: 377px;} */ } @media only screen and (min-width : 1200px) and (max-width : 1350px) { .about .banner-caption {top: 2%;width: 90%;} .fof-content .post{width: 270px !important;} .social-mob img{width: 30px!important; height: 30px!important;} } @media only screen and (min-width : 1351px) and (max-width : 1500px) { .about .banner-caption {top: 2%; width: 82%;} .fof-content .post{width: 300px !important;} .social-mob img{width: 30px!important; height: 30px!important;} } @media only screen and (min-width : 1501px) and (max-width : 1799px) { .about .banner-caption{ top: 3%;width: 82%;} .fof-content .post{width: 400px !important;} } @media only screen and (min-width : 1501px) and (max-width : 1920px) { .fof-content .post{width: 400px !important;} } @media screen and (max-width: 1400px){ .cbp-rfgrid li {width: 25%;width: -webkit-calc(100%/4); width: calc(100%/4);} .recipe_blog .post{ width: 23%!important; width: -webkit-calc(100%/4); width: calc(100%/4);} } @media screen and (max-width: 1190px){ .cbp-rfgrid li {width: 23%; width: -webkit-calc(100%/4); width: calc(100%/4);} .recipe_blog .post{ width: 23%!important; width: -webkit-calc(100%/4); width: calc(100%/4);} .recipe_blog {margin: 25px!important;} .recipe_blog .fof-post { min-height: 350px;} .recipe_blog img { height: 220px;} } @media screen and (max-width: 945px){ .cbp-rfgrid li { width: 31%!important; width: -webkit-calc(100%/3); /* width: calc(100%/3); */} .recipe_blog .post{ width: 31%!important; width: -webkit-calc(100%/3); width: calc(100%/3);} .recipe_blog .fof-post { min-height:330px} .recipe_blog img { height: 210px;} } @media screen and (max-width: 660px){ .cbp-rfgrid li { /* width: 33.3333333%; */ width: 44%!important; width: -webkit-calc(100%/2); width: calc(100%/2);} .recipe_blog .post{ width: 44%!important; width: -webkit-calc(100%/2); width: calc(100%/2);} } @media screen and (max-width: 400px){ .cbp-rfgrid li { width: 100%;} .recipe_blog .post{ width: 100%!important; min-height: 300px;} } @media screen and (max-width: 300px){ .cbp-rfgrid li { width: 100%;} .recipe_blog .post{ width: 100%!important;} } /* --------------- mozilla firefox ---------------- */ @-moz-document url-prefix() { .contest-content { padding: 35px 40px 22px;} } .year-section { display: flex; } .cbp-rfgrid { margin: 15px 0 0 0; padding: 0; list-style: none; position: relative; width: 100%; } .cbp-rfgrid li { padding: 15px; position: relative; float: left; overflow: hidden; width: 20%; width: -webkit-calc(100%/5); width: calc(100%/5); } .cbp-rfgrid li a, .cbp-rfgrid li a img { display: block; width: 100%; cursor: pointer; } .view { border: 1px solid #F2F2F2; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: #fff; cursor: pointer; padding: 17% 0; } .cbp-rfgrid li a img { max-width: 100%; max-height: 128px; } .view p { font-family: Georgia, serif; text-align: center text-transform:uppercase; color: #fff; position: relative; font-size: 21px; padding: 0px 10px 0px; background: rgba(214,88,29,0.6); margin: 00px 0 0 0; font-family: demi; } @media screen and (max-width: 1400px){ .cbp-rfgrid li { width: 25%; width: -webkit-calc(100%/4); width: calc(100%/4); } } @media screen and (max-width: 1190px){ .cbp-rfgrid li { width: 25%; width: -webkit-calc(100%/4); width: calc(100%/4); } } @media screen and (max-width: 945px){ .cbp-rfgrid li { width: 33.3333333%; width: -webkit-calc(100%/3); width: calc(100%/3); } } @media screen and (max-width: 660px){ .cbp-rfgrid li { width: 33.3333333%; width: -webkit-calc(100%/2); width: calc(100%/2); } } @media screen and (max-width: 400px){ .cbp-rfgrid li { width: 50%; width: -webkit-calc(100%/2); width: calc(100%/2); } } #myspace-mini-player.myspace-open { left:76% !important; } /***************** FOOD MONSTER page css ***************************/ .food-banner-caption{ margin-top: -10%; position: relative; margin-left: 16%; } /*.food-banner-caption p{color:#fff; margin-bottom: 0;} .food-banner-caption h2{color:#fff;text-indent: 10px;}*/ /******************SIMILAR TAGS in Recipe Details page ***********/ .ingredients-list li{ display: inline-block; margin-right: 0.3em; vertical-align: middle; width:35%; margin-bottom: 20px;} .ogp-sponsor-post {background: #f5f5df; margin-left:15px;height: 100%;margin-bottom: 20px} .ogp-sponsor-post .mobsponsor {width:100%;float: left;padding: 10px 10px;text-align: center;} .ogp-sponsor-post .mobsponsor span {color: #008d5e !important;vertical-align: middle;font-size: 16px;} .ogp-sponsor-post .mobsponsor img {max-width: 50%;max-height: 80px;vertical-align: middle;padding-left: 10px;} .recipe_author_description a{padding: 0;font-size: 18px; background: transparent;margin-right: 10px;font-weight: bold; margin-left: 0;} .fixbtn{display: none;} .mobsponsortxt a:hover{background:transparent!important;} p.sponsor-msg-text{margin-bottom:8px!important;} /** Hide JetPack Related Posts **/ #jp-relatedposts {display: none !important;} @media (min-width:320px) and (max-width:767px){ .ingredients-list li{width:100%;} .fixbtn{display: block;} } /*************Podcast Page ***************/ .green-title{color: #4ec689; font-size: 24pt;} .ft14{font-size:14pt;} .green-title1{font-family: impact, sans-serif;color: #4ec689; font-size: 24pt;} .prodcast{font-size: 18pt; font-family: helvetica, arial, sans-serif;} .EatForThePlanet p{text-align: center;font-size: 14pt!important;} .Episodes{background-color: black; height: auto; width: 100%; } .Episodes .quote{background-color: #f6f6f6;padding: 40px;} .episode-detail{text-align: center; padding-left: 50px; padding-right: 50px;font-size: 14pt; font-family: georgia, palatino, serif; line-height: 30px;font-family:"Avenir","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; padding-bottom: 20px;} .list-buttons li{display: inline-block;padding: 15px;} .EatForThePlanet .download-sec ul{list-style-type: none; margin: 0; text-align: center;} .EatForThePlanet .download-sec li{ display: inline-block; padding: 0px 15px 40px 15px;} .EatForThePlanet .download-sec li img{vertical-align: middle;padding-bottom: 20px;} .EatForThePlanet .download-sec li a{font-size: 20px;} .EatForThePlanet .download-sec{background-color: #231f21; padding-top: 60px; padding-bottom: 60px;} body .articlecontent .EatForThePlanet .download-sec li {margin-left: 0} @media (min-width:320px) and (max-width:767px){ .green-title1{font-size: 22px;} .prodcast{font-size: 18px;} .EatForThePlanet p{ padding-left: 0px; padding-right: 0px; font-size: 14pt!important;text-align:left;} .episode-detail{ padding-left: 0; padding-right: 0; font-size: 14pt; line-height: 30px;} .list-buttons li {display: block;margin-left:0!important;} .Episodes .quote{padding:0; padding-top: 30px; padding-bottom: 30px;} .EatForThePlanet .download-sec li {margin-left: 0!important; display: block;} #review p{margin-left:0!important;} }