/* Theme Name: Rainier Fruit */ /* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; font-weight: 300; font-style: normal; font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; font-weight: 300; font-style: italic; font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; font-weight: 500; font-style: normal; font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; font-weight: 500; font-style: italic; font-family: 'Knockout 33 A', 'Knockout 33 B'; font-weight: 400; font-style: normal; font-family: 'Knockout 34 A', 'Knockout 34 B'; font-weight: 400; font-style: normal; font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal; font-family: 'Knockout 54 A', 'Knockout 54 B'; font-weight: 400; font-style: normal; */ /* -------------------------------------------------------------------------------------------------------------- */ /* css for site structure ----------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); /* SJ */ a.btn, .vp-a {width: auto !important; padding: 15px 20px 15px 20px !important; background-image: none !important;height: auto !important; margin-right: 10px !important;} .btn-simple {color:#eb5a24 !important; text-decoration:none; border-bottom: 1px solid; margin-right:20px;} .btn-simple:hover {color:#60ba3e !important; text-decoration:none;} .bluesection {background-color: #203b43;color: #fff;} /* Sections */ .fullsection {width:80%; margin:0px 10%;position: relative;} .halfsection {width:46%; float:left; margin:0px 2%;position: relative;} .thridsection, .thirdsection {width:29%; float:left; margin:0px 2% ;position: relative;} .forthsection {width:23%; float:left; margin-right:2%;position: relative;} .two-forthsection {width:47%; float:left; margin-right:2%;position: relative;} .three-forthsection {width:73%; float:left; margin-right:2%;position: relative;} .two-thirdsection {width:63%; float:left; margin-right:2%;position: relative;} /* Header */ .header-new {background: #efefef !important; border: none !important; } .header-new #nav {right: 0px; left:auto;} .header-new #nav ul li { padding: 0 10px 0 0px !important; width: 100px; text-align: center; background: #efefef;} .header-new #nav ul li ul li { padding: 8px 10px 4px 10px !important; width: 130px; text-align: center;background: #e1e1e1;} .header-new #nav ul li a {border-bottom: none !important; padding-bottom: 10px !important;} .header-new #nav ul li a:focus, .header-new #nav ul li a:hover, .header-new #nav ul li.current-menu-item a:active, .header-new #nav ul li.current_page_item a:active {border-bottom: none; color:#203b43;} .header-new #nav li ul { display:none;} .header-new #nav li:hover ul { display:block;} .menu-item-has-children a {background: url(https://rainierfruit.com/wp-content/uploads/2017/04/GreenArrow.png);background-repeat: no-repeat; background-position: right 5px; background-size: 10px; background-size: cover !important;} .menu-item-has-children ul li a {background:none;} .cookbooknavbutton {background: #eb5a24 !important; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 15px; padding: 15px 20px 15px 20px !important; width: auto !important;top: -8px; position: relative; margin-left: 20px;} .cookbooknavbutton a {color: #fff !important; padding: 8px 0px 8px 10px !important; padding-bottom: 8px !important;} #wpfront-notification-bar td {padding: 10px 20px !important; font-size: 12px;} /* Homepage */ .hp_feature {background-image:url("https://rainierfruit.com/wp-content/uploads/2019/08/Rainier_HP_Apples2-1.jpg"); padding-top: 200px !important; background-size: cover; background-position: center;padding-bottom: 180px !important; text-align: left;} .hp_feature h1 {color:#fff; padding-bottom: 20px;font-size: 65px !important; line-height: 55px !important; text-align: left; text-shadow: 1px 1px 10px rgba(0,0,0,.7);} .hp_feature h4 {font-size: 40px; line-height: 36px; text-align: left; color:#fff; padding-bottom: 20px; text-shadow: 1px 1px 10px rgba(0,0,0,.7); } .hp_feature p {text-align: left; color:#fff; font-size: 22px; line-height:24px;} .hp_feature .vp-a {float: left;} .hp_feature .container {width: 50%; padding: 0px 2% 0px 2%; margin: 0px 5%;} .hp_feature img, .hp_difference img {height: auto; width:100%;} .hp_feature a.btn { float: left;} .hp_foodtalk {background-color:#60ba3e; color:#fff;} .hp_foodtalk .thirdsection p {text-align:center;} .hp_foodtalk img {text-align:center;} .hp_foodtalk h3 {color:#fff;} .hp_foodtalk .thirdsection h4 {font-family: 'Knockout 48 A', 'Knockout 48 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 40px; padding-bottom: 20px; line-height: 32px;} .hp_difference .two-thirdsection {text-align:left; padding-top: 20px;} .hp_difference h3 {color:#1f3c44;} .hp_feature .two-thirdsection {text-align: left; padding-top: 80px;} .hp_feature #main_countedown_1 .time_description {color: #fff; font-size: 15px; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-weight: 100;} .hp_feature #main_countedown_1 .time_left {background-color: transparent; color:#fff; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; padding-bottom: 15%; padding-top: 10%; padding-left: 0%; padding-right: 0%;font-size: 42px; } .master-slider a {color:#fff !important;} .master-slider a:hover {color:#eb5a24 !important;} .master-slider h1 {color:#fff !important; font-size: 64px; line-height: 64px; padding-bottom: 20px;} .master-slider h4 {color:#fff !important; font-size: 40px; line-height: 36px; text-shadow: 1px 1px 10px rgba(0,0,0,.7);} .hp_feature {display:none;} .hp_slider {display:block;} .blog_button h3 {color:#fff; font-family: 'Knockout 48 A', 'Knockout 48 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 38px;line-height: 38px;} .blog_button {background: #203b43; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #203b43, #132429); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #203b43, #132429); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #203b43, #132429); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #203b43, #132429); /* Standard syntax */ color:#fff; padding: 40px 0 100px 0 !important;} .pageheaderimage {margin-top:60px; padding-top: 40px; padding-bottom: 70px; color:#fff; background-size: cover; background-position: bottom center !important;} .pageheaderimage h1 { padding: 0 0 15px 0; color:#fff;} .pageheaderimage p { padding: 0 0 10px 0;} .nomination .pop-header-left {padding-top: 130px; text-align: center; width: 100%; color: #fff !important; padding-bottom: 40px;} .nomination .pop-header-left h3 {color: #fff;font-size: 60px;} .graysection {background: #424347; color: #fff; padding: 30px 0px; display: inline-block; width: 100%;} .graysection .thirdsection {width: 44%; top: 20px;} .graysection .fifthsection {width: 30%; top: 40px; float: right; margin: 0px 2%; position: relative;} .graysection .forthsection {margin-right: 0; display: block; width:12%; padding-left: 40px;} .graysection h3 {color:#fff;font-family: 'Knockout 54 A', 'Knockout 54 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 30px; line-height: 30px;} .mobile {display:none !important;} /* Cookbook */ .cookbook_feature {background-image: url(https://rainierfruit.com/wp-content/uploads/2017/05/Feature_Cookbook.jpg); background-color:#203d45; color:#fff; text-align:left !important;padding-top: 180px !important;background-size: cover;} .cookbook_feature h1 {color:#fff; padding-bottom: 20px;} .cookbook_feature img {width: 100%; height: auto;} .cookbook_feature h3 {font-family: 'Knockout 48 A', 'Knockout 48 B', 'Montserrat'; font-weight: 400; font-size: 50px; padding-bottom: 0px; color: #fff;padding-top: 40px;line-height: 40px;} .gform_wrapper li.hidden_label input, .gform_wrapper textarea.medium { margin-top: 0px !important; width: 100% !important; padding: 12px 0 12px 0 !important; height: 50px; float: left; border-top: 1px solid #836239; border-bottom: none; border-left: none; border-right: none; color: #836239 !important;} .gform_wrapper form { width: 800px; margin: auto;} .gform_wrapper .gfield_checkbox li label {padding-top: 15px !important; padding-left: 5px !important;} /* Our Story */ .ourstory {background-color:#203b43; color:#fff; padding-top: 0px !important;} .ourstory img {width: 100%; height: auto;} .ourstory .container { padding: 0 0px 0 0px; margin: 0 auto 0 auto !important; width: 100% !important;} .ourstory .thirdsection {width:33.3333%; float:left; margin-right:0%; text-align: left;margin-left: 0%;} .ourstory h2, .ourstory h3, .ourstory p {margin-left: 40px !important;} .ourstory h2 {color:#fff;padding-top: 30px !important; margin-bottom: 30px !important; text-align: left; border-bottom: 1px solid;} .ourstory h3 {font-family: 'Knockout 48 A', 'Knockout 48 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 40px; line-height: 35px;} .ourstory .story-sections {padding: 0px 40px; text-align: left;} .grower-thumbs {padding: 0px 0 100px 0 !important;} /* Pears for Pairs */ .pearspageheader .content {margin: 0px auto !important;} .pearsforpairs1 h4 {font-size: 20px; padding-bottom: 0px; line-height: 28px;} .pearsforpairs1 h4 strong {font-weight: 900; font-family: 'Knockout 54 A', 'Knockout 54 B', 'Montserrat', sans-serif !important; font-size: 30px !important;} .pearsforpairs4 {background:url(https://rainierfruit.com/wp-content/uploads/2018/10/Rainier_PearsforPairs_Background.png); background-size: cover; border-bottom: 20px solid;} .pearsforpairs4 .forthsection {padding-bottom: 20px;} .pearsforpairs2 .container {} .pearsforpairs2 {text-align: left !important;} .pearsforpairs3 .thirdsection {} .pearsforpairs3 .two-thirdsection {text-align: left;} .pearsforpairs3 .two-thirdsection img {top: 6px; position: relative;} .pearsforpairs3 h4 {color: #666; font-size: 13px; line-height: 18px; border: 2px solid #c0d62e; padding: 10px 15px !important; margin: 0px 2% 0px 0px;} .pearsforpairs5 {background:url(https://rainierfruit.com/wp-content/uploads/2018/10/Rainier_PearsforPairs_Background.png); background-size: cover; background-position: center;} .pearsforpairs5 .halfsection img {top: 6px; position: relative;} .pearsforpairs5 h2 {color:#fff; margin-bottom: 0px !important; border-bottom: none;} .pearsforpairs5 h5 {color: #fff; font-size: 18px; line-height: 20px;} .pearsforpairs5 p {text-align:left;} .pearposts img {width:22%; margin: 20px 1%;} /* Family Healthy Month */ .familyhealthheader {background-position: center !important;} .familyhealthheader .container {padding: 100px 0px; width: 100%;} .familyhealthheader .container h1 {color: #fff; font-size: 55px; line-height: 50px; text-shadow: 1px 1px 10px rgba(0,0,0,.7);} .familyhealthsection1 {background-image:url('https://rainierfruit.com/wp-content/uploads/2019/08/Rainier_FamilyMeals_background2.jpg'); background-size: cover; background-position: center;} .familyhealthsection1 h2 { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; font-size: 32px;} .familyhealthsection1 p, .familyhealthsection1 p {text-align:left;} .familyhealthsection3 {padding: 0px 0px 10px 0px;} .familyhealthsection3 p { font-size: 10px; padding: 0 0 0px 0;} .familyhealthsection1 span, .familyhealthsection2 span, .familyhealthsection3 span {font-size: 10px; top: -5px; position: relative;} /* Organics Mission */ .organics-mission-feature h4 {line-height: 12px; font-size: 20px; padding-bottom: 15px;} .organics-mission {background-color:#203b43; color:#fff;} .organics-mission .border-line {border-top: 1px solid; padding-top: 40px; margin-top: 40px;} .organics-mission-wholesome {background-image: url(https://rainierfruit.com/wp-content/uploads/2019/02/Apple.png); background-position: bottom left; background-repeat: no-repeat; background-size: 30%;} .organics-mission-wholesome img {margin-top: 40px;} .organics-mission-wholesome p {text-align:left;} .organics-mission-fullimage {background-image:url('https://rainierfruit.com/wp-content/uploads/2019/02/harvest_picker.jpg');background-position: center;background-size: cover;} .organics-mission-fullimage h2 {border-bottom: none; color: #fff;margin-top: 40px !important; margin-bottom: 30px !important; font-size: 26px;line-height: 34px;} .organics-mission-fullimage h3 {color: #fff;} .organics-mission-success {background: #424347; color: #fff; padding: 30px 0px; display: inline-block; width: 100%;} .organics-mission-success h3 {padding: 0 0 50px 0;} .organics-mission-rewards {background-image: url(https://rainierfruit.com/wp-content/uploads/2019/02/Rainier_Falcon3.jpg); background-size: contain; background-position: bottom; background-repeat: no-repeat; padding-top:120px !important;} .organics-mission-rewards .container {} .organics-mission-rewards p {text-align:left;} .organics-mission-rewards .halfsection {float:right; width: 40%;} .organics-mission-success p {text-align:left;} .organics-mission-success img {width: 100%;} .organics-mission-success .thirdsection {min-height: 220px;} .organics-mission-imagerail {margin: 10px 0px !important;padding: 0px !important;} .organics-mission-imagerail img {width: 98%;} /* Ripe Pears */ .ripepearsheader {margin-top: 0px; padding-top: 10px; background-position: center !important;} .ripepearsheader h1 {color: #203b43; text-shadow: #fff 0px 0px 15px;} .ripepearslogo {padding: 0px 0px 100px 0px; width: 350px; text-align: center; margin: auto;} .ripepearslogo img {width: 100%;} .ripepearsheader {text-align:center;} .ripepearsheader .gform_wrapper form {background: transparent; padding: 0px; color: #fff; text-align: center !important;} .ripepearsheader .gform_wrapper ul.gform_fields li.gfield {padding-bottom: 0px;} .ripepearsheader .gform_wrapper .gfield_radio li input[type="radio"] {display:none;} .ripepearsheader .gform_wrapper ul.gfield_radio li {border-top: 1px solid #fff; background-color: #eb5a24 !important;} .ripepearsheader .gform_wrapper li.hidden_label input {border-top: 1px solid #fff;color: #fff !important;background-color: #eb5a24;} .ripepearsheader input[type="submit"] {color: #eb5a24; text-decoration: none; background: #fff; border: 1px solid #eb5a24;} .ripepearsheader input[type="submit"]:hover {color: #eb5a24; text-decoration: none; background: rgba(255,255,255,.6); border: 1px solid #eb5a24;} .ripepearsheader .gform_wrapper .top_label li ul.gfield_radio {width: calc(100%) !important;} .ripepearssignup {text-align:center;} .ripepearssignup .gform_wrapper form {background: #fff; padding: 5px 20px; color: rgb(131, 98, 57); text-align: center !important;} .ripepearssignup .gform_wrapper ul.gform_fields li.gfield {padding-bottom: 0px;} .ripepearssignup .gform_wrapper .gfield_radio li input[type="radio"] {display:none;} .ripepearssignup .gform_wrapper ul.gfield_radio li {border-top: 1px solid rgb(131, 98, 57);} /* Lady Alice Apples */ .applepageheader h1 {padding-bottom: 0px !important;} .applepageheader h4 {font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif;font-weight: 400; font-size: 30px; color: #fff; border-bottom: none; line-height: 30px;} .ladyapples2 img {width: 100%;} .ladyapples1 {padding: 40px 0px !important;} .ladyapples1 h1 {padding-bottom: 0px !important; color:#fff; font-size: 40px !important;} .ladyapples1 h3 {font-size: 40px; line-height: 40px !important; padding-bottom: 0px !important; color:#fff;} .ladyapples2 h5, .ladyapples3 h5, .ladyapples4 h5 {font-size: 26px; padding-bottom: 0px;} .ladyapples2 p, .ladyapples3 {text-align: left !important;} .ladyapples3 {padding-bottom: 0px !important;} .ladyapples3 h6 {border: 4px solid #66b74d; padding: 15px 30px; margin-bottom: 30px; font-weight: 800;font-size: 15px; min-height: 150px;} .ladyapples4 h5 {padding-top:20px; line-height: 22px;} /* Wholesome */ .wholesomeheader .content {margin: 80px auto; width: 90%;} .wholesomeheader p {font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; text-transform: uppercase;} .wholesomehappening {background-image: url('https://rainierfruit.com/wp-content/uploads/2018/11/Rainier_WholesomePage_Wood.jpg'); background-size: cover; background-position: top center;} .wholesomehappening .container {text-align: left;} .wholesomehappening h3 {text-align: center;} .wholesomehappening h4 {font-family: "Knockout 48 A", "Knockout 48 B", 'Montserrat', sans-serif; font-size: 40px; line-height: 40px; color: #fff; letter-spacing: 2px; padding-bottom: 15px;} .wholesomehappening p {color:#fff;} .wholesomehero-content { width: 90% !important; padding: 70px 0px !important;} .wholesomeherofeature {height: 280px; width: auto; top: 100px; position: relative; right: 100px; float: right; border: 15px solid #ffffff; box-shadow: 2px 8px 8px #ccc; z-index: 99;} .wholesomebanner {z-index: 1; position: absolute; width: 100%;} /* Our Fruit */ .ourfruit {padding-top: 120px !important;} .ourfruit h4 {color:#203b44;} .ourfruit h1 {padding-bottom:25px !important;} .ourfruit .content {margin-bottom: 10px !important;} .ourfruit #fruit-header {display: block; position: relative; top: auto; height: auto;background:#fff;} .ourfruit #fruit-header a {padding-left: 0px !important; width: 146px; background-position:top center !important; text-align: center; padding-top: 110px !important;width: 23% !important;font-family: 'Knockout 33 A', 'Knockout 33 B', 'Montserrat', sans-serif; font-size: 14px; color: #eb5a24 !important;} #fruit-header .applesorganic {background: url(https://rainierfruit.com/wp-content/uploads/2014/09/apples-honeycrisp.jpg) no-repeat; background-size:120px; } #fruit-header .pearsorganic {background: url(https://rainierfruit.com/wp-content/uploads/2014/09/pear-bartlett.jpg) no-repeat; background-size:120px; } #fruit-header .cherriesorganic {background: url(https://rainierfruit.com/wp-content/uploads/2014/09/cherry-rainier.jpg) no-repeat; background-size:120px; } .applesbox .content {background-color: rgba(90,10,0,.6);} .pearsbox .content {background-color: rgba(68,107,0,.6);} .blueberriesbox .content {background-color: rgba(30,60,68,.6);} .cherriesbox .content {background-color: rgba(74,0,28,.6);} .ourfruitbox {height: auto; background-position: bottom right !important;background-size: cover;} .ourfruitbox h3 {color:#fff; height: auto !important;} .ourfruitbox .container {background-blend-mode: multiply; padding: 20px 20px 20px 20px; margin: 0 auto 0 auto; width: 900px;} .ourfruitbox .content { margin: 60px 0px; width: 90%;color:#fff; height: auto !important; padding: 40px;} .applearrow, .peararrow, .blueberriesarrow, .cherriesarrow {position: absolute;z-index: 99; width: 100% !important; padding: 0px !important;} .applearrow img {left:21%;position: relative; width: 100px;} .peararrow img {left: 38%;position: relative; width: 100px;} .blueberriesarrow img {left: 72%;position: relative; width: 100px;} .cherriesarrow img {left: 55%;position: relative; width: 100px;} .content-recipes .forthsection h2 {font-family: 'Knockout 48 A', 'Knockout 48 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 40px; border: none;margin: 0 0 10px 0 !important; line-height: 32px;} .content-recipes .container .forthsection {text-align: left;} .of_rail img {width: 100%;} .nutrition {background-color:#203b43; color:#fff;} .nutrition .halfsection {text-align: left;} .tips ul li {padding: 3px 0 25px 40px; background: url(images/check.png) no-repeat left -15px; list-style: none;} /* Recipes */ .fruitrecipes {min-height: auto !important; padding: 62px 0 20px 0; padding: 10px 0 0px 0 !important;} .fruitrecipes img {height: 100px;} .content-fruitrecipes {padding: 70px 0 0px 0 !important;} .recipe-thumbs {padding: 0px 0 100px 0 !important;} /* Contact Us */ .press-industry {text-align:left !important;} .faq {} .topsection {margin-top: 200px !important;} .topsection h1 {padding-bottom:25px;} /* Boston Marathon */ .bostonmarathonbutton {background: #eb5a24 url(images/arrow.png) no-repeat 207px center !important;} .bostonmarathonbutton:hover {background: #fff url(images/arrow-roll.png) no-repeat 207px center !important;} .img-responsive img {object-fit: contain; width: 100% !important;} .contact-left p {color: #203b44;text-transform: none;} .bm_runners {width: 70% !important; float: left;} .bm_runners .container, .bm_sidebar .container {width: 90%;} .bm_sidebar {width: 28% !important; float: right; padding-right: 2% !important;} .bm_sidebar .contact-left {width: 100%;margin: 0px;padding: 0px 10px 0px 10px;} .bm_sidebar .contact-left textarea, .bm_sidebar .contact-right2 input[type="text"], .bm_sidebar .contact-left input[type="text"] { width: 100%;} .bm_runners .thumbs {min-height: 300px !important;} .bmpage {background-position: bottom right;} .bmpage h4 {padding-bottom: 0px;font-size: 20px; margin: 0 0 0px 0 !important;} .bmpage h2 {} .bmwhere h3, .bmwhere p, .bmgallery h3 {text-align: left;} .bmwhere h5, .bmgallery h5 {text-align: left; color:#fff;font-weight:900; padding-bottom: 0px;} .bmwhere h4 {text-align:left; line-height: 35px;} .bmwhere h5 span {color:#63b946;} .bmwhere p {padding-bottom: 5px;} .bmpage .btn {width:375px !important; background: #eb5a24 url(images/arrow.png) no-repeat 360px center;} .bmpage a.btn:hover {background: #fff url(images/arrow-roll.png) no-repeat 360px center !important;} .bmrunner {overflow: hidden;} .bmrunner img {width: 98%; height: auto;border: 2px solid #63b946;} .bmrunner h4 {color:#203b44; text-align:left;padding-bottom: 12px;font-size: 18px;} .bmrunner p {font-size: 14px;text-align:left;} .bmrunners {background: #e6e4e4;} .bmsponsor img {padding-right:20px;} .bostonmarathon {margin: 80px 10% 80px 10%;width: 80%;} .headerimages {background-size: cover !important; width: 100% !important ;color: #fff;padding: 0px; position: relative;background-color: rgba(0, 0, 0, 0.4);background-blend-mode: overlay; padding: 0px !important;} .headerimages .content { padding: 150px 0px 80px 0px; margin: 80px 19% 0px 19%;} .headerimages .content h1 { color: #fff !important; padding-bottom: 20px !important;} .bmpress .container {background-image: url(https://rainierfruit.com/wp-content/themes/rainier/images/apple-tips.jpg);background-repeat: no-repeat;background-position: right; background-size: contain;} .bmpress_content {text-align:left;width: 70%;} .mobile {display:none;} @media only screen and (max-width: 1150px) { .header-new #nav ul li {width: 80px;} #header .header-container {width: 90% !important; padding: 0 0px 0 0px;} .container {width: 90% !important; margin: 0px 5% !important;} .pop-header .contain {width: 90% !important;} #mobile-navbar { top: 21px !important; right: 40px !important; } h3 {font-size: 52px; line-height: 46px;} .blogright { padding-top: 50px !important; width: 28% !important; } .recipesheader .content,.headerimages .content { padding: 40px 0px 50px 0px;} .pop-blogpost {width: 50% !important;} .content-tips .container {background-image:none !important;} .content-tips ul, .content-tips p { width: 100% !important;} .pop-imageheader { height: auto !important; top: 20px !important;} .ourstory h2, .ourstory h3, .ourstory p {margin-right: 20px;} .content-thumbs .thumbs {min-height: 300px !important;} .blogleft {padding-top:40px !important; padding-bottom:40px !important;} .blogright {display:none;} .blueberriesarrow img { left: 82%;} .cherriesarrow img { left: 59%;} .peararrow img { left: 35%;} .applearrow img { left: 11%;} .ourfruit .content { margin-bottom: 0px !important; margin-top: 40px !important;} .cookbook_feature h3 {font-size: 40px !important;} .content-wide h1 { font-size: 40px !important;} .recipesheader {margin: 0px 0% !important;} #fruit a {width: 23%;} .ladyapples3 h6 { min-height: 200px;} .organics-mission-feature .content {width: 80% !important;margin: auto !important;} } @media only screen and (max-width: 920px) { a {margin-bottom:10px;} .blogright {width: 100% !important;} .blogleft {width: 88% !important; padding: 45px 0px !important;} .recipesheader .content, .headerimages .content { padding: 40px 0px 50px 0px !important;} .no-center ul { width: 100% !important;} .blog-thumbs .thumbs { min-height: 290px !important;} .content-tips ul, .content-tips p { width: 100% !important;} .content-tips .container {background-image:none !important;} #banner { height: 340px !important;} .pop-imageheader { top: 20px !important;} .pop-right, .pop-left { width: 88% !important;} .cookbook_feature h3 {font-size: 35px !important; line-height: 30px;padding-top: 10px !important;} .content-wide h1 { font-size: 33px !important;line-height: 30px !important;} .container {width: 88% !important; margin: 0px 6% !important; } .gform_wrapper form { width: 100% !important; } .blog_button h3 {font-size: 30px !important;} .content h1 { font-size: 38px !important; line-height: 38px !important; } h3 {font-size: 50px;} .graysection h3 {font-size: 20px !important; line-height:20px !important;} .content {margin: 100px 10% 100px 10% !important; width: 80% !important;} .content-wide {padding: 40px 0 30px 0 !important;} .contact-right2 .text-field, .contact-left .text-field {width: 60% !important;} .contact-right2 { margin: 60px 0 0 0% !important; width: 100% !important;} .contact-left2 {width: 100% !important;} .contact-left {margin: 0px 0% 0 10% !important; width: 85% !important;} .ourfruit #fruit-header a {font-size: 12px;line-height: 14px;padding-top: 120px !important;} .ourfruitbox .content {padding: 20px; width: 75%;} .content-thumbs .thumbs { min-height: 290px !important;} #banner { height: auto !important;} .ourstory {padding-top: 0px !important;} .ourstory .container {margin-left: 0px !important;} .ourstory h3 {font-size: 30px !important; line-height: 25px;} .hp_feature {padding-top: 130px !important;} #fruit a { width: 22% !important;} #fruit a img {width: 100% !important;} .anythingSlider {width: 100% !important;} #slideshow h3 { padding: 0 10px 26px 10px !important; line-height: 42px !important;} .blog_button {padding: 40px 0 100px 0 !important;} .recipesheader {margin: 0px 0% !important;} .fruitrecipes img {height: auto;} .cookbook_feature {padding-top: 100px !important;} .cookbook_feature .container {width: 94% !important; margin: 0px 3% !important;} .ladyapples3 h6 { min-height: 220px;} .organics-mission-feature h4 {line-height: 18px; font-size: 18px;} .organics-mission-rewards {background-image:none;} .organics-mission-rewards .halfsection { width: 100%;} .organics-mission-success .thirdsection {min-height: 140px; width: 50%; margin: 20px 25% 0px 25%;} .organics-mission-success .two-thirdsection {width: 100%;} .mobile {display:block !important;} .fullsection { width: 100%; margin: 0px 0%;} } @media only screen and (max-width: 770px) { .content-tips ul, .content-tips p { width: 100% !important;} .content-tips .container {background-image:none !important;} .pop-blogpost { width: 60%;} .blogleft { width: 100% !important; padding: 45px 0px !important;} .blogright { width: 100% !important;} .pop-imageheader { top: 0px !important;} .thridsection, .thirdsection, .two-thirdsection {width: 100%; margin:0px;} .ladyapples3 h6 { min-height: auto;} h3 {line-height: 30px;} .blog_button h3 {padding-bottom: 0px;} .three-forthsection {width: 100%;} .forthsection { width: 100%; padding-bottom: 40px;} .blog_button { padding: 30px 0 160px 0 !important;} .hp_feature { padding-top: 100px !important;} #footer { height: auto !important;} .hp_foodtalk .thirdsection h4 {font-size: 32px;} .pageheaderimage { margin-top: 30px;} .container { width: 88% !important;} .ourstory .thirdsection { width: 100%;} .ourstory img { width: 100%;} #mobile-navbar { top: 11px !important;} .content { margin: 60px 10% 30px 10% !important;} .ourfruit #fruit-header {display: block !important;} .applesbox { margin-top: 0px !important;} .ourfruit {padding-bottom: 20px !important;padding-top: 60px !important;} .ourfruitbox .content {margin: 70px 0% 70px 0% !important;width: 94% !important;} .ourfruitbox .container {margin: 0px 3% !important;} .applearrow img { left: 6%;} .peararrow img { left: 30%;} .cherriesarrow img { left: 54%;} .blueberriesarrow img { left: 78%;} .halfsection { width: 100%; padding-top: 40px;} .single-fruit {width: 33.333%;} .single-fruit-description {top: 60px !important;} .fruitrecipes img { height: auto;} .contact-left { margin: 0px 0% 0 0% !important; width: 100% !important;} .contact-right2 .text-field, .contact-left .text-field { width: 70% !important;} .contact-right2 .text-label, .contact-left .text-label {width: 30% !important;} .cookbook_feature {padding-top: 100px !important;} .ourstory h2, .ourstory h3, .ourstory p {margin-left: 20px;} #banner {margin-top: 30px;} .pop-right {border-left: none !important;} .mobile {display:block !important;} .desktop {display:none !important;} .graysection .thirdsection {width:46%;height: 120px; padding-bottom: 0px; border:none !important; text-align:left !important;} .graysection .forthsection {width:30%;height: 120px; padding-bottom: 0px;} .graysection h3 {text-align:left !important;} .content h1 { font-size: 25px !important; line-height: 25px !important; } .organics-mission-feature img, .organics-mission img, .organics-mission-wholesome img {width: 30% !important;} .organics-mission-wholesome {background-image:none;} .organics-mission-success .thirdsection {min-height: auto; width: 100%; margin: 20px 0% 0px 0%;} .master-slider h1 { font-size: 44px; line-height: 44px;} .master-slider h4 {font-size: 30px; line-height: 30px;} .hp_feature {display:block;} .hp_slider {display:none;} } @media only screen and (max-width: 767px) and (min-width: 300px) { h3 {font-size: 50px !important; line-height: 50px !important;} .organics-mission-feature img, .organics-mission img, .organics-mission-wholesome img {width: 50% !important;} .recipesheader .content, .headerimages .content {margin: 0px; width: 100%;} .blog-thumbs .thumbs { width: 90% !important;} .content-thumbs .thumbs { margin: 0 0% 50px 0%; width: 90% !important;} .content-thumbs .thumbs img { width: 100% !important;} .blogleft {padding-top:50px;} #subnav-mobile ul { display: none;} #subnav-mobile { display: none;} .recipesheader .content, .headerimages .content { margin: 0px 0% 0px 0% !important; width: 100%;} .content-thumbs { margin: 0px 0 0 0 !important;} .popup {margin: 0 0 0px 0 !important;} .pop-imageheader { height: 150px !important; top: 0px !important;} img#banner { height: auto !important;} #banner { margin-top: 60px; background-size: contain;height: auto !important;} .pop-content { width: 90% !important;} #sidebar ul { padding: 0 0 20px 0px !important;} #banner {margin-top: 30px !important;} .pop-header .contain {padding: 0px 0px 0px 0px !important; width: 100% !important;} .pearposts img {width: 46%;} p {padding: 0 0 0px 0;} .halfsection {padding-top: 0px;} .hp_feature p {display:none;} .hp_feature .container {margin-top: 0% !important;} .graysection .thirdsection,.graysection .forthsection, .graysection .fifthsection {height: auto !important;} .graysection .fifthsection {width: 100%; top: 0px; text-align: center;} } @media only screen and (max-width: 640px) { .pearsforpairs1 h4 {font-size: 15px; line-height: 25px;} .pearsforpairs1 h4 strong {font-size: 20px !important;} h3 {font-size: 45px;} .hp_feature h1 {font-size: 24px !important; line-height: 24px !important;} .hp_feature h4 {font-size: 18px; line-height: 16px !important;} #main_countedown_1 .element_conteiner { min-width: 50px !important;} .hp_feature #main_countedown_1 .time_left {font-size: 28px;} .hp_feature #main_countedown_1 .time_description {font-size: 10px;} .master-slider h1 { font-size: 34px; line-height: 34px;} .master-slider h4 {font-size: 20px; line-height: 20px;} } @media only screen and (max-width: 500px) { .hp_feature {padding-top:60px !important;} .cookbook_feature h3 { font-size: 42px !important;} .thridsection, .thirdsection, .two-thirdsection { width: 100%; margin-right: 0%;} h3 {line-height: 50px !important;} .blog_button h3 {line-height: 30px !important;} .content {margin: 50px 0% 20px 0% !important; width: 100% !important;} #fruit a { width: 48% !important;} .ourfruit #fruit-header a { width: 48% !important;} .applearrow, .peararrow, .blueberriesarrow, .cherriesarrow {display:none;} .ourfruitbox .content {width: 90% !important; padding: 5% !important;} .ourfruitbox .container {width: 100% !important; margin: 0px 0% !important; padding: 20px 0px;} .pageheaderimage .content img {width:100%;} .graysection .thirdsection {width:90%; height: auto; padding: 5px 5%; float: none; text-align:center !important;} .graysection .forthsection {width:90%;height: auto; padding: 5px 5%; float: none;} .graysection h3 {text-align:center !important;} .graysection .fifthsection {width: 100%;} .master-slider h1 {display:none;} } /* SJ-End */ #hero h1 { font-size: 54px !important; line-height: 50px;} #hero .caption { width: 80%;} #hero img { width: auto !important; object-fit: cover; } #hero .bg img {display: none;} #hero {height: 500px !important; background-size: cover;} html,body { width: 100%; } body { padding: 0; margin: 0; font-family: 'Ideal Sans A', 'Ideal Sans B', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 21px; color: #203b44; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #outer { width: 100%; } .container { padding: 0 20px 0 20px; margin: 0 auto 0 auto; width: 1100px; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for base tags ---------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------- */ a, a:visited, a:active { color: #63b946; text-decoration: none; outline: none; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } a:focus, a:hover { color: #63b946; text-decoration: underline; outline: none; } ul { padding: 0 0 20px 0px; margin: 0; list-style: disc; } ul li { padding: 0 0 10px 0; margin: 0; } ol { padding: 0 0 20px 20px; margin: 0; } ol li { padding: 0 0 10px 0; margin: 0; } p { padding: 0 0 25px 0; margin: 0; } b, strong { font-weight: 500; } sup { font-size: .35em; top: -9px; } img { padding: 0; margin: 0; border: 0; } hr { margin: 0 0 15px 0; height: 1px; border: none; border-bottom: 1px solid #e5e5e5; } h1 { padding: 0 0 65px 0; margin: 0 0 0 0; font-family: 'Knockout 54 A', 'Knockout 54 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 84px; line-height: 84px; color: #203b44; text-transform: uppercase; } h2 { padding: 0 0 20px 0; margin: 0 0 0 0; font-family: 'Knockout 54 A', 'Knockout 54 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 23px; line-height: 27px; text-transform: uppercase; color: #203b44; border-bottom: 1px solid #203b44; } h2.white { color: #fff; border-bottom: 1px solid #fff; } h3 { padding: 0 0 20px 0; margin: 0 0 0 0; font-family: "Knockout 48 A", "Knockout 48 B", 'Montserrat', sans-serif; font-weight: 400; font-size: 60px; line-height: 60px; color: #63b946; text-transform: uppercase; } h4 { padding: 0 0 40px 0; margin: 0 0 0 0; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 15px; line-height: 17px; color: #fff; text-transform: uppercase; } h5 { padding: 0 0 20px 0; margin: 0 0 0 0; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #63b946; text-transform: uppercase; } .btn a, .vp-a { position: relative; display: inline-block; margin: 10px 10px 0 10px; padding: 17px 30px 0 30px; height: 31px; background: #eb5a24; /*background: #eb5a24 url(images/arrow.png) no-repeat 170px center;*/ border: 1px solid #eb5a24; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 15px; line-height: 15px; text-transform: uppercase; text-align: center; color: #fff; } .btn a:hover, .vp-a:hover { color: #eb5a24; text-decoration: none; background: #fff; /*background: #fff url(images/arrow-roll.png) no-repeat 170px center;*/ border: 1px solid #eb5a24; text-decoration: none; } .recipe-thumbs .btn a { margin-left: 5px; margin-right: 5px; } a.btn, .photogrid a, #slideshow #slider .text a { display: inline-block; margin: 10px 0 0 0; padding: 17px 15px 0 0; width: 185px; height: 31px; background: #eb5a24 url(images/arrow.png) no-repeat 170px center; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 15px; line-height: 15px; text-transform: uppercase; text-align: center; color: #fff; } .photogrid a:focus, .photogrid a:hover, #slideshow #slider .text a:focus, #slideshow #slider .text a:hover, a.btn:focus, a.btn:hover { color: #eb5a24; text-decoration: none; background: #fff url(images/arrow-roll.png) no-repeat 170px center; } .down-arrow a, .down-arrow { background: #eb5a24 url(images/arrow-down.png) no-repeat 170px center !important; } .lock { color: #fff; padding: 17px 0 0 10px !important; width: 225px !important; background: #eb5a24 url(images/lock2.png) no-repeat 20px center !important; border: 1px solid #eb5a24; } .lock:focus, .lock:hover { color: #eb5a24 !important; text-decoration: none; background: #fff url(images/lock3.png) no-repeat 20px center !important; border: 1px solid #eb5a24; } h6 { padding: 0; margin: 0; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for header ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ #logo-mobile, #mobile-close, #mobilenav, #mobilenav ul, #mainnav-navbar { display: none; } #header { border-top: 16px solid #866239; position: fixed; width: 100%; top: 0; height: 90px; z-index: 9999; background: #fff; } #header .header-container { position: relative; padding: 0 20px 0 20px; margin: 0 auto 0 auto; width: 1100px; } #nav { display: inherit; position: absolute; top: 38px; left: 177px; height: 44px; font-family: 'Knockout 33 A', 'Knockout 33 B', 'Montserrat', sans-serif; font-size: 14px; line-height: 18px; text-transform: capitalize; } #nav ul { padding: 0; list-style: none; } #nav ul li { padding: 0 52px 0 0; float: left; } #nav ul li a { display: block; padding-bottom: 29px; color: #63b946; border-bottom: 5px solid #fff; } #nav ul li a:focus, #nav ul li a:hover, #nav ul li.current_page_parent a, #nav ul li.current-page-ancestor a, #nav ul li.current-menu-item a, #nav ul li.current_page_item a { color: #63b946; text-decoration: none; border-bottom: 5px solid #63b646; } #logo { position: absolute; top: 12px; left: 0; } #logo img { width: 50%; height: auto; } #login { position: absolute; top: 19px; right: 0; display: block; padding: 17px 0 0 45px; width: 137px; height: 30px; border: 1px solid #63b946; border-radius: 30px; background: url(images/lock.png) no-repeat 23px center; font-family: 'Knockout 33 A', 'Knockout 33 B', 'Montserrat', sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #63b946; } #login:focus, #login:hover { text-decoration: none; background: #63b946 url(images/lock2.png) no-repeat 23px center; color: #fff; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for sub nav ----------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ #subnav-mobile { display: none; } #subnav-empty, #subnav { position: fixed !important; top:106px !important; padding: 16px 0 0 0; width: 100%; height: 31px; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 12px; line-height: 14px; text-transform: none; text-align: center; background: #63b946; z-index: 9993; } #subnav ul { display: inline-block; padding: 0; list-style: none; } #subnav ul li { display: inline; padding: 0 18px 0 18px; } #subnav ul li a { display: inline-block; color: #154d29; height: 41px; } #subnav ul li.current-menu-item a, #subnav ul li.current_page_item a, #subnav ul li.current-cat a, #subnav ul li a:focus, #subnav ul li a:hover { color: #fff !important; text-decoration: none; } #subnav ul li a.set { background-image: url(images/nav-arrow.png); background-repeat: no-repeat; background-position: center bottom; } .no-center ul { width: 980px; display: block; } .no-center ul li { display: block; float: left; } #subnav .search { position: relative; margin: -9px 0 0 0; float: right; } #subnav .search-menu { width: 80%; float: left; } #subnav .search-recipes { margin-top: -9px; width: 20%; float: right; } #subnav .search-recipes .text-field-search, #subnav .search .text-field-search { padding: 0 0 0 40px; height: 33px; width: 155px; border-radius: 20px; background: #fff url(images/search.png) no-repeat 10px center; border: 0; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 10px; text-transform: uppercase; color: #63b946; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for top fruit header -------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ #fruit-header { display: none; position: absolute; top: 106px; padding: 50px 0 0 0; width: 100%; height: 149px; background: #f9f5ed; font-family: "Knockout 48 A", "Knockout 48 B", 'Montserrat', sans-serif; font-size: 28px; line-height: 28px; text-transform: uppercase; text-align: center; z-index: 999; } #fruit-header a { padding-top: 53px; height: 58px; display: inline-block; color: #203b44; text-align: left; } #fruit-header a:focus, #fruit-header a:hover { color: #63b946; text-decoration: none; } #fruit-header .apples { padding-left: 104px; width: 139px; background: url(images/apples.png) no-repeat left center; } #fruit-header .pears { padding-left: 107px; width: 146px; background: url(images/pears.png) no-repeat left center; } #fruit-header .cherries { padding-left: 95px; width: 128px; background: url(images/cherries.png) no-repeat left center; } #fruit-header .blueberries { padding-left: 134px; width: 210px; background: url(images/blueberries.png) no-repeat left center; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for photos ------------------------------------------------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ #hero { position: relative; width: 100%; height: auto; } #hero h1 { padding: 0 0 20px 0; font-family: 'Knockout 54 A', 'Knockout 54 B', 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; } #hero img { width: 100%; height: auto; } #banner { margin-top: 0px; position: relative; width: 100%; height: 440px; overflow: hidden; text-transform: uppercase; background-repeat: no-repeat; background-position: center 40px; background-size: cover; } img#banner { height: auto; } .recipesheader {background-size: cover !important; width: 100% !important ;color: #fff;padding: 0px; position: relative;background-color: rgba(0, 0, 0, 0.4);background-blend-mode: overlay; padding: 0px !important;} .recipesheader .content { padding: 150px 0px 80px 0px; margin: 80px 19% 0px 19%;} .recipesheader .content h1 { color: #fff !important; padding-bottom: 20px !important;} .photogrid { position: relative; width: 50%; float: left; font-family: 'Knockout 54 A', 'Knockout 54 B', 'Montserrat', sans-serif; font-size: 22px; line-height: 22px; color: #fff; text-transform: uppercase; } .photogrid p { padding: 0 0 15px 0; } .photogrid .bg { width: 100%; height: auto; } .photogrid .bg img { width: 100%; height: auto; } .photogrid h3 { padding: 0 0 10px 0; font-size: 72px; line-height: 72px; color: #fff; } .photogrid p { padding: 0 0 30px 0; } /* css for horizontal and vertical centering */ .caption-outer { position: absolute; display: table-cell; top: 50%; width: 100%; height: 100%; vertical-align: middle; text-align: center; } #hero .caption-outer { top: 32%; } .photogrid .caption-outer { top: 23%; } .caption-inner { top: -50% } .caption { position: relative; margin: 0 auto 0 auto; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for slideshow --------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ #slideshow { position: relative; margin: 0; padding: 0; width: 100%; height: 648px; background: #534741; color: #fff; text-align: center; font-size: 17px; line-height: 22px; } #slideshow h3 { padding: 0 0 26px 0; font-size: 72px; line-height: 72px; color: #fff; } #slideshow #slider .slider-wrapper { width: 1100px !important; margin: 0 auto 0 auto; } #slideshow #slider li { position: relative; } #slideshow #slider .text { margin: 85px 0px 0 0; width: 42.7%; float: left; } #slideshow #slider .text p { padding: 0 50px 25px 50px; } #slideshow #slider .text a { margin-top: 22px; } #slideshow #slider .photo { margin: 90px 0 0 0; width: 57.3%; float: left; text-align: center; } #slideshow #slider .photo img { -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); border: 10px solid #fff; } .featured-recipes { margin: 0 0 15px 0; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for fruit footer ------------------------------------------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ #fruit { position: relative; width: 100%; padding: 62px 0 75px 0; min-height: 400px; background: #fff; text-align: center; } #fruit h3 { font-size: 72px; line-height: 72px; color: #534741; } #fruit .perfect-by-nature { position: absolute; top: 91px; left: 53%; width: 250px; height: 100px; background: url(images/perfect-by-nature.png) no-repeat; } #fruit .title { position: relative; padding: 0 0 60px 0; z-index: 999; } #fruit a { width: 231px; height: auto; display: inline-block; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; color: #eb5a24; text-align: center; } #fruit a:focus, #fruit a:hover { text-decoration: none; } #fruit img:focus, #fruit img:hover { opacity: 0.65; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for content blocks ---------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ .content-wide { position: relative; padding: 70px 0 100px 0; width: 100%; text-align: center; } .content-wide h1 { font-size: 48px; line-height: 48px; } .content-wide h2 { padding: 0 0 6px 0; margin: 0 0 60px 0; display: inline-block; } .tan { background: #f9f5ed; } .tan h2 { color: #203b44; border-color: #203b44; } .brown { background: #534741; color: #fff; } .brown h2 { color: #fff; border-color: #fff; } .blue { background: #203b44; color: #fff; } .blue h2 { color: #fff; border-color: #fff; } .content { position: relative; margin: 80px 19% 80px 19%; width: 62%; text-align: center; font-size: 16px; line-height: 21px; } .content h1 { font-size: 48px; line-height: 48px; } .content-left { position: relative; margin: 0 8% 0 6%; width: 53%; float: left; text-align: left; } .content-left p { font-size: 16px; line-height: 21px; } .content-left h3 { width: 80%; } .content-right { position: relative; margin: 10px 6% 0 0; width: 24%; float: left; text-align: left; } .content-right span { font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 12px; color: #63b946; } .content-right p { padding: 0 0 15px 0; font-size: 16px; line-height: 21px; } .twothirdcontent { width: 75%; float: left;} .onethirdcontent {width: 20%; float: left; padding: 0px 20px 0px 20px;} .blogleft {width: 60%; padding: 45px 20px; float: left;} .blogleft ul {list-style: none;} .blogleft h2 {margin: 0 0 20px 0;} .blogright {width: 28%; float: right; background-color: #fff; color:#203b43 !important; text-align:center; padding: 5px 20px; margin-top:40px; border-left: 2px solid #8f9da1;} .blogright h2 {color:#203b43 !important; border-bottom: 1px solid #203b43;} .blogright a {color:#203b43 !important;} /* --------------------------------------------------------------------------------------------------------------- */ /* css for fruit page -------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* css for varities on the fruit page --------------------------------------------------------------------------- */ .single-fruit { position: relative; padding: 40px 0 40px 0; width: 20%; float: left; cursor: pointer; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-size: 12px; line-height: 13px; color: #eb5a24; text-transform: uppercase; text-align: center; } .single-fruit img { opacity: 1; } .single-fruit img:hover { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0.65 !important; } .single-fruit-description { position: relative; display: none; width: 100%; background: #434444; cursor: text; font-size: 16px; line-height: 21px; color: #fff; } .single-fruit-description .content-left { margin: 80px 17% 80px 0; width: 33%; } .single-fruit-description .content-left h3 { padding: 0 0 5px 0; } .single-fruit-description .content-right { margin: 147px 10% 80px 0; width: 40%; } .single-fruit-description .content-right p { padding: 0 0 30px 0; } .single-fruit-description .content-left strong, .single-fruit-description .content-left b { margin: -18px 0 0 30px; display: block; font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; line-height: 16px; color: #63b946; text-transform: uppercase; } .single-fruit-description .content-right strong, .single-fruit-description .content-right b { font-family: 'Knockout 34 A', 'Knockout 34 B', 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; line-height: 16px; color: #63b946; text-transform: uppercase; } .close { position: absolute; top: 28px; right: 28px; width: 28px; height: 98px; font-size: 14px; line-height: 16px; cursor: pointer; background: url(images/close-off.png) no-repeat; } .close:hover { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: url(images/close-on.png) no-repeat; } /* css for nutrition on the fruit page -------------------------------------------------------------------------- */ .content-nutrition { width: 100%; padding-bottom: 150px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .content-nutrition h2 { color: #fff; border-bottom: 1px solid #fff; } .content-nutrition .content-right h3 { width: 70%; } .content-nutrition a:hover { color: #fff; } .content-nutrition .content-left { width: 30%; margin: -50px 0 0 4%; } .content-nutrition .content-right { margin: 10px 11% 0 0; width: 55%; color: #fff; } /* css for tips on the fruit page ------------------------------------------------------------------------------- */ .content-tips { padding: 70px 6% 70px 6%; margin: 0; width: 88%; font-size: 16px; line-height: 21px; color: #63b946; } .content-tips p { text-align: left; width: 62%; } .content-tips .container { background-position: right center; background-repeat: no-repeat; min-height: 512px; } .content-tips ul { padding: 0 0 0 20px; width: 60%; text-align: left; list-style: none; } .content-tips ul li { padding: 3px 0 25px 40px; background: url(images/check.png) no-repeat left -15px; } /* css for thumbs images ---------------------------------------------------------------------------------------- */ .content-thumbs { position: relative; margin: 0px 0 0 0; } .content-thumbs h3 { margin: 15px 0 0 0; padding: 0 0 10px 0; font-size: 24px !important; line-height: 22px; } .recipe-thumbs h3 { padding: 0 0 25px 0; } .recipe-thumbs hr { margin: 0 0 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #203b44; } .content-thumbs h4 { padding: 0; margin: 0 0 30px 0; color: #203b44; display:none; } .content-thumbs .thumbs { margin: 0% 1.5% 50px 1.5%; width: 22%; float: left; min-height: 330px; border-bottom: 2px solid #8f9da1; cursor: pointer; } .blog-thumbs {padding: 0px 0 100px 0 !important;} .blog-thumbs .thumbs { min-height: 350px !important; width: 30%; } .content-thumbs .thumbs img { width: 100%; height: 242px; object-fit: cover; } .content-thumbs .thumbs:hover { border-bottom: 2px solid #203b44; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .content-thumbs .thumbs:focus h3, .content-thumbs .thumbs:focus h4, .content-thumbs .thumbs:hover h3, .content-thumbs .thumbs:hover h4 { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; color: #203b44; } .content-thumbs .thumbs:focus img, .content-thumbs .thumbs:hover img { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0.65; } .content-thumbs .thumbs .popup h3, .content-thumbs .thumbs .popup:hover h3, .content-thumbs .thumbs .popup:focus h3 { color: #63b946 !important; } .content-thumbs .thumbs .popup h4, .content-thumbs .thumbs .popup:focus h4, .content-thumbs .thumbs .popup:hover h4 { color: #fff !important; } .content-thumbs .thumbs .popup img, .content-thumbs .thumbs .popup:focus img, .content-thumbs .thumbs .popup:hover img { opacity: 1 !important; } /* css for recipes on the fruit page ---------------------------------------------------------------------------- */ .content-recipes { position: relative; margin: 0 0 0 0 !important; } .content-recipes h3 { margin: 25px 0 12px 0; font-size: 24px !important; line-height: 22px; } .content-recipes .recipe { margin: 0% 1.5% 50px 1.5%; width: 30%; float: left; border-bottom: 2px solid #8f9da1; } .content-recipes .recipe { text-decoration: none; } .content-recipes .recipe:hover { color: #203b44; border-bottom: 2px solid #203b44; } .content-recipes .recipe:hover h3 { color: #203b44; } .content-recipes .recipe img { width: 100%; height: 242px; } /* css for popups ----------------------------------------------------------------------------------------------- */ /*.bg-popup { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 99994; background: #000; opacity: 0.7; }*/ .popup { padding: 0 0 0px 0; background: #fff; /*z-index: 99995;*/ font-size: 14px; line-height: 18px; text-align: left; color: #203b44; cursor: text; } .content-recipes .recipe .popup { top: 200px !important; } .grower-thumbs .popup { margin-top: -100px; } .content-thumbs .thumb1 .popup, .content-thumbs .thumb2 .popup, .content-thumbs .thumb3 .popup { top: 205px !important; } .content-thumbs .thumb4 .popup, .content-thumbs .thumb5 .popup, .content-thumbs .thumb6 .popup { top: 695px !important; } .content-thumbs .thumb7 .popup, .content-thumbs .thumb8 .popup, .content-thumbs .thumb9 .popup { top: 1185px !important; } .content-thumbs .thumb10 .popup, .content-thumbs .thumb11 .popup, .content-thumbs .thumb12 .popup { top: 1670px !important; } .pop-imageheader {height:420px; overflow:hidden; top: 0px; position: relative;} .pop-header { background: #203b44; } .pop-header .contain { width: 90%; margin: 0px; padding: 0px 0px 0px 45px; } .pop-header-left { padding: 35px 0 10px 0px; width: 80%; float: left; } .pop-header-left h3 { padding: 0 0 10px 0; margin: 0; font-size: 50px; line-height: 1; } .pop-header-left h4 { color: #fff; padding: 0 0 20px 0; } .pop-header-right { padding: 45px 20px 65px 0px; width: 30%; float: right; text-align: center; } .pop-header-right img { width: auto !important; height: auto; } .pop-header-right a:focus, .pop-header-right a:hover { opacity: 0.65; } .pop-header-right a { display: inline-block; margin: 5px 5px 0 5px; } .pop-content { width: 100%; margin: 0 auto; } .pop-left { padding: 45px; width: 40%; float: left; } .pop-left h4, .pop-right h4, .pop-blogpost h4 { font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 16px; line-height: 17px; color: #203b44 !important; text-transform: uppercase;} .pop-left ul { padding: 0 0 20px 0; list-style: disc !important; } .pop-left ul li { padding: 0 0 2px 0; } .pop-right { padding: 45px; width: 40%; float: left; border-left: 1px solid; overflow:hidden; } .pop-right ul { padding: 0 0 20px 0; list-style: none; } .pop-right ul li { padding: 0 0 5px 0; } .pop-blogpost {padding: 45px; width: 60%; float: left;} #sidebar ul { list-style: none; padding-right: 50px;} #sidebar h2 {margin: 0 0 20px 0;} .popup-close { position: absolute; right: -50px; top: 0; display: block; cursor: pointer; z-index: 99996; width: 28px; height: 98px; background: url(images/close-off.png) no-repeat !important; } .popup-close:hover { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: url(images/close-on.png) no-repeat !important; } .wp-caption, .popup-caption { padding: 0; font-weight: 500; text-align: left; /*background: url(images/arrow-caption.png) no-repeat left bottom;*/ } .wp-caption img { padding: 0 0 8px 0; } /* css for contact --------------------------------------------------------------------------------------------- */ .contact { margin: 0 0 50px 0; font-size: 18px; line-height: 24px; text-align: left; } .contact-left { /*margin: -100px 10% 0 0; width: 60%;*/ margin: -100px 20% 0 20%; width: 60%; float: left; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #836239; } .contact-right { margin: -86px 0 0 0; width: 30%; float: left; } .contact-left2 { margin: 0 0 0 0; width: 30%; float: left; } .contact-right2 { margin: 0 0 0 10%; width: 60%; float: left; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #836239; } .contact-right2 .text-label, .contact-left .text-label { padding: 17px 0 10px 0; width: 33%; height: 24px; float: left; border-top: 1px solid #836239; text-align: left; } .contact-right2 .text-field, .contact-left .text-field { padding: 12px 0 12px 0; width: 67%; height: 27px; float: left; border-top: 1px solid #836239; } .contact-left .text-area { height: auto; } .contact-right2 input[type=text], .contact-left input[type=text] { width: 380px; height: 24px; padding: 0; color: #c3c3c3; font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B', sans-serif; font-weight: 300; font-size: 18px; line-height: 21px; border: 0; } .contact-left textarea { width: 380px; height: 200px; padding: 0; color: #c3c3c3; font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B', sans-serif; font-weight: 300; font-size: 18px; line-height: 21px; border: 0; } input[type=submit] { display: inline-block; margin: 30px 0 0 0; padding: 0px 30px 0 30px; height: 48px; background: #eb5a24; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 15px; line-height: 15px; text-transform: uppercase; color: #fff; border: 1px solid #eb5a24; cursor: pointer; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } input[type=submit]:hover { color: #eb5a24; text-decoration: none; background: #fff; border: 1px solid #eb5a24; } .contact hr { border-bottom: 1px solid #836239; } .contact p { padding: 0 0 15px 0; } /* css for contact/faq ----------------------------------------------------------------------------------------- */ .faq { font-size: 16px; line-height: 20px; color: #fff; } .faq h3 { font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 14px !important; line-height: 18px; text-transform: uppercase; color: #63b946; } .question { width: 100%; margin: 0 0 0 0; padding: 20px 0 0px 0; border-top: 1px solid #63b946; cursor: pointer; background-image: url(images/arrow-faq-down.png); background-position: 98% 20px; background-repeat: no-repeat; text-align: left; } .question h3:focus, .question h3:hover { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; color: #fff; } .active { background-image: url(images/arrow-faq-up.png); } .question .answer { width: 85%; display: none; } /* css for contact/press --------------------------------------------------------------------------------------- */ .press { margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; } .press a { color: #203b44; } .press a:focus, .press a:hover { color: #63b946; } /* css for contact/indusry ------------------------------------------------------------------------------------- */ .industry { background-position: center center; background-repeat: no-repeat; background-size: cover; font-size: 16px; line-height: 20px; color: #fff; } .industry .container { width: 37%; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for footer ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ #back-to-top { width: 100%; padding: 33px 0 0 0; height: 52px; background: #63b946; cursor: pointer; text-align: center; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 15px; line-height: 19px; color: #203b44; text-transform: uppercase; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #back-to-top:hover { color: #fff; text-decoration: none; } #footer { position: relative; margin-top: -9px; width: 100%; height: 174px; background: #203b44; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 15px; line-height: 19px; color: #fff; } .footer-left-top img { width: 50%; height: auto; } .footer-left-bottom a { border-bottom: 1px solid #544741; } .footer-left-bottom a:hover { text-decoration: none; border-bottom: 1px solid #ffffff; } #footer p { padding: 0; } .footer-left-top { padding: 55px 0 0 95px; float: left; } .footer-left-bottom { padding: 27px 0 0 95px; float: left; } .footer-left-bottom a { color: #fff; } .footer-right-top { padding: 55px 95px 0 0; float: right; } .footer-right-top a { display: inline-block; padding: 0 0 0 10px; width: 30px; height: 30px; } .footer-right-top a:hover { opacity: 0.8; } .footer-right-bottom { padding: 29px 95px 0 0; float: right; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for misc items --------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------- */ .clear { clear: both; font-size: 0px; line-height: 0px; } .alignright { margin: 7px 0 10px 30px; float: right; border: 1px solid #333333; } .alignleft { margin: 7px 30px 10px 0; float: left; border: 1px solid #333333; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .hideit { display: none !important; } .hupso-share-buttons { padding: 0 !important; margin: -50px 0px 0px 0px !important; } .hupso_toolbar { padding: 0 !important; margin: 0 !important; } .hupso-share-buttons img { width: 42px !important; height: 42px !important; } div.wpcf7-mail-sent-ok { border: 2px solid #63b946 !important; } div.wpcf7-mail-sent-ng { border: 2px solid #63b946 !important; } div.wpcf7-spam-blocked { border: 2px solid #63b946 !important; } div.wpcf7-validation-errors { border: 2px solid #63b946 !important; } /* Popup height ----------- */ @media only screen and (max-height : 1000px) { .pop-photo { /*display: none;*/ } } /* Tablet ----------- */ @media only screen and (min-width : 768px) and (max-width : 1100px) { /* -------------------------------------------------------------------------------------------------------------- */ /* css for site structure ----------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------- */ .container { padding: 0 0% 0 0%; width: 90%; } a.btn, .photogrid a, #slideshow #slider .text a { margin: 0 0 0 0; padding: 13px 10px 0 0; width: 150px; height: 26px; background: #eb5a24 url(images/arrow.png) no-repeat 130px center; font-size: 12px; line-height: 13px; } .photogrid a:focus, .photogrid a:hover, #slideshow #slider .text a:focus, #slideshow #slider .text a:hover, a.btn:focus, a.btn:hover { text-decoration: none; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for header ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ #logo { top: 12px; left: 20px; z-index: 9999; } #logo img { width: 50%; height: auto; } #nav { display: none; } #login { display: none; } #mobile-navbar { display: inherit; position: absolute; top: 24px; right: -30px; width: 50px; height: 39px; background: url(images/mobile-nav.png) no-repeat; cursor: pointer; z-index: 9997; } #mobile-close { display: none; position: fixed; top: 49px; right: 31px; width: 25px; height: 39px; background: url(images/mobile-close.png) no-repeat; cursor: pointer; z-index: 9999; } #mobilenav { display: none; position: fixed; top: 0; left: 0px; padding: 10% 5% 10% 5%; width: 90%; height: 100%; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 20px; line-height: 26px; z-index: 9998; text-align: center; background: #efefef !important; border: none !important; } #mobilenav ul { display: inherit; padding: 0; list-style: none; } #mobilenav ul li { padding: 12px 0 0 0; height: 32px; float: none; } #mobilenav ul li a { padding: 0 15px 0 15px; display: block; color: #63b946; } #mobilenav ul li a:focus, #mobilenav ul li a:hover, #mobilenav ul li.current-page-ancestor a, #mobilenav ul li.current-menu-item a, #mobilenav ul li.current_page_item a { color: #63b946; text-decoration: none; border: none; } #mobilenav ul li.mobile-login a { display: block; margin: 15px auto 0 auto; padding: 17px 0 0 25px; width: 157px; height: 30px; border: 1px solid #63b946; border-radius: 30px; background: url(images/lock.png) no-repeat 23px center; font-family: 'Knockout 33 A', 'Knockout 33 B', sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #63b946; } #mobilenav ul li.mobile-login a:focus, #mobilenav ul li.mobile-login a:hover { text-decoration: none; } .photogrid { font-size: 18px; line-height: 18px; } .photogrid h3 { font-size: 38px; line-height: 38px; } .photogrid .caption-outer { top: 12%; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for top fruit header -------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ #fruit-header .apples { padding-left: 85px; width: 9%; } #fruit-header .pears { padding-left: 95px; width: 9%; } #fruit-header .cherries { padding-left: 94px; width: 11%; } #fruit-header .blueberries { padding-left: 135px; width: 15%; } } /* Mobile ----------- */ @media only screen and (min-width : 320px) and (max-width : 767px) { /* -------------------------------------------------------------------------------------------------------------- */ /* css for site structure ----------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------------- */ .container { padding: 0; width: 100%; } h1 { font-size: 40px; line-height: 40px; padding-bottom: 30px; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for photos ------------------------------------------------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ #hero { width: 100%; height: 550px; background-image: url(images/hero.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } #hero img { display: none; } #hero h1 { font-size: 40px !important; line-height: 36px;} #banner { margin-top: 76px; width: 100%; height: 175px; overflow: hidden; text-transform: uppercase; background-repeat: no-repeat; background-position: center center; background-size: cover; } img#banner { height: auto; } .photogrid { width: 100%; float: none; overflow: hidden; font-size: 17px; line-height: 22px; } .photogrid .bg img { width: 140%; height: auto; } .photogrid h3 { font-size: 46px; line-height: 46px; } .photogrid p { padding: 0 0 10px 0; } #hero .caption-outer { top: 22%; } .photogrid .caption-outer { top: 22%; } #fruit .perfect-by-nature { top: 104px; left: 23%; } #fruit h3 { font-size: 64px; line-height: 64px; } #fruit .pears { margin: 20px 0 0 0; } #fruit .cherries { margin: 40px 0 0 0; } #fruit .blueberries { } /* Fluid images for posts, comments, and widgets */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; } img[class*="align"], img[class*="wp-image-"] { height: auto; } img.size-full { max-width: 100%; width: auto; } .wp-caption { max-width: 100%; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for header ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ #header { height: 60px; z-index: 99999; } #header .header-container { padding: 0 0 0 0; width: 100%; } #nav { display: none; } #logo-mobile { display: inherit; position: absolute; top: 12px; left: 20px; } #logo-mobile img { width: 83px; height: auto; } #logo { top: 12px; left: 20px; } #logo img { width: 83px; height: auto; } #login { display: none; } #mobile-navbar { display: inherit; position: absolute; top: 11px; right: 0px; width: 50px; height: 39px; background: url(images/mobile-nav.png) no-repeat; cursor: pointer; } #mobile-close { display: none; position: fixed; top: 36px; right: 11px; width: 25px; height: 39px; background: url(images/mobile-close.png) no-repeat; cursor: pointer; z-index: 9999; } #mainnav { display: none; } #mobilenav { display: none; position: fixed; top: 0; left: 0px; padding: 15% 5% 15% 5%; width: 90%; height: 100%; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 24px; line-height: 36px; z-index: 9998; text-align: center; background: #efefef !important; border: none !important; } #mobilenav ul { display: inherit; padding: 0; list-style: none; } #mobilenav ul li { padding: 12px 0 0 0; height: 32px; float: none; } #mobilenav ul li a { padding: 0 15px 0 15px; display: block; color: #63b946; } #mobilenav ul li a:focus, #mobilenav ul li a:hover, #mobilenav ul li.current-page-ancestor a, #mobilenav ul li.current-menu-item a, #mobilenav ul li.current_page_item a { color: #63b946; text-decoration: none; border: none; } #mobilenav ul li.mobile-login a { display: block; margin: 15px auto 0 auto; padding: 17px 0 0 25px; width: 157px; height: 30px; border: 1px solid #63b946; border-radius: 30px; background: url(images/lock.png) no-repeat 23px center; font-family: 'Knockout 33 A', 'Knockout 33 B', sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #63b946; } #mobilenav ul li.mobile-login a:focus, #mobilenav ul li.mobile-login a:hover { text-decoration: none; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for sub nav ----------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ #subnav-empty, #subnav { display: none; width: 90%; padding: 12px 5% 0 5%; height: 45px; } #subnav ul li { display: inline-block; padding: 0 13px 5px 13px; } #subnav ul li a { display: inline; } #subnav ul li a.set { background-image: none; } #subnav-mobile { display: inherit; position: relative; width: 90%; padding: 22px 5% 0 5%; height: 40px; font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 14px; line-height: 18px; text-transform: uppercase; text-align: left; background: #63b946; z-index: 9997; overflow: hidden; } #mobile-subnav-open { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: url(images/mobile-subnav-open.png) no-repeat; z-index: 9998; cursor: pointer; } #mobile-subnav-close { display: none; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: url(images/mobile-subnav-close.png) no-repeat; z-index: 9998; cursor: pointer; } #subnav-mobile ul { display: inline-block; padding: 0; list-style: none; } #subnav-mobile ul li { display: block; padding: 0 13px 25px 13px; } #subnav-mobile ul li a { display: inline; color: #154d29; height: 41px; } #subnav-mobile ul li.current-menu-item a, #subnav-mobile ul li.current_page_item a, #subnav-mobile ul li.current-cat a, #subnav-mobile ul li a:focus, #subnav-mobile ul li a:hover { color: #fff !important; text-decoration: none; } #subnav-mobile ul li a.set { background-image: none; background-repeat: no-repeat; background-position: center bottom; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for top fruit header -------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ #fruit-header { padding: 20px 0 0 0; height: 50px; } #fruit-header a { padding-top: 0px; height: auto; display: inline-block; text-align: center; } #fruit-header .apples { padding-left: 0; width: 20%; } #fruit-header .pears { padding-left: 0; width: 18%; } #fruit-header .cherries { padding-left: 0; width: 24%; } #fruit-header .blueberries { padding-left: 0; width: 31%; } #slideshow { height: 530px; } #slideshow h3 { padding: 0 0 15px 0; font-size: 42px; line-height: 42px; } #slideshow #slider .slider-wrapper { width: 100% !important; } #slideshow #slider .text { margin: 35px 3% 0 3%; width: 94%; float: none; } #slideshow #slider .text p { padding: 0 50px 15px 50px; display: none; } #slideshow #slider .text .btn { margin-top: 5px; } #slideshow #slider .photo { margin: 35px auto 0 auto; width: 75%; float: none; } #slideshow #slider .photo img { width: 100%; height: auto; } #fruit a { font-size: 14px; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for content blocks ---------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ .content-wide { position: relative; padding: 30px 0 50px 0; } .content h1 { font-size: 28px; line-height: 32px; } .content-wide h2 { margin-bottom: 30px; } .content { margin: 30px 5% 30px 5%; width: 90%; } .content h1 { font-size: 28px; line-height: 32px; } .content-left { margin: 0 5% 0 5%; width: 90%; float: none; text-align: center; } .content-left h3 { width: auto; } .content-right { margin: 0 5% 0 5%; width: 90%; float: none; text-align: center; } /* --------------------------------------------------------------------------------------------------------------- */ /* css for fruit page -------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* css for varities on the fruit page --------------------------------------------------------------------------- */ .single-fruit { position: relative; padding: 10px 0 10px 0; width: 100%; float: left; cursor: pointer; } .single-fruit-description { width: 100%; position: fixed; top: 0; z-index: 9999; } .single-fruit-description .content-left { margin: 0 5% 0 5%; padding: 30px 0 20px 0; width: 90%; text-align: left; } .single-fruit-description .content-left .organic { display: none; } .single-fruit-description .content-left h3 { padding: 0 0 5px 0; } .single-fruit-description .content-left p { padding: 0 0 5px 0; font-size: 14px; line-height: 17px; } .single-fruit-description .content-right { margin: 0 5% 0 5%; padding: 0 0 30px 0; width: 90%; text-align: left; display: block; } .single-fruit-description .content-right p { padding: 0 0 20px 0; font-size: 14px; line-height: 17px; } .single-fruit-description .content-left strong, .single-fruit-description .content-left b { margin: -18px 0 0 30px; display: block; } .close { top: 12px; right: 12px; } /* css for nutrition on the fruit page -------------------------------------------------------------------------- */ .content-nutrition { padding-bottom: 10px; height: auto; } .content-nutrition .content-right h3 { width: 100%; } .content-nutrition .content-left { display: none; margin: 0 5% 0 5%; width: 90%; float: none; } .content-nutrition .content-right { display: block; margin: 30px 5% 0 5%; width: 90%; float: none; text-align: center; } .content-nutrition .content-right h3 { width: 70%; margin: auto; } /* css for tips on the fruit page ------------------------------------------------------------------------------- */ .content-tips { padding: 30px 4% 30px 4%; width: 90%; } .content-tips p { width: 100%; } .content-tips .container { background-image: none !important; min-height: auto; } .content-tips ul { padding: 0 0 0 20px; width: 90%; } /* css for recipes on the fruit page ---------------------------------------------------------------------------- */ .content-recipes .recipe { padding: 0; margin: 0 auto 20px auto; width: 90%; float: none; } .content-recipes .recipe h3 { font-size: 1.5em; } .content-recipes .recipe img { padding: 0; margin: 0; width: 70%; height: auto; } /* css for thumbs images ---------------------------------------------------------------------------------------- */ .content-thumbs { margin: -50px 0 0 0; } .content-thumbs h3 { font-size: 28px; line-height: 28px; } .content-thumbs .thumbs { margin: 0 5% 50px 5%; width: 90%; min-height: 300px; float: none; } .content-recipes .recipe .popup { top: 0px !important; } .grower-thumbs .popup { position: relative; top: 0px !important; } .content-thumbs .thumbs img { width: auto; height: auto; } .bg-popup { display: none; } .popup { /* position: relative; */ width: 100%; padding: 0; margin: 0 0 40px 0; /* z-index: 99995; */ } .content-thumbs .thumb1 .popup, .content-thumbs .thumb2 .popup, .content-thumbs .thumb3 .popup, .content-thumbs .thumb4 .popup, .content-thumbs .thumb5 .popup, .content-thumbs .thumb6 .popup, .content-thumbs .thumb7 .popup, .content-thumbs .thumb8 .popup, .content-thumbs .thumb9 .popup, .content-thumbs .thumb10 .popup, .content-thumbs .thumb11 .popup, .content-thumbs .thumbs12 .popup { top: 0px !important; } .pop-photo img { width: 100% !important; height: auto; } .pop-header .contain { width: 100%; padding-bottom: 25px; } .pop-header-left { padding: 25px 5% 10px 5%; width: 90%; float: none; text-align: center; } .pop-header-left h3 { font-size: 60px; line-height: 1; } .pop-header-right { padding: 0 5% 50px 5%; width: 90%; float: none; } .pop-content { width: 100%; } .pop-left { padding: 45px 5% 0 5%; width: 90%; float: none; } .pop-right { padding: 0 5% 10px 5%; width: 90%; float: none; } .pop-right img { width: 100%; height: auto; } .popup-close { position: absolute; right: 10px; top: -40px; width: 98px; height: 28px; background: url(images/close2.png) no-repeat !important; } /* css for contact --------------------------------------------------------------------------------------------- */ .contact { margin: 0 0 10px 0; font-size: 18px; line-height: 24px; text-align: center; } .contact-left { margin: -50px 5% 0 5%; width: 90%; float: none; font-size: 12px; line-height: 16px; } .contact-right { margin: 50px 5% 0 5%; width: 90%; float: none; text-align: center; } .contact-left2 { margin: 0 0% 50px 0%; width: 90%; float: none; } .contact-right2 { margin: 0 5% 0 5%; width: 90%; float: none; font-size: 12px; line-height: 16px; } .contact-right2 input[type=text], .contact-left input[type=text] { width: 170px; font-size: 14px; line-height: 16px; } .contact-right2 .text-label, .contact-left .text-label { width: 43%; } .contact-right2 .text-field, .contact-left .text-field { width: 57%; } .contact-left textarea { width: 170px; height: 100px; font-size: 14px; line-height: 16px; } /* css for contact/faq ----------------------------------------------------------------------------------------- */ .faq h3 { font-family: 'Knockout 34 A', 'Knockout 34 B', sans-serif; font-size: 13px; line-height: 17px; text-transform: uppercase; color: #63b946; } .question { width: 80%; padding-right: 10%; margin: 0 5% 0 5%; background-position: 98% 20px; } .question .answer { width: 100%; } /* css for contact/indusry ------------------------------------------------------------------------------------- */ .industry .container { width: 90%; } /* -------------------------------------------------------------------------------------------------------------- */ /* css for footer ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ #footer { height: 300px; } .footer-left-top { padding: 45px 0 0 0; float: none; text-align: center; } .footer-left-bottom { padding: 27px 0 25px 0; float: none; text-align: center; } .footer-right-top { padding: 45px 15px 10px 0; float: none; text-align: center; } .footer-right-top a { padding: 0 0 0 5px; } .footer-right-bottom { padding: 5px 0 0 0; float: none; text-align: center; } }