@charset "utf-8";

/* 

Theme Name: DelFresco Produce

Theme URI: https://experiencedmg.com

Description: Built from the ground up.

Author: Douglas Marketing Group

Version: 1.00

******************************************************/





/** GLOBAL

******************************************************/



/*



    font-family: 'Arvo', serif;



    font-family: 'Poppins', sans-serif;



*/



* { vertical-align: baseline; font-size: 100%; outline: 0; padding: 0; margin: 0; }


.grecaptcha-badge {
opacity: 0;
} 

body { background-color:#fff; color:#000; height: 100%; font-family: 'Poppins', sans-serif; overflow-x:hidden; }

html { height: 100%; width: 100%; }



h1 { font-size:137px; margin:0 0 10px 0; padding:0; }

h2 { font-size:57px; margin:0 0 10px 0; padding:0; }

h3 { font-size:33px; margin:0 0 10px 0; padding:0; }

h4 { font-size:18px; margin:0 0 10px 0; padding:0; }

h5 {} 

/*

h2 { font-size:40px; margin:0 0 10px 0; padding:0; }

h3 { font-size:32px; margin:0 0 10px 0; padding:0; }

h4 { font-size:26px; margin:0 0 10px 0; padding:0; }

h5 { font-size:18px; margin:0 0 10px 0; padding:0; }

h6 { font-size:18px; margin:0 0 10px 0; padding:0; }

*/







.cff-wrapper, #sb_instagram, #ctf, #wdi_feed_0{

  height: 323px;

  overflow-y: auto;

}



.social-follow-us{border-bottom: 1px solid lightgray;

    line-height: 38px;}

.social-follow-us .fa-facebook, .social-follow-us .fa-twitter, .social-follow-us .fa-instagram {

  font-size: 16px;

    padding: 4px 10px;

    background-color: #113c63;

    color: #fff;

  }

.social-follow-us .fa-twitter { background-color: #4ccaeb; }

.social-follow-us .fa-instagram { background-color: #FFE900; }



.social-follow-us .fa {

    font-size: 25px;

    margin-right: 5px;

}



.parallax-window {

    min-height: 400px;

    background: transparent;

}



p { font-size:15px; margin:0 0 10px 0; padding:0; }



a { color:#315d9e;  }

a:hover { text-decoration:underline;  }



.nogutter { padding-left:0; padding-right:0; }

.nogutter-l { padding-left:0; }

.nogutter-r { padding-right:0; }



.btn-clear { border:0; border-radius:0; margin:0; }

.btn-clear a { background-color:transparent; border:3px solid #fff; color:#fff; padding:15px 20px; font-size:15px; text-transform: uppercase; 

    -webkit-transition: background-color .5s ease-out;

  -moz-transition: background-color .5s ease-out;

  -o-transition: background-color .5s ease-out;

  transition: background-color .5s ease-out; }

.btn-clear a:hover { background-color: #4ccaeb; text-decoration: none;  

    -webkit-transition: background-color .5s ease-out;

  -moz-transition: background-color .5s ease-out;

  -o-transition: background-color .5s ease-out;

  transition: background-color .5s ease-out; }





.btn-red { border:0; border-radius:0; margin:0; }

.btn-red a { background-color:#f30a25; color:#fff; padding:15px 20px; font-size:15px; text-transform: uppercase; 

    -webkit-transition: background-color .5s ease-out;

  -moz-transition: background-color .5s ease-out;

  -o-transition: background-color .5s ease-out;

  transition: background-color .5s ease-out; }

.btn-red a:hover { background-color: #4ccaeb; text-decoration: none;  

    -webkit-transition: background-color .5s ease-out;

  -moz-transition: background-color .5s ease-out;

  -o-transition: background-color .5s ease-out;

  transition: background-color .5s ease-out; }





.section-title{ font-size:112px; font-family: 'Pacifico', cursive; }





/** HERO HOME

**********************************************************/

.job-type { background-color: #4ccaeb;color: white;padding: 5px;display: initial; }

.greenCursive{ font-size:24px; font-family: 'Pacifico', cursive; color: #b9bf43; }

.blueHeading { text-transform: uppercase;color: #4ccaeb;font-size: 36px;font-family: 'Poppins', sans-serif;font-weight: 700; }

.lightBlue { color: #4ccaeb }

#apply-now { margin-bottom:50px; }

.marg25bot { margin-bottom: 25px; }



.submitApplicationBtn {

  display: block;

  width: 200px;

  height: 61px;

  background: url('https://www.delfrescopure.com/wp-content/uploads/2017/12/Untitled-1-1.jpg') bottom;

  text-indent: -99999px;

  background-position: center 61px;

  border:none;

}

.viewApplyForm {

  display: block;

  max-width: 157px;

  height: 48px;

  background: url('https://www.delfrescopure.com/wp-content/uploads/2017/12/Untitled-1.jpg') bottom;

  text-indent: -99999px;

  background-position: center 48px;

}

.viewJobListing {

  margin-right: auto;

  margin-left: auto;

  display: block;

  max-width: 157px;

  height: 48px;

  background: url('https://www.delfrescopure.com/wp-content/uploads/2017/12/Delfresco_Apply-1.jpg') bottom;

  text-indent: -99999px;

  background-position: center 48px;

}

.viewJobListing:hover, .viewApplyForm:hover, .submitApplicationBtn:hover {

  background-position: center 0;

  cursor:pointer;

}

.jobSotring select{

  width: 100%;

  -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

   

   color:#113c63;

   padding:8px;

    border:1px solid #000;

    font-size:15px; 

}



#otherJobs img { max-width: 100%; height: auto; }

.applyNowSection{ text-align: center; }

.job ul, .joblistings ul{ margin-left:20px; }

.job h3, .joblistings h3{     text-transform: uppercase;

    color: #4ccaeb;

    font-size: 36px;

    font-family: 'Poppins', sans-serif;

    font-weight: 700; }

.joblistings input { padding:5px; }



#btn-apply { background-color:#f30a25; color:#fff; padding:15px 20px; font-size:15px; border:none; text-transform: uppercase; 

    -webkit-transition: background-color .5s ease-out;

  -moz-transition: background-color .5s ease-out;

  -o-transition: background-color .5s ease-out;

  transition: background-color .5s ease-out; }

#btn-apply:hover { background-color: #4ccaeb; text-decoration: none;  

    -webkit-transition: background-color .5s ease-out;

  -moz-transition: background-color .5s ease-out;

  -o-transition: background-color .5s ease-out;

  transition: background-color .5s ease-out; }



/** HERO HOME

**********************************************************/



#mnav{ background-image:url(img/bg-headnav.jpg); background-size:cover; position:relative; height: auto; width: 100%; background-position: center center; -webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.74); -moz-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.74); box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.74); z-index: 9999; }

.top-menu-mobile{display:none;}

.header{ text-align:center; color:#fff; position: absolute; top:30%; left:0; right:0; margin-left:auto; margin-right:auto;}



.header h1 { font-size:137px; font-family: 'Poppins', sans-serif; font-weight: 700; }

.header h2 { font-size:57px; font-family: 'Arvo', serif; }

.header h3 { font-size:33px; font-family: 'Arvo', serif; }





#hero{ background-image:url(img/dfhero.jpg); background-size:cover; position:relative; height: 100%; width: 100%; background-position: center center; }



.top-slide{padding:0px;}

.top-slide-text{ position:absolute; left:0; right:0; text-align:center; margin-top: 150px; color:#fff; }

.top-slide-text h1 { font-size:137px; font-family: 'Poppins', sans-serif; font-weight: 700; text-shadow: 2px 2px #000000;}

.top-slide-text h2 { font-size:57px; font-family: 'Poppins', sans-serif; text-shadow: 2px 2px #000000;}

.top-slide-text h3 { font-size:33px; font-family: 'Poppins', sans-serif; text-shadow: 2px 2px #000000;}



#slider img{ width:100%; }



.noPrint{ display: none; }

.yesPrint{ display: block !important; }



/** MAIN NAV

*********************************************************/



/* CSS used here will be applied after bootstrap.css */



/*!

 * Yamm!3 - Yet another megamenu for Bootstrap 3

 * https://geedmo.github.com/yamm3

 * 

 * @geedmo - Licensed under the MIT license

 */

.yamm .nav,

.yamm .collapse,

.yamm .dropup,

.yamm .dropdown {

  position: static;

}

.yamm .container {

  position: relative;

}

.yamm .dropdown-menu {

  left: auto;

}

.yamm .yamm-content {

  padding: 20px 30px;

}

.yamm .dropdown.yamm-fw .dropdown-menu {

  left: 0;

  right: 0;

}



.dropdown-menu {

    position: fixed;

    top: 115px;

    background-color:rgba(255,255,255,1);

    z-index:9999;

  }

 .top-menu{ margin-top:10px; float:right; }

 .careers-link{ float:right;  color:#fff; font-size:15px; font-weight:600; margin-right:10px; margin-top:5px; }

 .careers-link a{ color:#fff; }

 

.navbar-brand { padding:0 0 0 15px; height: auto; }

.navbar-nav { margin-top:5px; }

.navbar-cust { border-radius:0; background: none; background-color:transparent; border:0; font-family: 'Poppins', sans-serif; margin-bottom:0; }

.navbar-default{ background:none; border:0px; }

.navbar-default .navbar-nav > li > a { color:#fff; font-size:15px; font-weight:600; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#fff; }

.navbar-nav>li>a{ padding:15px 18px; border:2px solid transparent; }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none; color:#fff; border:2px solid #fff; }



.menu-product-list{ float:left; width:14%; font-size:12px; margin-right:3px; text-transform:uppercase; text-align:center;}

.menu-product-list ul{ list-style-type:none;}

.menu-product-list ul li{ text-align:center; margin-bottom:10px; margin-top:10px; }

.menu-product-list img{ margin:0 auto; }

.menu-product-list ul a{ color:#000; }



.sm{ text-align:right; float:right; }

.sm i{ font-size:30px; color:#fff; }



.logo{ margin-top:15px;}



#contact-menu{color:#fff; font-size:15px; font-weight:600; text-transform:uppercase; margin-top:-40px; margin-left:10px; }

#contact-menu a{ padding:30px 0px 10px 0px; text-align:center; }



/** HOME PAGE

*********************************************************/



/*text*/

.hmsec01 { margin-top:90px; margin-bottom:90px; }

.hmsec01 h2 { color:#00b3e3; text-transform: uppercase; font-weight: 700;  line-height:55px; }

.hmsec01-r p { line-height: 26px; font-size:20px; }

.hmsec01-r span { font-family: 'Pacifico', cursive; color:#b9bf43; font-size:42px; }



/*greenhouse*/

.hmgrh { background-image:url(img/bg-hmgrh.jpg); background-size:cover; background-repeat:no-repeat; position:relative; height:477px; width: 100%; background-position: center center; text-align: center; padding-top:75px; color:#fff; }

.hmgrh h2 { font-weight: 700; margin-top:30px; }

.hmgrh h3 { font-family: 'Pacifico', cursive; }



/*freshproduce*/

.hmfp-info { text-align: center; margin-bottom:55px; margin-top:55px; }

.hmfp-info h2 { color:#113c63; font-weight: 700; }



.hmfp { margin-bottom:175px; }

.hmfp-block { height: 325px; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: background-color 11.5s ease-out;

  -moz-transition: background-color 1.5s ease-out;

  -o-transition: background-color 1.5s ease-out;

  transition: background-color 1.5s ease-out; }

  /*

.fp-strawberry { background-image:url(img/fp-strawberry.jpg); }

.fp-beans { background-image:url(img/fp-beans.jpg); }

.fp-cucumber { background-image:url(img/fp-cucumber.jpg); }

.fp-eggplant { background-image:url(img/fp-eggplant.jpg); }

.fp-pepper { background-image:url(img/fp-pepper.jpg); }

.fp-tomato { background-image:url(img/fp-tomato.jpg); }*/



.hmfp-block .hov { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; -webkit-transition: background-color 11.5s ease-out;

  -moz-transition: background-color 1.5s ease-out;

  -o-transition: background-color 1.5s ease-out;

  transition: background-color 1.5s ease-out;  }

.hmfp-block:hover .hov { display: block; background: rgba(0, 0, 0, .5); -webkit-transition: background-color 11.5s ease-out;

  -moz-transition: background-color 1.5s ease-out;

  -o-transition: background-color 1.5s ease-out;

  transition: background-color 1.5s ease-out;  }

.hmfp-block:hover .hov .cont { font-family: 'Arvo', serif; text-align: center; margin-top:40px; color:#fff; text-transform: uppercase; font-size:30px; }

.hmfp-block:hover .hov .btn-clear { margin:20px auto 0 auto; text-align: center; display: block; }

.hmfp-block:hover .hov .btn-clear a { font-size:16px; padding:10px 20px; }

.hmfp-block ul{ list-style:none; text-align:center; color:#fff; }

.hmfp-block ul li{ margin:5px 0px; }

.hmfp-block ul a{ color:#fff; font-size:12px;  }

.hmfp-block .hovoff { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2);}

.hmfp-block .hovoff .cont { font-family: 'Arvo', serif; text-align: center; margin-top:40px; color:#fff; text-transform: uppercase; font-size:30px; }

/*about home*/

.abhm { background-color:#4ccaeb; padding-top:30px; padding-bottom:30px; margin-top:55px; color:#fff; }

.abhm-top { margin-bottom:-200px;}

.abhm-top h1 { font-family: 'Pacifico', cursive; font-size:108px; margin-bottom:45px; }

.abhm .p1 { font-size:20px; }

.abhm-top .fiv { text-align:center;}

.abhm-top .fiv h2 { font-size:163px; font-weight: 700; margin:-15px 0 -50px 0; }

.abhm-top .fiv h3 { font-size:73px; color:#8ce7ff; font-weight: 700; margin: 0; }



.abhm-rimg { position: relative; top:-120px; }

.abhm-limg, .abhmbtm-r { position: relative; bottom:-120px; z-index: 2; }

.abhmbtm-r .btn-clear{ margin-top:50px; }



/*home featured recipes*/

.hm-ftrecipe { /*background-image:url(img/bg-hm-ftrecipe.jpg);*/ height: 1132px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; margin-bottom:100px; }



.hmrecipecon { position: absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:100px; top:300px; }

.hmrecipecon h2 { font-size:51px; }



.fttitle { margin-bottom:30px; text-align:center; }

.fttitle h2 { font-size:51px; color: #113c63; font-weight: 700; text-align: center; }



.ftrec-del { margin-top:340px; }

.ftrec-del h2 { font-size:34px; color:#f30a25; font-family: 'Pacifico', cursive; }



.ftrec-img { position: relative; }

.ftrec-img img { object-fit: cover; width:100%; }

.ftrec-cat { position: absolute; top:0; left:0; background-color: #00b3e3; padding:15px 45px; color:#fff; font-size:16px; font-family: 'Arvo', serif; text-transform: uppercase;}



.ftrecipehm .ftrec-desc { -webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.74); -moz-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.74); box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.74); }

.ftrecipehm .ftrec-desc { background-color: #fff; padding: 10px; }

.ftrecipehm .ftrec-desc h4 { font-family: 'Arvo', serif; font-size:25px; }

.ftrecipehm .ftrec-desc p { font-size:15px; color:#f30a25; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; }

.ftrecipehm .ftrec-desc p a{ color:#f30a25; }



.ftrecipehm a h4 { color:#000; }

.ftrecipehm a p { color:#f30a25; }

.ftrecipehm a:hover { text-decoration: none; opacity: 0.9; }



.nutr-facts{ padding:20px 0px; }

/*social blocks*/

.socblocks { position: relative; height: 366px; }



.socblocks .socface{ /*background-color:#3b5998;*/ height: 100%; /*padding:15px; /*padding-top:50px;*/}

.socblocks .socpint { background-image: url(img/bg-pint.jpg); background-size: cover; background-repeat: no-repeat; height: 100% }

.socblocks .soctwit { /*background-color: #00aedd;*/ height: 100%; /*padding:15px; /*padding-top:30px;*/ }

.socblocks .socinst { /* background-image: url(img/bg-inst.jpg); background-size: cover;*/ background-repeat: no-repeat; height: 100%; }

.socblocks .socinst2 { /* background-image: url(img/bg-inst.jpg); background-size: cover;*/ background-repeat: no-repeat; height: 100%; }

.socblocks .socpint img, .socblocks .soctwit img, .socblocks .socinst img { position: absolute; top:0; margin-left:auto; margin-right:auto; left:0; right:0; }



.socblocks .soctwit .twitcont { margin-top:150px; text-align: center; }

/*.socblocks .soctwit p { font-size:12px; }*/

.socblocks .soctwit a { /*color:#ffef83;*/ }

.socblocks .ctf-author-avatar img { position: relative; }



.soc-icon-overlay{ position:absolute; z-index:999; top:0px; left:0; right:0; margin-left:auto; margin-right:auto; text-align:center; }

.sbi_load{display:none;}

.socinst2 .sbi_item:first-child{ display:none !important;}

/*#ctf .ctf-item{ padding-top:10px !important; }*/



/** INTERNAL CONTENT

**********************************************************/



.int-head { padding-left:0; padding-right:0; position: relative; height: 197px; margin-bottom:80px; }

.int-head img { object-fit: cover; width: 100%; height: 197px; }

.int-head .titlearea { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);   padding:10px; position: absolute; bottom:0px; left:0; right:0; margin-left:auto; margin-right:auto; }

.int-head h2 { margin:10px 0 0 0; color:#113c63; font-weight: 600; }



.int-content { margin-top:45px; margin-bottom:45px;   }







/** INTERNAL PRODUCTS

**********************************************************/



.int-prod-head { padding-left:0; padding-right:0; max-height: 646px; }

.int-prod-head img { object-fit: cover; max-height: 646px; width: 100%; }

.prodheadimg { padding-left:0; padding-right:0; }



.prodintrocont { text-align: center; margin-bottom:75px; }

.prodintrocont h2 { color:#113c63; font-weight: 700; margin-bottom:20px; }

.prodintrocont p { line-height: 28px; }



.prod-display { margin-bottom:75px; }

.prod-display .prod .desc { margin-top:15px; text-align: center; }

.prod-display .prod .desc h4 { font-size:20px; text-transform: uppercase; font-weight: 600; color:#113c63; }





.ftrecipe-prod { background-color:#ec2328; margin-bottom:45px; }

.ftrecipbx { background-color:#fff;}

.ftrecipetxt { color:#fff; }

.ftrecipetxt h2 { font-size:69px; font-weight: 700; margin-top: 100px; line-height: 65px; }

.ftrecipetxt h3 { font-size:49px; font-family: 'Pacifico', cursive; }



.product-desc {font-size:20px; }

.product-desc ul {

list-style:none;

/*

    list-style-image: url('img/check.png');

    padding:0;

    margin-left:55px;*/

}

.product-desc li{ background:url('img/check.png') no-repeat left center; 

     padding-left: 55px; /* the width of your image + some space */

     margin: 10px 0; padding-top:15px; padding-bottom:10px; }



.prod-desc-wrap{ margin-bottom:50px; }

.prod-desc-wrap h5{ margin:0 auto; text-align:center; }



.facts-wrap{ margin-bottom:70px; }



/** CONTACT PAGE

**********************************************************/



.int-contact { width:100%; height: 100%; padding-left:0; padding-right:0; }

.int-contact #map { width:100%; height: 100%; position: relative; }



.int-contact .contactinfo { position: absolute; top:150px; z-index: 99; margin-top: 100px; left:0; right:0; margin-left:auto; margin-right:auto;  }

.int-contact .contactinfo .contbx { padding:20px; /*-webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);*/ background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.7); }



.int-contact .contactinfo .contbx h3 { color:#113c63; font-weight: 700; }

.int-contact .contactinfo .contbx p { font-size:13px; margin-bottom:5px; }



.int-contact .contactinfo .contbx ul.soccont { list-style: none; margin-top:15px; margin-bottom:5px; }

.int-contact .contactinfo .contbx ul.soccont li { display: inline; margin-right:5px; }

.int-contact .contactinfo .contbx ul.soccont li i { font-size:25px; }



.int-contact .contactinfo .contbx ul.soccont li.fb i { color:#00263D; }

.int-contact .contactinfo .contbx ul.soccont li.tw i { color:#00B3E3; }

.int-contact .contactinfo .contbx ul.soccont li.ig i { color:#FFE900; }

.int-contact .contactinfo .contbx ul.soccont li.pi i { color:#F7323F; }



.int-contact .contactinfo .contbx .form { margin-top:30px; }





/** RECIPES LANDING PAGE

**********************************************************/



.recipenavarea { margin-bottom:45px; }



.recipenavbtn { position: relative; top: 0; z-index: 1; }

.recipenavbtn:hover { cursor: pointer; }



.recipenav { display: none;  font-size:18px;  }

.recipenav ul { list-style: none; margin-top:20px; }

.recipenav ul li { display:inline-block; float: left; width: 50%;  }

.recipenav ul li:hover { background-color:aqua; color:#fff; }

.recipenav ul li a { display: block; color:#000; padding:15px; }

.recipenav ul li:hover a { text-decoration: none; }



.recipenavarea .btn-red a { padding:15px 45px; font-size:18px; font-weight: 600; }

.recipenavarea .btn-red a span { font-size:35px; position: relative; top:6px;}



.recipesland .ftrecipehm { margin-bottom:45px; }







/** RECIPES - INTERNAL

**********************************************************/



.int-recipe { margin-top:0; margin-bottom:0;}

.int-recipe .recipetitlelg h2 { font-size:65px; color:#f30a25; text-transform: uppercase; line-height: 55px; margin-top:115px; margin-bottom:20px; }

.int-recipe .recipeftimg { height: 455px; }

.int-recipe .recipeftimg img { object-fit: cover; height: 455px; width: 100%; }



.quickprep { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding-top:20px; padding-bottom:20px; }



.quickprep ul.prepbar { list-style: none; margin:0;  }

.quickprep ul.prepbar li { display: inline-block; margin-right:35px;  }

.quickprep ul.prepbar li h4 { font-size:14px; font-weight: 600; margin-bottom:5px; }

.quickprep ul.prepbar li p { font-size:13px; margin:0; }





/*ingredients/steps*/

.recipeinfo { background: linear-gradient(to right, #f3f3f3 50%, #fff 50%); padding-top:45px; padding-bottom:45px; }

.recipeinfo-left { background-color:#f3f3f3; }

.recipeinfo-right { background-color:#fff; }



.recipeinfo h3 { color:#113c63; font-weight: 700; margin-bottom:25px; }



.recipeinfo-left h4 { text-transform: uppercase; color:#f30a25; margin:0 0 5px 0; }

.recipeinfo-left p { font-size:14px; margin-bottom:20px; }



.recipeinfo-right ol { margin-left:15px; }

.recipeinfo-right ol li { margin-bottom:15px; }





.recipeinfo-right ol {

	counter-reset:li; /* Initiate a counter */

	margin-left:0; /* Remove the default left margin */

	padding-left:0; /* Remove the default left padding */

}

.recipeinfo-right ol > li {

	position:relative; /* Create a positioning context */

	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */

	padding:4px 8px 10px 8px; /* Add some spacing around the content */

	list-style:none; /* Disable the normal item numbering */



}

.recipeinfo-right ol > li:before {

	content:counter(li); /* Use the counter as content */

	counter-increment:li; /* Increment the counter by 1 */

	/* Position and style the number */

	position:absolute;

	top:1px;

	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:10px;

	padding:4px;

	

	color:#fff;

	background:#6acff4;

    border-radius: 50%;

	font-weight:600;

	text-align:center;

}

.recipeinfo-right li ol,

.recipeinfo-right li ul {margin-top:6px;}

.recipeinfo-right ol ol li:last-child {margin-bottom:0;}



/*related recipes*/

.relatedrecipe { margin-top:45px; margin-bottom:45px; }

.relatedrecipe h3 { color:#113c63; font-weight: 700; margin-bottom:25px; margin-top:20px; }



.ftrecipehm .ftrec-desc h4{ height:80px; }

.ftrecipehm .ftrec-desc sup{ font-size:12px; }

.recipetitlelg sup{font-size:30px; top:-30px;}



.a2a_kit{width:150px; margin:0 auto; padding:40px 0px; }



.ingopt a:hover{ text-decoration:none; }



/** BERRIES

**********************************************************/



.yes-why{ text-align:center; }



/** CAREERS

**********************************************************/



.job{ margin-top:30px; margin-bottom:50px; margin-top:50px; border-bottom:1px solid #ddd; padding-bottom:30px; }

.job-label{ color:#b0ce71; font-size:30px; font-family: 'Pacifico', cursive; }

.job-title{ color:#4ccaeb; font-size:36px; font-family: 'Poppins', sans-serif; font-weight:700; }

.job-date{ color:#4ccaeb; font-size:18px; text-align:center; }

.apply-btn{ padding:5px 25px; color:#b0ce71; border:1px solid #b0ce71; text-align:center; font-size:28px; line-height:26px; margin-bottom:20px; }

.apply-btn a{ color:#b0ce71; }

.learn-more-label{font-family: 'Pacifico', cursive; }

.job-post-date{ font-weight:700; }





/** FOOTER

**********************************************************/



.footer { background-image:url(img/bg-footer.jpg); background-size:cover; position:relative; height:725px; width: 100%; background-position: center center; color:#fff; padding-left:0; padding-right:0;}



.footer a { color:#fff; }

.footer a:hover { color:#00aedd;}



.footer .ftlogos { margin-top:50px; margin-bottom:70px; }



.footer ul { list-style: none; }

.footer h4 { font-size:20px; font-weight: 700; margin-bottom:25px; }

.footer .ftadd p { line-height: 28px; }



ul.ftsoc li { display: inline; margin-right:5px; }

ul.ftsoc li i { font-size:35px; }



.ftlinks ul li, .ftprods ul li { margin-bottom:15px; text-transform:uppercase; }

.ftproducts h4{ text-align:center; }

.footerarea { margin-bottom:65px; }

.ftline { border-top:1px solid #fff;  }



.copyr { margin-top:40px; }

.copyr p { margin:0; font-size:12px; }



/** Process

**********************************************************/

.pest{ margin-bottom:50px; margin-top:50px; }

.pest-l h2{ font-size:50px; color:#00b3e3; text-transform:uppercase; font-weight:700;}

.pest h3{ font-size:30px; font-family: 'Pacifico', cursive; color:#4ccaeb; }



.earth-wrap{ background-color:#b0ce71; padding-top:50px; padding-bottom:50px; color:#fff; }

.earth-wrap h2{ font-size:56px; color:#fff; text-transform:uppercase; font-weight:700;}

.earth-wrap h3{ font-size:30px; font-family: 'Pacifico', cursive; }



.process { background-color:#4ccaeb; padding-top:30px; padding-bottom:10px; margin-top:30px; color:#fff; margin-bottom:150px; }

.process-top { margin-bottom:-200px;}

.process-top h1 { font-family: 'Pacifico', cursive; font-size:108px; margin-bottom:45px; }

.process .p1 { font-size:20px; }

.process .c1 { font-family: 'Pacifico', cursive; font-size:30px; }

.process-top .fiv { text-align:center;}

.process-top .fiv h2 { font-size:163px; font-weight: 700; margin:-15px 0 -50px 0; }

.process-top .fiv h3 { font-size:73px; color:#8ce7ff; font-weight: 700; margin: 0; }



.process-rimg { position: relative; top:-120px; }

.process-limg, .processbtm-r { position: relative; bottom:-120px; z-index: 2; }



/** Story

**********************************************************/

.certs h2{ font-size:52px; font-family: 'Poppins', sans-serif; font-weight: 600; color:#113c63; text-align:center; margin-bottom:40px; } 

.cert-title{ font-size:20px; font-family: 'Poppins', sans-serif; color:#000; text-transform:uppercase; font-weight:700; margin-bottom:25px; }

.cert-img{height:125px; }

.cert-wrap img { height:auto; }

.cert-wrap h1 { font-size:20px; font-family: 'Poppins', sans-serif; color:#000; text-transform:uppercase; font-weight:700; margin-bottom:25px; }



.assocs{ margin-top:50px; margin-bottom:50px; }

.assoc-icons{ display: table;

  height: 100px;

  width: 100%;

  text-align: center; }

.assoc-icon{ vertical-align:middle; display: inline; float:left; width:33%; }

.assocs h2{ font-size:52px; font-family: 'Poppins', sans-serif; font-weight: 700; color:#113c63; text-align:center; } 



.story { background-color:#4ccaeb; padding-top:30px; padding-bottom:10px; margin-top:30px; color:#fff; margin-bottom:150px; }

.story-top { margin-bottom:-200px;}

.story-top h1 { font-family: 'Pacifico', cursive; font-size:108px; margin-bottom:45px; }

.story .p1 { font-size:20px; }

.story .c1 { font-family: 'Pacifico', cursive; font-size:30px; }

.story-top .fiv { text-align:center;}

.story-top .fiv h2 { font-size:163px; font-weight: 700; margin:-15px 0 -50px 0; }

.story-top .fiv h3 { font-size:73px; color:#8ce7ff; font-weight: 700; margin: 0; }



.story-rimg { position: relative; top:-120px; }

.story-limg, .storybtm-r { position: relative; bottom:-120px; z-index: 2; }



/** News

**********************************************************/



.news-wrap { height:455px; margin-bottom:30px; box-shadow:0px 6px 5px -4px rgba(0,0,0,0.74); }

.news-img { position: relative; }

.news-img img { object-fit: cover; height:213px; width:100%; }

.news-cat { position: absolute; top:0; left:0; background-color: #00b3e3; padding:20px 20px; color:#fff; font-size:16px; font-family: 'Arvo', serif; text-transform: uppercase;}

.news-desc h4 a{ font-size: 25px; color:#000; }

.news-desc{ margin:10px 0px; }

.news-desc h4 { margin-bottom:30px; margin-top:15px; }

.news-wrap .read-more{ padding:10px 15px; color:#0e1371; font-size:16px; border:1px solid #0e1371; width:150px; text-align:center; float:left; }

.news-wrap .read-more a{ color:#0e1371; }

.share{float:right; }

.news-date{clear:both; text-align:center; font-size:10px; font-style:italic; position:absolute; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; }



.sidebar h3{ font-family: 'Poppins', sans-serif; font-weight: 600; color:#113c63; }

.sidebar ul li a{ /*font-family: 'Arvo', serif;*/ text-transform: uppercase; color:#000; }

.sidebar ul li{ margin:10px 0px; }

.sidebar ul{ list-style:none; }



article h2{ font-size:30px; }



.single article { margin-bottom:30px; }





/** Contact Page

**********************************************************/



#wpcf7-f24-o1 input, #wpcf7-f24-o1 textarea{padding:5px; margin-bottom:10px; }



.quacom { background-color:#4ccaeb; padding-top:30px; padding-bottom:30px; margin-top:25px; color:#fff; margin-bottom:150px; }

.quacom-top { margin-bottom:-200px;}

.quacom-top h1 { font-family: 'Pacifico', cursive; font-size:108px; margin-bottom:45px; }



.quacom .p1 { font-size:20px; }

.quacom .c1 { font-family: 'Pacifico', cursive; font-size:30px; }

.quacom-top .fiv { text-align:center;}

.quacom-top .fiv h2 { font-size:163px; font-weight: 700; margin:-15px 0 -50px 0; }

.quacom-top .fiv h3 { font-size:73px; color:#8ce7ff; font-weight: 700; margin: 0; }



.quacom-rimg { position: relative; top:-120px; }

.quacom-limg, .quacombtm-r { position: relative; bottom:-120px; z-index: 2; }



.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {

    color: #D8000C;

    background-color: #FFBABA;

    border: 0;

    padding: 10px;

}

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {

    color: #4F8A10;

    background-color: #DFF2BF;

    border: 0;

    padding: 10px;

}

div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {

    font: 26px/30px dashicons;

    margin-right: 16px;

    vertical-align: middle;

}

div.wpcf7-mail-sent-ok:before {

    content: "";

}

div.wpcf7-validation-errors:before {

    content: "";

}



#wpcf7-f24-o1 input, #wpcf7-f24-o1 textarea { width: 100%; }

.wpcf7-response-output { float:left; margin-top:0; text-align: center; }



/** WORDPRESS CORE

**********************************************************/

.alignnone { margin: 5px 20px 20px 0; }



.aligncenter,

div.aligncenter { display: block; margin: 5px auto 5px auto; }



.alignright { float:right; margin: 5px 0 20px 20px; }

 

.alignleft { float: left; margin: 5px 20px 20px 0; }



a img.alignright { float: right; margin: 5px 0 20px 20px; }



a img.alignnone { margin: 5px 20px 20px 0; }



a img.alignleft { float: left; margin: 5px 20px 20px 0; }



a img.aligncenter { display: block; margin-left: auto; margin-right: auto }



.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */     padding: 5px 3px 10px; text-align: center; }



.wp-caption.alignnone { margin: 5px 20px 20px 0; }



.wp-caption.alignleft { margin: 5px 20px 20px 0; }



.wp-caption.alignright { margin: 5px 0 20px 20px; }



.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }



.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }



/* Text meant only for screen readers. */

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }



.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 	clip: auto !important; 	color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; 	line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */

}



/*

@media (min-width: 979px) {

  ul.nav li.dropdown:hover > ul.dropdown-menu {

    display: block;

  }

}*/



/** MEDIA QUERIES

**********************************************************/



	

	/* Large Devices, Wide Screens */

	@media only screen and (max-width : 1200px){

        .navbar-nav{margin-top:15px; }

		.navbar-default .navbar-nav > li > a { font-size:12px; }

		.navbar-nav>li>a{ padding:5px 10px;}

		.careers-link{ font-size:12px; }

        .careers-link a { font-size:13px; }

		.menu-product-list{ width:13%; margin-right:11px; }

		

		.abhm-top h1{ font-size:90px; }

	 	.abhm-top .fiv h2{ font-size:130px; }

	 	.abhm-top .fiv h3{ font-size:60px; line-height:80px; }

	 	.abhm .p1{ font-size:16px; }

	 	.abhm p{ font-size:12px; }

	 	.btn-clear a{ padding:10px 15px; }

	 	.ftrec-del{ margin-top:200px; background-color:rgba(255,255,255,0.5); padding:20px;  }

	 	

	 	.prodintrocont{ margin-bottom:40px; }

	 	.prodintrocont h2{ font-size:50px; }



	 	.process .p1 { font-size:16px; }

		.process .c1 { font-family: 'Pacifico', cursive; font-size:24px; }

		.process p{ font-size:12px; }

		

		.earth-wrap h2{ font-size:34px; }

		.earth-wrap h3{ font-size:20px;  }

		.earth-wrap p{ font-size:12px;}

		

		.ftrecipetxt h2 {font-size:50px; }

		.ftrecipetxt h3{ font-size:40px; }

		.socblocks .socface{ height:313px; }

		.socblocks .soctwit{ height:313px; }

		.soc-icon-overlay img{ width:15%; }

		.int-contact .contactinfo{ top:80px; }

		#wpcf7-f24-o1 input, #wpcf7-f24-o1 textarea{ width:100%; padding:3px; }

		#wpcf7-f24-o1 textarea{ height:75px;}

		

		.footerarea{ font-size:12px; }
		
		.romainecalmtext pRC { font-size:48px; }

	}

 

	/* Medium Devices, Desktops */

	@media only screen and (max-width : 992px){

	

		.navbar-default .navbar-nav > li > a{ font-size:13px; }

		.navbar-nav>li>a{ padding:3px 6px; }

		.navbar-brand>img{ width:150px; margin-top:25px; }

		.careers-link{ font-size:10px; }

		#contact-menu{ margin-top:-20px; }

		#contact-menu a{ padding: 0px 0px 10px 0px; }

		.sm i{font-size:22px; }

		.top-slide-text h1{ font-size:90px; }

		.hmgrh h2{ font-size:46px; }

		.hm-ftrecipe{ margin-bottom:25px; height:900px; }

		.hmfp-block:hover .hov .cont{ font-size:20px; }

		.hmfp-block .hovoff .cont{ font-size:20px; }

		

		.abhm-top h1{ font-size:70px; }

	 	.abhm-top .fiv h2{ font-size:90px; }

	 	.abhm-top .fiv h3{ font-size:40px; line-height:80px; }

	 	.abhm .p1{ font-size:12px; }

	 	.abhm p{ font-size:11px; }

	 	.abhmbtm-r .btn-clear{ margin-top:20px; }

	 	.btn-clear a{ padding:5px 10px; font-size:12px; }

	 	.hmrecipecon{top:100px;}

	 	.recipesland{ clear:both; }

	 	.fttitle img { -webkit-filter: drop-shadow(5px 5px 5px #222);

    filter:         drop-shadow(5px 5px 5px #222);  }

		.ftrecipetxt h2{ font-size:30px; line-height:30px; }

		.ftrecipetxt h3{ font-size:28px;}

		.ftrec-del{ margin-top:100px; }

		.ftrec-del p{ font-size:12px; }

		.ftrec-del h2 { font-size:24px; }

		.quickprep ul.prepbar li h4{ font-size:12px; }

		.quickprep ul.prepbar li p{ font-size:12px; }

		.ingopt{ font-size:12px;}

		

		.story .p1{ font-size:14px; }

		.story p{ font-size:11px; }

		

		.certs .cert-title{ font-size:16px; }

		.certs p{ font-size:12px; }

		

		.prodintrocont h2 { font-size:36px; }

	 	.product-desc, .product-desc p { font-size:14px; }

	 	.product-desc li{}

	 	

	 	.pest-l h2{ font-size:36px; }

		

		.earth-wrap h2{ font-size:26px; }

		.earth-wrap h3{ font-size:16px; }

		.earth-wrap p{ font-size:11px; }

		

		.socblocks .soctwit{ height:240px; }

		#ctf .ctf-item{ padding-top:30px !important; }

		.footer{ height:850px; }

		.footer p{ font-size:12px; }

		.footer .ftadd p { line-height:16px; }

		ul.ftsoc li i{ font-size:24px; }

		.ftadd{ text-align:center; }

        .romainecalmtext pRC { font-size:48px; }

	}



@media only screen and (max-width : 991px){

    

    .cert-wrap { height: auto; margin-bottom:65px; text-align: center;}

    .cert-wrap img { margin:auto; height: auto; }

    .cert-img { height: auto; margin-bottom:10px; }

    .sidebar { margin-top:40px; padding-top:40px; border-top:1px solid #000; margin-bottom:45px; }

    

}



   @media only screen and (max-width : 768px){

   	.hovoff{display:none !important;}

   	.hmfp-block .hov .cont { font-family: 'Arvo', serif; text-align: center; margin-top:40px; color:#fff; text-transform: uppercase; font-size:24px !important; }

   	.hmfp-block .hov { display:inline; background: rgba(0, 0, 0, .5);}
	   
	.romainecalmtext pRC { font-size:48px; }   

   }



 

	/* Small Devices, Tablets */

	@media only screen and (max-width : 767px){

      .applyNowSection{ text-align: left; }

      .viewJobListing { margin-left: 0; margin-top: 15px; }

      .jobSotring{ margin-top: 5px }

		.navbar-brand>img{ width:255px; margin:0 auto; margin-top:25px; }

		.navbar-brand{ width:100%; }

		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ border:2px solid transparent; }

		.navbar-collapse{position:absolute !important; background-color:#777; width:100%; }

		.top-menu{ display:none; }

		.top-menu-mobile{ display:block;}

		.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown{ overflow:hidden; }

		.yamm .yamm-content{padding:0px 10px; }

		.menu-product-list{ width:100%; text-align:left;}

		.menu-product-list img{ display:none; }

		.menu-product-list ul li{ text-align:left; font-size:10px;}

		.menu-product-list ul a{ color:#fff; margin-left:15px;}

		

		

		.top-slide-text h2{ font-size:34px;}

		.top-slide-text h1{ font-size:46px; }

		.top-slide-text h3{ font-size:34px; }

		.hmsec01 h2{font-size:40px; line-height:40px; }

		

		#contact-menu{ margin-top:0px; margin-left:5px; }

		#contact-menu a{ text-align:left; }

		

        .sm{ text-align:left; float:left; }

		.careers-link{ float:left; margin-left:8px; width:100%; margin-bottom:10px; }

        .top-menu-mobile .sm { width:100%; margin-left: 8px; }

        .top-menu-mobile .sm a { margin-right:10px; }

        

        

		

       .story-rimg { position:static; }

       .top-slide-text{ margin-top:50px; }

       

       .ftrec-del{ margin-top:20px; text-align: center;

background-color: rgba(255,255,255,0.5);

margin-bottom: 20px;

padding: 15px; }

       .hm-ftrecipe{ height:1200px; }

       .ftrecipehm{ margin-bottom:20px; }

       .ftnews{ text-align:center; }

       .hmgrh h2 {font-size:34px; }

       .hmgrh h3 { font-size:24px; }

       

       .process-rimg{ top:0px; margin-bottom:50px;}

       .process-top{margin-bottom:0px;}

       .process-limg { bottom:0px; margin-bottom:50px; }

       .processbtm-r{ bottom:0px; }

       

       .story-rimg{ top:0px; margin-bottom:50px;}

       .story-top{margin-bottom:0px;}

       .story-limg { bottom:0px; margin-bottom:50px; }

       .storybtm-r{ bottom:0px; }

       

       .abhm-top{ margin-bottom:0px; text-align:center; }

       .abhm-rimg{ top:0px;}

       .abhm-limg, .abhmbtm-r{ bottom:0px; margin-top:50px; }

        

        .fttitle img { margin:auto; }

        .ftrec-del { text-align: center; }

       

       .recipeinfo{ background:none; }

       .recipeinfo-left{ background:none; }

       .share{ text-align:center; }

       

       

       .news-desc p { font-size:12px; }

       

       .ftlogos img{ margin:0 auto; }

       

       .int-head h2{ font-size:44px; }

       .socblocks{ height:auto; }

       .socblocks .socinst, .socblocks .soctwit, .socblocks .socinst2{height:400px; margin-top: 85px;}

       .socblocks .socpint img, .socblocks .soctwit img, .socblocks .socinst img{ width:15%; }

       .navbar-toggle{ background-color:#fff; }

       

       .footer{ height:1000px; }

       .footer h4{ font-size:14px; }

       .ftadd{ text-align:center; }

        

        .int-contact .contactinfo { top:140px; }

        .int-contact { height: 100%; }

        

        

        .top-menu-mobile .sm a i.fa-facebook-square { color:#00263D; }

        .top-menu-mobile .sm a i.fa-twitter-square { color:#00B3E3; }

        .top-menu-mobile .sm a i.fa-instagram { color:#FFE900; }

        .top-menu-mobile .sm a i.fa-pinterest-square { color:#F7323F; }

 		.romainecalmtext pRC { font-size:48px; }

	}

 

	/* Extra Small Devices, Phones */

	@media only screen and (max-width : 590px){

        

		.hmgrh h2 {font-size:26px; }

       .hmgrh h3 { font-size:18px; } 

        

        .prodintrocont h2 { margin-bottom:0; margin-top:25px;}

        .ftlinks ul li, .ftprods ul li{ margin-bottom:5px; }

        .footer{ font-size:10px; }

        .footerarea{ font-size:10px; }

        

        .assoc-icon { width:50%; }

	}



	@media only screen and (max-width : 550px){

    

		.recipenav li{ font-size:12px; }

		.abhm-top h1{font-size:50px; }

		.socblocks .socinst, .socblocks .soctwit, .socblocks .socinst2{height:300px; margin-top: 135px;}

		.hmfp-info h2{ font-size:40px; }

		.ftrec-del h2{ font-size:32px; }

        .ftrecipetxt h2{ font-size:30px; }

        .ftrecipehm .ftrec-desc h4{font-size:18px; }

        

        .top-slide-text h1{ font-size:36px; }

        .top-slide-text h2{ font-size:22px; }

        .top-slide-text h3{ font-size:22px; }

        

        .news-desc h4 a { font-size:20px; line-height: 28px; }

        .news-wrap { height: 550px; }

        .news-wrap .read-more { width: 100%; margin-bottom:25px; }

        .share { float: none;  }
		
		.romainecalmtext pRC { font-size:48px; }

        

    }



	@media only screen and (max-width : 420px){

        

        .assoc-icon { width:100%; }

        .assocs h2 { font-size:37px; }

        .certs h2 { font-size:37px; }
		
		.romainecalmtext pRC { font-size:48px; }

}

 

	/* Custom, iPhone Retina */

	@media only screen and (max-width : 360px){

        

		.recipenav li{ font-size:11px; }

 

	}