/*
Theme Name: erecipe
Theme URI: http://pelbox.com/
Author: Gagandeep Singh
Author URI: http://gagandeep.net/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: erecipe
*/





/*  eRecipe Stylesheet  */




/*FONT DECLARATIONS*/

@font-face {
    font-family: puente;
    src: url(css/fonts/puente.ttf);
    letter-spacing: 2px;
}

p {
  font-family: 'Raleway',Verdana, sans-serif;
  font-size: 18px;
  font-weight: 200;
}

h4, h5 {
  font-family: 'Raleway',Verdana, sans-serif;
  font-size: 26px;
  font-weight: 500;
}

h1, h2 {
  font-family: 'puente';
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
}









/* BODY STYLING */

body {
  width: 100%;
  margin: 0px;
  background: #E0E0E0;
}

.button {
  padding: 7px 30px;
  display: block;
  background: #9AAD3F;
  color: #e0e0e0;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: none;}

input, textarea {
  display: block;
  font-size: 18px;
  color: #ffffff;
  background-color: #646464;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  padding: 7px 10px;
  border: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover, .button:hover, .hover:hover{
  cursor: pointer;
}

header.page-header {
  background: none;
  padding: 50px 0 0 0;
  height: auto;
}

header.page-header h1 {
  width: 100%;
  margin: 0;
}

.not-found .page-content {
  padding-bottom: 50px;
}


::-webkit-input-placeholder { /* Chrome */
  color: #cccccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #cccccc;
  opacity: 1;
}
















/*  HEADER STYLING   */

header {
  position: relative;
  width: 100%;
  height: 75px;
  background: #251818;
  overflow-y: visible;
}

header img {
  display: block;
  float: left;
  width: 200px;
  margin: 9px 0 0 18px;
}

header nav {
  position: relative;
  display: block;
  float: right;
  overflow-y: visible;
  color: #ffffff;

}

header nav ul {
  display: inline-block;
  overflow-y: visible;
  margin: 20px 20px 0 0;
}

header nav ul li {
  display:  inline-block;
  list-style-type: none;
  padding: 0 15px;
  font-family: 'Raleway',Verdana, sans-serif;
  font-size: 21px;
  font-weight: lighter;
}

header nav ul li a:hover {
  color: #9AAD3F;
}

header nav ul li.button {
  display: inline-block;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;}

.mobile-nav {
  display: none;
  width: 140px;
  float: right;
}

.mobile-nav img {
  display: block;
  width: 40px;
  margin: 0;
  padding: 15px;
  float: right;
}

.mobil-nav-dropdown {
  position: absolute;
  top: 75px;
  width: 75%;
  max-width: 500px;
  float: left;
  z-index: 99999;
  border: 1px solid #9aad3f;
}

.mobil-nav-dropdown ul li {
  width: 100%;
  padding: 18px 20px;
  box-sizing: border-box;
  background:  #251818;
  color: #ffffff;
  border-top: 1px solid #9AAD3F;
  font-size: 20px;
  font-family: 'Raleway';
  letter-spacing: 2px;
  font-weight: 200;
}

.mobil-nav-dropdown ul li:first-child {
  border: none;
}

.login-dropdown {
  display: none;
  position: absolute;
  width: 260px;
  top: 75px;
  right: 0;
  padding: 10px 0px 10px 20px;
  z-index: 99999;
  background: #251818;
  box-sizing: border-box;
}

.login-dropdown.active {
  display: block;
}

.login-dropdown input, .login-dropdown button, .login-dropdown p {
  width: 80%;
  display: block;
  box-sizing: border-box;
  margin: 7px 0;
  float: left;
  font-size: 18px;
  font-family: 'Raleway';
}

.login-dropdown p {
  color: #ffffff;
}

.login-dropdown img {
  display: block;
  float: right;
  width: 20%;
  margin: 0;
  padding: 0 7px;
  box-sizing: border-box;
}

.login-dropdown img:hover {
  cursor: pointer;
}

.login-dropdown p a {
  text-decoration: underline;
}

.wp-user-form .error a{
	color: #999;
	clear: both;
	display: block;
	text-decoration:underline;
}


@media (min-width: 1500px) {
  header nav ul li {
    font-size: 25px;
  }
}

@media (max-width: 1000px) {
  header nav ul li {
    font-size: 16px;
    padding: 0 10px;
  }
}

@media (max-width: 800px) {

  header nav {
    display: none;
  }

  .mobile-nav {
    display: block;
  }
}

@media (max-width: 400px) {
  .mobile-nav img {
    width: 35px;
    padding: 18px 15px;
  }
}

@media (max-width: 360px) {

  .mobile-nav {
    width: auto;
  }

  .mobile-nav img {
    width: 30px;
    padding: 21px 10px;
  }
}













/*  SLIDER CONTENT */

.n2-ow p {
  text-shadow: 2px 2px #000000 !important;
}

.search-recipes-backdrop.home {
  display:none;
}

.slider-wrap, .slider-wrap2 {
  z-index: 0;
  position: relative;
  overflow: auto;
}

.slider-wrap2 {
  width: 100%;
}

.slider-wrap2 img {
  width: 100%;
}

.slide {
  z-index: 0;
}

.slide img {
  display: block;
  width: 100%;
  z-index: 0;
}

.text-overlay {
  width: 100%;
  position: absolute;
  top: 0;
}

.slider-text-p, h4.slider-text {
  display: none;
}

.text-overlay p {
  font-family: 'puente' !important;
  display: none;
  font-size: 50px;
  letter-spacing: 2px;
  font-weight: lighter;
  margin: 20px 0;
  text-align: center;
  color: #ffffff;
  text-shadow: 2px 2px #000000;
}

.text-overlay .column-one h1 {
  font-family: 'puente' !important;
  font-size: 50px;
  letter-spacing: 2px;
  font-weight: lighter;
  margin: 40px 0;
  text-align: center;
  color: #ffffff;
  text-shadow: 2px 2px #000000;
}

.text-overlay .column-one  {
  width: 60%;
}

.text-overlay .column-two {
  width: 40%;
}

.text-overlay .column-one p {
  font-size: 35px;
  padding: 0px 20px;
}

.text-overlay .column-two img {
  width: 50%;
  margin: 35px auto 0 auto;
  display: block;
}

.text-overlay .column-one button {
  float: right;
  font-family: 'Raleway';
  font-size: 25px;
  font-weight: 200;
  color: #ffffff;
}

.slide#two .column-one{
  width: 35%;
  float: left;
}

.slide#two .column-one .full-width-img {
  width: 100%;
}

.slide#two .column-two{
  width: 65%;
  float: left;
  padding: 30px;
  box-sizing: border-box;
}

.slide#two .column-two h4 {
  display:none;
  font-size: 45px;
  margin-top: 20px;
  font-family: 'puente';
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  text-shadow: 2px 2px #000000;
}

.slide#two .column-two p {
  font-size: 35px;
  text-align: center;}

  .text-overlay .column-two button {
    float: right;
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 200;
    color: #ffffff;
  }

@media (min-width: 1500px) {

  .text-overlay {
    padding-top: 50px;
  }

  .text-overlay p {
    font-size: 60px;
  }
}

@media (max-width: 1000px) {
  .text-overlay p {
    font-size: 40px;
  }
}

@media (max-width: 820px) {
  .text-overlay p {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .slider-wrap {
    display: none;
  }

  .search-recipes-backdrop.home {
    display: block;
  }

  img.design-break {
    display: none !important;
  }

  .login-dropdown.active {
    left: 0;
    right: 0;
    margin: 90px auto;
  }
}











/*   RECIPE SEARCH BOX */

.search-recipes-backdrop {
  height: 50px;
  width: 100%;
  background-color: #39A1B5;
}

.search-recipes {
  position: relative;
  display: block;
  overflow: auto;
  box-sizing: border-box;
  width: 90%;
  max-width: 1350px;
  margin: -35px auto 0 auto;
  background: #251818;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  z-index: 99;
}

.search-recipes input {
  margin: 15px 0 15px 15px;
  width: 75%;
  float: left;
  box-sizing: border-box;
  border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  -webkit-border-radius: 20px 0px 0px 20px;
  font-family: 'puente';
  letter-spacing: 2px;
  color: #E0E0E0;
  font-size: 22px;
}

.search-recipes button {
  float: left;
  border-radius:  0px 20px 20px 0px;
  -moz-border-radius: 0px 20px 20px 0px;
  -webkit-border-radius: 0px 20px 20px 0px;
  margin: 15px 0 15px 0;
  padding: 0 25px 0 25px;
  height: 39px;
}

.search-recipes button img {
  width: 20px;
  display: block;
  margin: 0 auto;
}

.search-recipes .filter {
  float: right;
  color: #ffffff;
  padding: 20px;
  width: 10%;
  font-size: 30px;
}

.filter  {
  font-family: 'Raleway';
  font-size: 17px;
  padding-left: 25px;
  font-weight: 500;
}

.filter span {
  font-size: 18px;
}

.filter span.filter-off {
  display: none;
}



.filter span.filter-on {
  font-size: 16px;
}


.filter-options {
  display: block;
  width: 90%;
  margin: 20px auto;
  overflow: auto;
  padding-bottom: 25px;
  font-size: 20px;
  color: #ffffff;
  font-family: 'Raleway';
  font-weight: 200;
}

.filter-option-top {
  border-bottom: 1px solid #ababab;
  width: 100%;
  overflow: auto;

}

.option-box {
  width: 100%;
}

.option-select {
  margin-right: 40px;
  float: left;
}

.option-select:last-child {
  margin-right: 0;
}

.option-select span.filter-on {
  font-size: 14px;
}

.option-select span.filter-off {
  font-size: 16px;
}

.diets span.filter-off {
  display:none;
}

.allergies span.filter-on, .courses span.filter-on, .holidays span.filter-on, .cuisines span.filter-on, .events span.filter-on {
  display: none;
}

.hidden {
  display: none;
}

.option-checklist {
  width: 25%;
  float: left;
  clear: left;
  padding: 20px 0;
}

.option-checklist.wide {
  width: 50%;
  float: left;
}

.option-checklist.wide .checklist {
  width: 50%;
  float: left;
}

.option-checklist.wide.extra .checklist {
  width: 33%;
  float: left;
}

.option-selection {
  width: 100%;
  overflow: auto;
  padding: 4px 0;
}

.option-selection input {
  width: 10%;
  display: block;
  margin: 0;
  float: left;
}

.option-selection label {
  width: 90%;
  padding-left: 7px;
  box-sizing: border-box;
  float: left;
}

.ingredient-filters {
  width: 50%;
  float: right;
  margin-top: 80px;
}

.ingredient-filter {
  float: right;
  width: 100%;
  box-sizing: border-box;
  margin: 6px 0;
}

.ingredient-filter label {
  width: 40%;
  float: left;
  padding-top: 5px;
  padding-right: 15px;
  box-sizing: border-box;
  text-align: right;
}

.ingredient-filter img {
  width: 5%;
  padding-left: 10px;
  display: block;
  float: right;
}

.ingredient-filter input {
  width: 50%;
  float: right;
  margin: 0;
  background: #ababab;
  color: #000000;
  font-family: 'Raleway';
  font-size: 15px;
  border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;
}


.filter-checklist-top {
  width: 100%;
  overflow: auto;
}

.filters-checklist-heading {
  width: 50%;
  padding-top: 20px;
  float: left;
}

.ingredient-filters.top {
  padding-top: 10px;
  margin: 0 0 10px 0;
}

.selected-filter {
  margin-right: 40px;
  float: left;
  padding: 10px 0;
}

@media (max-width: 1000px) {

  .search-recipes input#recipe-search {
    width: 65%;
  }

  .search-recipes .filter {
    width: 15%;
  }

  .filter-options {
    font-size: 15px;
  }

  .selected-filter {
    padding: 5px 0;
  }
}

@media (max-width: 767px) {

  .search-recipes .filter {
    display: none;
  }

  .filter-options {
    display: none;
  }

  .search {
    width: 95%;
    margin: 15px auto;
    overflow: auto;
  }

  .search-recipes input#recipe-search {
    width: 80%;
    margin: 0;
    box-sizing: border-box;
  }

  .search button {
    width: 20%;
    margin: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 400px) {
  .search-recipes input {
    font-size: 18px;
    padding: 9px 10px;
  }
}










img.design-break {
  display: block;
  margin: 30px auto 0px auto;
  width: 33%;
}

























/*  HOMEPAGE CONTENT SECTIONS    */

.twocolumn {
  overflow: auto;
}

.column-one, .column-two {
  width: 50%;
  float: left;
}

.content-container {
  float: none !important;
  width: 80%;
  margin: 0 auto 20px auto;
  box-sizing: border-box;
}

.section-head {
  background: #251818;
  padding: 10px 25px;
  color: #ffffff;
  margin: 50px 0 20px 0;
  box-shadow: 0px 0px 5px #333333;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
}

.section-head.video {
  margin-top: 120px;
}

.section-head h2 {
  font-size: 35px;
}













/*  FEATURED RECIPE  */

.featured-recipe {
  width: 100%;
  border: 1px solid #333333;
  margin-bottom: 30px;
  box-shadow: 0px 0px 5px #333333;
}

.badge-image {
  overflow: auto;
  position: relative;
}

.featured-recipe-image {
  position: relative;
  overflow: auto;
  display: block;
  width: 100%;
}

img.featured-recipe-img {
  display: block;
  width: 100%;
  margin: 0;
}

img.badge {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 99999;
  width: 120px;
}

.featured-recipe .recipe-info {
  background: #251818;
  position: relative;
  color: #ffffff;
  overflow: auto;
  font-size: 22px;
  padding: 10px 0 0 10px;
}
.featured-recipe .recipe-info h2 {
  font-size: 22px;
}

.featured-recipe img:hover {
  cursor: pointer;
}

.recipe-info-top {
  position: relative;
  width: 100%;
}

.recipe-info-top h2 {
  float: left;
  display: block;
  width: 100%;
  text-transform: lowercase;
}

.recipe-info-top .recipe-rating {
  float: right;
}

div.base {
  float: left;
  margin: 10px;
  margin-left: 0;
  width: 125px;
  background: url(img/star-underlay.png) 0 0 no-repeat;
}

div.base:hover {
  cursor: pointer;
}

div.average {
  width: 100%;
  background: url(img/star-overlay.png) 0 0 no-repeat;
  text-indent: -9999px;
}



.recipe-info img {
  display: block;
  float: right;
  margin: 0 7px 7px 0;
  width: 24px;
}

.recipe-info img:hover {
  cursor: pointer;
}

.recipe-info-top img {
  margin-top: 0;
}

.recipe-info-bottom {
  width: 100%;
  height: 25px;
}

.recipe-info-bottom .recipe-tag {
  float: left;
}

.recipe-info-bottom .recipe-comment {
  float: right;
}

.chef-section {
  background: #ffffff;
  color: #251818;
  overflow: auto;
}

.chef-section p {
  text-align: right !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 15px 10px 15px 10px !important;
  font-size: 18px !important;
  font-family: 'puente';
  letter-spacing: 2px;
  color: #251818 !important;
}


/* TWO COLUMN FEATURED RECIPES */

.section-container.left {
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
}

.section-container.right {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
}

@media (max-width: 1500px) {
  .featured-recipe.narrow .recipe-info-top h2, .featured-recipe.narrow .chef-section p {
    font-size: 22px;
  }
}

@media (max-width: 1100px)  {

  .mobile-tags.narrow {
    display: block;
  }

  .featured-recipe.narrow .recipe-info-top {
    height: auto;
  }

  .featured-recipe.narrow .recipe-info-top .recipe-rating {
    display: none;
  }

  .mobil-bottom {
    width: 100%;
    overflow: auto;
  }

  .mobile-tags.narrow img:hover {
    cursor: pointer;
  }

  .mobile-tags.narrow img.recipe-tag {
    width: 50% !important;
    float: left;
    margin: 10px 0;
    box-sizing: border-box;
  }

  .mobile-tags.narrow img.recipe-tag:hover {
    cursor: pointer;
  }

   .featured-recipe.narrow .recipe-info-bottom {
    display: none;
  }

  .featured-recipe.narrow .recipe-info-top h2, .featured-recipe.narrow .chef-section p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .column-one, .column-two {
    width: 100%;
  }

  .content-container {
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
  }

  .column-one.sub, .column-two.sub {
    width: 50%;
    float: left;
  }

  iframe {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 550px) {
  .sub {
    display:none;
  }
}

@media (max-width: 450px) {
  iframe {
    height: 350px !important;
  }
}














/*  AD SPACE  */


.adspace {
  width: 90%;
  margin: 5%;
  height: 200px;
  overflow: auto;
  padding: 50px 0;
  background: #ffffff;
  border: 1px solid #333333;
  box-sizing: border-box;

}

.adspace h2 {
  font-family: 'puente';
  letter-spacing: 2px;
  font-size: 50px;
  padding: 0;
  margin: 0;
  text-align: center;
  display: block;
  box-sizing: border-box;
}





/*  VIDEO   */

img.video {
  width: 100%;
}







/*  HOMEPAGE COLUMN 2 */


/*  CHEF OF THE WEEK */

.chef-of-the-week {
  overflow: auto;
  position: relative;
}

.chef-profile-pic {
  position: relative;
  width: 50%;
  overflow: auto;
  display: block;
  box-sizing: border-box;
}

.chef-of-the-week img {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 100%;
  border: 4px solid #ffffff;
}

.chef-of-the-week img.profile {
  display: relative;
  width: 50%;
  float: left;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;}


.chef-of-the-week img.badge {
  width: 10%;
  position: absolute;
  margin: 0;
  border: 0;
  top: 0px;
  left: 10px;
}



.chef-of-the-week h2 {
  font-size: 30px;
}

.chef-of-the-week p {
  font-family: 'Raleway';
  font-size: 25px;
  font-weight: 200;

  margin-top: 20px;
}

.sample-recipe {
  width: 33.33%;
  margin-top: 20px;
  float: left;
}

.recipe-images {
  width: 100%;
  display: inline-block;
}

.content-container button{
  margin-right: 22px;
}

.rec-imgs{
  clear: both;
  width: 100%;
}

.chef-of-the-week .sample-recipe:first-child {
  float: left;
  clear: left;
}

.sample-recipe img {
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0 auto;
  width: 90%;
}

.content-container button {
  float: right;
  font-size: 30px;
  font-family: 'puente';
  letter-spacing: 2px;
  margin: 20px 0;
}

@media (min-width: 1500px) {
  .chef-of-the-week p {
    font-size: 30px;
  }
}






/*  BLOG OF THE WEEK */

.blog-of-the-week img.blog-image {
  width: 100%;
  border: 4px solid #ffffff;
  box-sizing: border-box;
  display: block;
}

.blog-of-the-week-image {
  position: relative;
  overflow: auto;
  display:block;
}

.blog-of-the-week h4 {
  margin: 10px 0 40px 0;
}

.blog-of-the-week p {
  font-size: 25px;
}

@media (min-width: 1500px) {
  .blog-of-the-week p {
    font-size: 30px;
  }
}






























/*     RECIPES     */

.recipe-page-slide {
  width: 50%;
  float: left;
  overflow-x: hidden;
}

.recipe-page-slide img {
  display: block;
  width: 100%;
  overflow-x: hidden;
  height: 400px;
}

.recipe-page-slide#one {
  margin-left: -25%;
}

.recipe-page-slide#three {
  float: left;
  width: 25%;
  overflow-x:hidden;
}

.recipe-page-slide#three img {
  width: 600px;
  overflow-x: hidden;
}

.four-column {
  overflow: auto;
  width: 90%;
  max-width: 1375px;
  box-sizing: border-box;
  margin: 0 auto;
}

.quarter-column {
  width: 25%;
  overflow: auto;
  float: left;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
}

.recipe-card {
  padding: 15px;
  box-sizing: border-box;
}

.recipe-card .featured-recipe {
  margin-bottom: 0;
}

.quarter-column h2, .quarter-column p {
  font-size: 20px
}

.footer-nav {
  overflow: auto;
}

.footer-nav li {
  color: #ffffff;
}

.footer-nav li:last-child {
  float: right;
}

body.page-template-template-recipes ins.adsbygoogle {
  margin: 15px;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  .quarter-column {
    width: 33%;
  }

  .quarter-column.four {
    display: none;
  }
}

@media (min-width: 1600px) {
  .recipe-page-slide img {
    height: 500px;
  }
}

@media (max-width: 1024px) {
  .recipe-page-slide img {
    height: 300px;
  }
}

@media (max-width: 750px) {
  .recipe-page-slide img {
    height: 200px;
  }
}

@media (max-width: 500px) {
  .recipe-page-slide img {
    height: 150px;
  }
}

@media (max-width: 760px) {

  .quarter-column {
    width: 50%;
  }

  .quarter-column.three {
    display: none;
  }
}

@media (max-width: 550px) and (min-width: 500px) {

  .mobile-tags.narrow {
    display: block;
  }

  .featured-recipe.narrow .recipe-info-top {
    height: auto;
  }

  .featured-recipe.narrow .recipe-info-top .recipe-rating {
    display: none;
  }

  .mobil-bottom {
    width: 100%;
    overflow: auto;

  }

  .mobile-tags.narrow img {
    width: 34px;
    padding: 10px;
    padding-left: 0;
    box-sizing: border-box;
    margin: 0;
    float: right;
  }

  .mobile-tags.narrow img.recipe-tag {
    width: 50% !important;
    float: left;
    padding: 10px 0;
    box-sizing: border-box;
}

   .featured-recipe.narrow .recipe-info-bottom {
    display: none;
  }

  .featured-recipe.narrow .recipe-info-top h2, .featured-recipe.narrow .chef-section p {
    font-size: 20px;
  }
}

@media (max-width: 499px) {

  .recipe-card {
    padding: 6px;
  }

    .quarter-column {
      width: 100%;
    }

    .quarter-column.two {
      display: none;
    }
  }














/*   ABOUT eRECIPE PAGE    */

.full-width-section {
  width: 100%;
  margin: 0;
  padding: 30px;
  overflow: auto;
  box-sizing: border-box;
}

.content-wrap {
  max-width: 1300px;
  margin: 0 auto;
}

.full-width-section.odd {
  background: #ffffff;
}

.full-width-content {
  width: 66%;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px;
}

h2.mobile-header, h2.mobile-header-small {
  display: none;
  text-align: center;
}

.full-width-content h2 {
  font-size: 70px;
  margin: 20px 0 50px 0;
}

.full-width-content img {
  display:none;
}

.full-width-content p {
  font-size: 25px;
}

.full-width-img {
  width: 33%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  overflow: auto;
}

.img-wrap img {
  width: 100%;
  display: block;
  margin-top: 30px;
}

.full-width-img .top-img {
  width: 100%;
}

.top-img img {
  width: 160px;
  display: block;
  margin: 40px auto 0px auto;
}

.full-width-img .bottom-img {
  width: 340px;
  margin: 0 auto;
}

.bottom-img img {
  width: 160px;
  float: left;
}

.bottom-img img.first-img {
  margin-right: 20px;
}

@media (max-width: 1150px) {

  .bottom-img img.first-img {
    margin: -20px auto 0 auto;
  }

  .full-width-img .bottom-img {
    width: 100%;
  }

  .bottom-img img {
    display: block;
    float: none;
    margin: -20px auto 0 auto;
  }
}

@media (max-width: 1000px) {

  .full-width-img#one {
    display: none;
  }

  .full-width-content#one {
    width: 100%;
  }

  .full-width-content#one h2 {
    text-align: center;
}

  .full-width-content img#responsive-img {
    display: block;
    width: 30%;
    margin: 0px auto 20px auto !important;
  }

  h2.mobile-header {
    display: block;
    font-size: 50px;
  }

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

  .full-width-content h2.resp {
    display: none;
  }
}

@media (max-width: 700px) {

  .full-width-content img#responsive-img, #img-shrink{
    width: 60%;
    margin: 0 auto;
  }

  .full-width-content.seven, .full-width-img.seven {
    width: 100%;
  }
}

@media (max-width: 600px) {

  h2.mobile-header-small {
    display: block;
    font-size: 50px;
  }

  h2.mobil {
    display: none;
  }

  .full-width-img.six, .full-width-content.six {
    width: 100% !important;
  }

  .full-width-img .top-img {
    width: 33%;
    float: left;
  }

  .full-width-img .bottom-img {
    width: 67%;
    float: left;
  }

  .full-width-img .top-img img {
    margin: 0;
    padding: 0 10px;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }

  .full-width-img .bottom-img img {
    width: 50%;
    padding: 0 10px;
    margin: 0;
    box-sizing: border-box;
    display: block;
    float: left;
  }
}

@media (max-width: 450px) {

   .full-width-section {
     padding: 30px 0;
   }

   .full-width-content {
     text-align: justify;
   }

   .full-width-content#one h2 {
     font-size: 50px;
     margin-bottom: 20px;
   }

   h2.mobile-header, h2.mobile-header-small {
     font-size: 40px;
     padding: 0 10px;
   }
}














/*   COOKBOOKS PAGE */

.section-head.cookbook {
  margin: 30px 15px 15px 15px;
}

.cookbook-title {
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  color: #333333;
  font-family: 'puente';
  letter-spacing: 2px;
  font-size: 35px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.cookbook-title a.right {
  color: #9AAD3F;
  display: block;
  width: 70px;
  float: right;
}

.cookbook-title a.right:hover {
  color: #333333;
}

.four-column.cookbook {
  margin: 0;
  width: 100%;
  overflow: auto !important;
}

img.profile-pic {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}

.chef-section.cookbook p {
  text-align: left;
}

.four-column.cookbook .recipe-info {
  overflow: hidden;
}

.four-column.cookbook .recipe-info-top h2 {
  font-size: 20px;
}

.four-column.cookbook .recipe-info-top {
  height: auto;
}

.four-column.cookbook .recipe-info-bottom, .four-column.cookbook .recipe-info-top img.recipe-rating {
  display: none;
}

.mobil-bottom {
  width: 100%;
  overflow: auto;
}

.mobil-bottom.video {
  margin-top: 10px;
  width: 50%;
  float: right;
}

.mobil-bottom-container {
  width: 100%;
  float: right;
}

.mobil-bottom-container.cookbook {
  max-width: 165px;
}

.mobil-bottom-container.cookbook .third {
  width: 50%;
}

.mobil-bottom .third {
  width: 33%;
  float: left;
  font-size: 20px;
  font-family: 'puente';
}

.mobil-bottom .third .contain.center {
  margin: 0 auto;
  float: none;
}

.mobil-bottom img {
  display: block;
  float: left;
}



.mobil-bottom .third.cookbook:last-child img {
  float: left;
}

.mobil-bottom .third:last-child img {
  float: right;
}

.mobil-bottom .third .contain {
  width: 50px;
}

.four-column.cookbook .mobile-tags.narrow {
  display: block;
}

.quarter-column.uno,.quarter-column.dos,.quarter-column.tres, .quarter-column.cuatro  {
  width: 25%;
  padding: 10px 1%;
  border: none;
}

.quarter-column.uno img {
  display: block;
  width: 100%;
  margin-top: 0 !important;
}

.quarter-column.uno {
  padding: 0;
}

@media (max-width: 1000px) {

  .four-column.cookbook .quarter-column {
    width: 50%;
  }

  .quarter-column.tres {
    clear: left;
  }
}


@media (max-width: 374px) {

  .recipe-card.cookbook {
    width: 85%;
    margin: 0 auto;
  }

  .four-column.cookbook .quarter-column {
    padding: 20px;
  }

  .featured-recipe.narrow .recipe-info-top h2 {
    font-size: 20px
  }

  .four-column.cookbook .quarter-column {
    width: 100%;
  }

  .four-column.cookbook {
    background: #ffffff;
  }

}














/*    BLOG PAGE     */

body.single, body.blog {
  background: #251818;
}

body.single-recipe, body.single-cookbook, body.single-video {
  background: #E0E0E0;
}

.single .two-column {
  overflow: auto;
}

/*     BANNER     */

.banner {
  overflow: auto;
}

.banner img {
  display: block;
  width: 100%;
}



/*  SIDEBAR   */

.column-one.sidebar {
  width: 30%;
  float: left;
  background: #251818;
  min-height: 100%;
}

.column-two.blog {
  width: 70%;
  background: #E0E0E0;
  float: left;
}

.ex-out {
  display: none;
}

.sidebar-engage {
  display: none;
}

.text-wrap {
  width: 92%;
  margin: 0 auto;
  overflow: auto;
}

.text-block {
  width: 80%;
  margin: 60px auto;
  overflow: auto;
}

.text-block.wide {
  width: 95%;
}

.text-block.wide ul li {
  padding: 25px 0;
  border-bottom: 1px solid #ababab;
  overflow: auto;
  padding-left: 0;
  display: block;
  width: 100%;
  max-width: 370px;
  box-sizing: border-box;
}

.text-block.wide ul li img {
  display: block;
  float: left;
  clear: left;
  height: 75px;;
  width: 30%;
  box-sizing: border-box;
}

.text-block.wide ul li p {
  display: block;
  float: left;
  color: #ffffff;
  font-size: 15px;
  height: 54px;
  width: 70%;
  box-sizing: border-box;
  padding: 0px 10px;
}

.text-block.wide ul li p.author {
  font-style: italic;
  font-size: 13px;
  padding: 10px 0 0 10px;
  width: 70%;
  height: 21px;
  color: #ffffff;
  vertical-align: baseline;
}

.text-block.wide ul li p.blurb span {
  font-size: 14px;
  color: #ababab;
  line-height: 1;
}


.text-block.wide ul li p.author span {
  float: right;
}


.text-block.wide ul li:hover > a > p {
  color: #ffffff;
}

.text-block.wide ul li:hover > a > p span {
  color: #ffffff;
}


.text-block h1 {
  margin: 0 0 60px 0;
  color: #ffffff;
  font-size: 40px;
  text-align: center;
}

.text-block h2 {
  color: #ffffff;
  margin-bottom: 20px;
}

.text-block ul li {
  list-style-type: none;
  padding-left: 20px;
  margin: 7px 0;
  font-size: 20px;
}

.text-block ul.narrow li a {
  color: #ababab;
  font-family: 'Raleway';
}

.text-block ul.narrow li a:hover {
  color: #ffffff;
}

.blog-search {
  display: block;
  width: 90%;
  overflow: auto;
  margin: 0 auto 60px auto;
}

.search-recipes.blog {
  display: block;
  overflow: auto;
  width: 100%;
  margin: 0;
}

.blog-search input#recipe-search {
  width: 75%;
  margin: 0;
}

.blog-search button#search-button {
  width: 25%;
  float: left;
  margin: 0;
}

@media (min-width: 1650px) {

  .column-one.sidebar {
    width: 25%;
    float: left;
    background: #251818;
  }

  .column-two.blog {
    width: 75%;
    float: left;
  }
}

@media (max-width: 1150px) {

  .column-one.sidebar {
    width: 35%;
    float: left;
    background: #251818;
  }

  .column-two.blog {
    width: 65%;
    float: left;
  }

}

@media (max-width: 900px) {

  .column-one.sidebar {
    display:none;
    position: relative;
  }

  .sidebar-engage {
    display: block;
  }

  .column-one.sidebar.active {
    display: block;
    position: absolute;
    max-width: 450px;
    width: auto;
    float: left;
    z-index: 9999;
  }

  .column-two.blog {
    width: 100%;
  }

  .blog-wrapper h1 {
    display: block !important;
    margin: 30px 0;
    text-align: center;
    font-size: 80px;
  }

  .ex-out.active {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

@media (max-width: 500px) {
  .blog-wrapper h1 {
    font-size: 60px;
  }

  .top-section img.cookbook-img, .top-section img.recipe-img {
    display: block;
    float: none !important;
    width: 85% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .top-section h1, .single-cookbook .cookbook-rating, .top-section .recipe-rating {
    width: 100% !important;
  }
}


/*   BLOG PAGE  */


.blog-wrapper {
  width: 90%;
  margin: 0 auto;
}

.blog-wrapper h1 {
  display: none;
  color: #251818;
}

.blog-wrapper .section-head h2 {
  text-align: left;
}

body.single-post .top-section img {
  width: 50%;
  display: block;
  align: right;
  margin: 0 20px 20px 0;
}

.top-section p {
  padding: 20px 0;
  display: block;
  font-size: 22px;
  float: left;
}

.blog-wrapper {
  font: 'Raleway';
  text-align: justify;
}
















/*    PROFILE PAGE    */

.banner {
  z-index: 0;
}

.banner img {
  z-index: 0;
}

.profile-wrap {
  width: 90%;
  max-width: 1500px;
  z-index: 9999;
  margin: 20px auto;
}

img.profile-picture {
  display: block;
  float: left;
  position: relative;
  width: 20%;
  margin-top: -100px;
  border: 4px solid #ffffff;
  box-sizing: border-box;
  z-index: 999;
}

.top-middle {
  position: relative;
  width: 80%;
  float: left;
  padding: 0 30px;
  box-sizing: border-box;
}

.profile-wrap .section-head {
  margin: 0;
}

.top-middle .column1 {
  width: 15%;
  float: left;
  font-size: 30px;
  margin-top: 30px;
}

.top-middle .column2 {
  width: 30%;
  float: left;
  font-size: 30px;
  margin-top: 30px;
}

.top-middle p {
  font-size: 26px;
}

.trophy-box {
  width: 55%;
  overflow: auto;
  padding-top: 20px;
}

.trophy-box img {
  display: block;
  width: 33%;
  max-width: 150px;
  float: right;
  padding-left: 25px;
  box-sizing: border-box;
}

.about-section {
  width: 75%;
  float: left;
  clear: left;
  overflow: auto;
  margin: 50px 0;
}

.about-section p {
  font-size: 22px;
  padding: 15px 25px 15px 0;
  text-align: justify;
  min-height: 0px ;
}

#ad-three {
  width: 25%;
  float: right;
  box-sizing: border-box;
  margin: 90px 0;
}

.section-head.profile {
  margin: 20px 0 5px 0;
  clear: left;
  box-shadow: 0px 0px 5px #333333;
}

.profile-wrap .four-column {
  width: 100%;
  box-sizing: border-box;
}


.profile-recipes .quarter-column:first-child {
  padding-left: 0;
}

.profile-recipes .quarter-column:last-child {
  overflow-x: visible;
}

span.logged-in, div.logged-in {
  display: block;
  position: absolute;
  font-family: 'puente';
  color: #9AAD3F;
  font-size: 18px;
  top: 0;
  right: 0;
  text-align: right;
  width: auto;
  font-weight: bold;
}

div.logged-in {
  top: 80px;
}

span.logged-in a {
  color: #9AAD3F;
}

span.logged-in a:hover {
  color: #333333;
}

@media (max-width: 999px) {

  .profile-picture {
    width: 40% !important;
  }

  .top-middle {
    width: 60%;
  }

  .trophy-box {
    width: 100%;
  }

  .top-middle .column1 {
    width: 40%;
    display: block !important;
  }

  .top-middle .column2 {
    width: 60%;
  }

  .column2 p, .column1 p {
    font-size: 20px;
    padding: 3px 0;
  }

  #ad-three {
    display: none;
  }

  .about-section {
    width: 100%;
  }
}

@media (max-width: 700px) {

  .profile-picture {
    width: 50% !important;
    max-width: 250px;
    margin: 0 auto;
    float: none !important;
  }

  .top-middle {
    width: 100%;
  }

}


















/*    SINGLE RECIPE PAGE   */


.single-recipe-wrapper {
  display: block;
  width: 95%;
  max-width: 1350px;
  margin: 30px auto;
  overflow: auto;
  overflow-y: hidden;
}

.recipe-info-top-section {
  display: block;
  overflow: auto;
  overflow-y: hidden;
}

.recipe-info-top-section h1 {
  display: block;
  margin-bottom: 10px;
}

span.logged-in a {
  font-size: 25px;
}

.top-section .recipe-img {
  width: 50%;
  float: left;
  margin: 0 0 20px 0;
  padding-right: 15px;
  box-sizing: border-box;
}

.top-section {
  font-family: 'Raleway';
  font-size: 22px;
  position: relative;
  font-weight: 200;
  margin-bottom: 20px;
}

.top-section h1 {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 0;
}

.top-section .recipe-rating {
  display: block;
  width: 50%;
  float: left;
}

.top-section .recipe-rating div.base, .top-section .recipe-rating div.average {
  height: 25px;
}

.top-section p {
  display: block;
  float: left;
}

.top-section img.star-rating {
  width: 150px;
  margin: 0px 0 10px 0px;
}

.top-section .contain {
  width: auto;
  margin-left: 15px;
  height: 30px;
  overflow: visible;
  float: right;
  font-size: 18px;
}

.top-section .contain:hover {
  cursor: pointer;
}

.contain .amt {
  display: block;
  float: left;
  width: 30px;
  margin-left: 10px;
}

.top-section img.right-tag {
  width: 30px;
  display: block;
  float: left;
  margin: 0;
}

span.share-button {
  width: auto;
  font-size: 30px;
  font-weight: 400;
  display: block;
  float: left;
}

span.share-button.wide {
  width: auto !important;
  clear: left;
  margin: 7px 0;
  font-size: 24px;
}

.top-section img.share-button {
  width: 35px;
  display: block;
  float: left;
  margin-left: 20px;
}

.top-section img.share-button:hover {
    cursor: pointer;
}

.prep-time-section {
  display: block;
  overflow: auto;
  width: 100%;
}

.prep-time-section .left-col {
  width: 30%;
  font-family: 'Raleway';
  float: left;
  overflow: auto;
}

.prep-time-section .right-col {
  width: 70%;
  float: left;
  overflow: hidden;
}


.prep-time-section .adspace {
  margin: 20px;
  height: 150px;
}

.prep-time-section .adspace h2{
  padding: 50px 0;
}



h4.nf {
  display: none;
}

.nf-popup {
  display: none;
}

.nf-popup img {
  display: block;
  width: 100%;
}

.nf-popup.active {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 20px auto;
  width: 90%;
}

.split-screen {
  width: 65%;
  display: block;
  overflow: auto;
  float: left;
  margin: 0;
}

.split-right {
  width: 35%;
  display: block;
  overflow: hidden;
  float: left;
  margin: 0;
}

.split-right .adspace {
  margin: 20px;
  width: 90%;
  box-sizing: border-box;
}

.ingredient-heading {
  width: 100%;
  background: #807872;
  overflow: auto;
  padding-bottom: 15px;
  color: #ffffff;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
}

.ingredient-heading .section-head {
  margin: 0;
}

.yield-controls {
  margin-top: 20px;
  padding: 0 25px;
}

.serves {
  width: 25%;
  float: left;
}

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

.serving {
  width: 75%;
  float: left;
}

.serving label {
  font-size: 30px;
  letter-spacing: 2px;
  font-family: 'puente';
  display: block;
  float: left;
}

.serving label.prep {
  margin-left: 40px;
  width: 150px;
}

.serving input {
  width: 40px;
  display: block;
  float: left;
  background: #ffffff;
  color: #333333;
}

.serving button {
  display: block;
  float: left;
  margin-left: 5%;
  font-size: 20px;
  color: #ffffff;
}

.recipe-ingredients {
  width: 100%;
  display: block;
  overflow: auto;
}

.recipe-ingredients .two-column .column-one {
  width: 50%;
  float: left;
  display: block;
  overflow: auto;
}

.recipe-ingredients .two-column .column-two {
  width: 50%;
  float: left;
  display: block;
  overflow: auto;
}

.ingredient-list {
  margin-top: 30px;
}

.ingredient-list p {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 0 7px 20px;
  font-size: 25px;
  font-family: 'Raleway';
  font-weight: 200;
}

.ingredient-list p span.ing-amt {
  font-weight: 500;
}

.recipe-ingredients .two-column .column-two img {
  display: block;
  width: 100%;
  padding: 30px 10px;
  box-sizing: border-box;
}

.recipe-instructions {
  display: block;
  overflow: auto;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.recipe-instructions img {
  width: 50%;
  margin: 0 0 15px 15px;
}

.recipe-instructions span {
  font-size: 25px;
  font-family: 'Raleway';
  font-weight: 200;
  margin-bottom: 10px;
  clear: left;
}

.recipe-instructions .column-one p span {
  word-wrap:break-word;
  display: block;
  width: 100%;
  padding-left: 35px;
  box-sizing: border-box;
  white-space: normal;
}

.section-head.prep {
  margin-top: 0;
}

#ad-ten {
  box-sizing: border-box;
}

.four-column.single-recipe {
  margin: 0;
  width: 100%;
}

.four-column.single-recipe .quarter-column {
  width: 25%;
}

@media (max-width: 1250px) {

  .ingredient-list p, .recipe-instructions span {
    font-size: 18px;
  }

  .serves {
    width: 100%;
    display: block;
  }

  .serving {
    margin-top: 10px;
    width: 100%;
  }

  .serving input {
    margin-left: 15px;
  }

  .serving button {
    float: right;
  }
}

@media (max-width: 1000px) {
  .serving button {
    clear: left;
    float: left;
    margin-top: 15px;
    margin-left: 0;
  }
}

@media (max-width: 850px) {

  .recipe-info-top-section h1 {
    font-size: 30px;
  }

  .recipe-info-top-section h4, .recipe-info-top-section .top-section span {
    font-size: 18px;
    padding-top: 3px;
  }

  .recipe-info-top-section .top-section span {
    padding-top: 5px;
  }

  span.logged-in a {
    font-size: 25px;
  }

  .recipe-info-top-section span.logged-in a {
    font-size: 16px;
  }

  .contain {
    font-size: 15px;
  }
}

@media (max-width: 800px) {

  .split-right {
    display:none;
  }

  .split-screen {
    width: 100%;
  }

  .yield-controls .serves, .yield-controls .serving {
    width: 100%;
  }

  .recipe-ingredients .two-column .column-one {
    width: 50%;
  }

  .ingredient-list p, .recipe-instructions span {
    font-size: 20px;
  }

  .recipe-ingredients .two-column .column-two {
    width: 50%;
  }

  .four-column.single-recipe .quarter-column {
    width: 50%;
    float: left;
  }

  .four-column.single-recipe .quarter-column.seven {
    clear: left;
  }
}

@media (max-width: 800px) and (min-width: 501px){

  .top-section img.share-button, .top-section img.right-tag {
    width: 25px !important;
  }


}

@media (max-width: 617px) {

  .yield-controls .button {
    clear: left;
    margin: 15px 0 0 0;
  }

  .yield-controls .serves h2, .yield-controls .serving label {
    font-size: 22px;
    letter-spacing: normal;
  }

  .yield-controls .serving input {
    font-size: 16px;
  }

  span.share-button {
    display: none;
  }
}

@media (max-width: 500px) {


  .top-section img.star-rating {
    width: 150px !important;
    margin: 10px 0 !important;
  }

  .top-section img.right-tag {
    width: 27px !important;
    display: block !important;
  }

  .top-section img.share-button {
    width: 30px !important;
    margin-left: 15px !important;
  }

  h4.nf {
    display: block;
    text-align: center;
    margin: 20px 0;
  }

  .recipe-ingredients .two-column .column-one {
    width: 100%;
  }

  .recipe-ingredients .two-column .column-two {
    display: none;
  }

  .recipe-instructions img {
    display: none;
  }

  .directions p {
    font-size: 14px;
  }

}

@media (max-width: 374px) {
  .four-column.single-recipe .quarter-column {
    width: 100%;
  }

}





















/*   NUTRITION FACTS    */

#nutri-info, .widget_nutrition_info {
  width: 98%;
  margin: 30px auto 0 auto;
  float: none;
  background: #ffffff;
  max-width: 300px;
  min-width: 220px;
  border: 1px solid #333333;
  padding: 12px;
  box-sizing: border-box;
  overflow: visible;
}

#nutri-info .title, .widget_nutrition_info_title {
  font-size: 27px;
  font-family: 'Helvetica';
  font-weight: bolder;
  padding-bottom: 5px;
}

#nutri-info .rectitle, .widget_recipe_title {
  font-size: 16px;
  font-family: 'Helvetica';
  padding: 3px 0;
  color: #F7941D;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#nutri-info p, #nutri-info ul li {
  font-size: 16px;
  padding: 4px 0;
  font-weight: bold;
  font-family: 'Helvetica';

}

#nutri-info ul li {
  border-bottom: 1px solid #333333;
}

#nutri-info span {
  font-weight:normal;
  display: block;
  float: right;
}

p#servings {
  border-bottom: 10px solid #333333 !important;
}

p#amount {
  border-bottom: 1px solid #333333;
}

p#calories {
  border-bottom: 4px solid #333333;
}

li#protein {
  border-bottom: 10px solid #333333 !important;
}

a#details, p#info a, a#download {
  font-family: 'Helvetica';
  font-size: 18px;
  display:block;
  margin: 7px 0;
  font-weight: normal;
  padding: 0;
  color: #F7941D;
}

a#details {
  margin-top: 10px;
}

p#info, p#info a {
  padding: 0;
  font-size: 16px;
}

a#details:hover, p#info a:hover, a#download:hover {
  color: #333333;
}




/*   DETAILED NUTRITION FACTS    */

h1.recipe-name {
  font-size: 30px;
  font-family: 'Helvetica';
  text-align: center;
  color: #9AAD3F;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0 0 0;
}

legend#title {
  font-size: 25px;
  font-family: 'Helvetica';
  display:block;
  padding-top: 30px;
  margin-bottom: 15px;
  font-weight: normal;
}

table.wrapper {
  width: 700px;
  font-family: 'Helvetica';
  font-weight: lighter;
  font-size: 12px !important;
  margin: 0 auto;
  display: block;
  overflow: auto;
  padding: 10px;
  display: table;
}

p.wrapper {
  width: 700px;
  margin: 10px auto;
}

table.wrapper table {
  margin: 0;
  display: table;
}

tbody fieldset {
  display: block;
  padding: 10px;
  border: 1px solid #ababab;
  margin: 5px;
}

fieldset center {
  display: block;
  padding: 0 0 7px 0;
}

fieldset table tbody tr:first-child {
  border-bottom: 1px solid #ababab;
  padding: 5px 0;
}

fieldset table tbody tr td {
  padding: 5px 0;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
}

@media (max-width: 700px) {
  td.column {
    width: 100%;
    display: block;
    margin: 0;
  }

  table.wrapper, p.wrapper {
    width: 350px;
    margin: 0 auto;
  }
}























/*   RECIPE ENTRY FORM  */

.recipe-entry-wrap {
  width: 95%;
  max-width: 1350px;
  margin: 0 auto;
  padding-bottom: 40px;
}

h2.center {
  text-align: center;
}

.column1 {
  width: 50%;
  float: left;
}

.column2 {
  width: 50%;
  float: left;
}

.upload-image {
  background: #ffffff none repeat scroll 0 0;
border: 6px solid #c8c8c8;
box-sizing: border-box;
cursor: pointer;
display: block;
height: auto;
overflow: auto;
overflow-y: hidden;
}

.upload-image p.image-file-name img {
  border: none;
  width: 100%;
  width: 100% !important;
  min-width: 100% !important;
  margin: 0;
  max-height: 400px;
  overflow: hidden;
}

label#recipe-image-label, label#user-image-label, label#recipe-video-label {
  position: relative;
}

label#user-image-label {
  max-width: 300px;
  min-width: 300px;
  height: 350px;
}

label#recipe-image-label {
  width: 95%;
  min-height: 400px;
}

label#recipe-video-label {
  height: 300px;
  margin: 10px 30px;
}

p.image-file-name {
  position:absolute;
  top: 0;
  height: 100%;
}

p.image-file-name span {
  position: absolute;
  bottom: 0;
}

.upload-image p {
  font-size: 25px;
  color: #c8c8c8;
  text-align: center;
  text-transform: uppercase;
  margin: 30px auto 35% auto;
}

.upload-image img {
  display: block;
  box-sizing: border-box;
  width: 40px;
  margin: 35% auto 0 auto;}

.ingredient-heading.entry {
  height: auto;
  overflow: auto;
}

.upload-image img.profile-picture {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}


.upload-image span {
  position: absolute;
  bottom: 0;
  z-index: 99999;
}

img.upload-icon {
  position:absolute;
  width: 60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40%;
  z-index: 99999;
}

.ingredient-heading.entry .section-head {
  margin: 0;
}

.input-section {
  padding: 0 25px;
  box-sizing: border-box;
}

.input-area {
  width: 100%;
  margin: 25px 0;
  box-sizing: border-box;
  overflow: auto;
  overflow-y: hidden;
}

.input-area label {
  width: 30%;
  font-size: 35px;
  font-family: 'puente';
  display: block;
  float: left;
}


.input-area  input {
  width: 70%;
  display: block;
  float: left;
  background: #646464;
  color: #ffffff;
  border: 1px solid #ababab;
  box-sizing: border-box;
}

.input-area  button {
  display: block;
  float: right;
  font-size: 20px;
  color: #ffffff;
}

.input-area input#recipes_description {
  height: 210px;
}


.input-area p {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  padding-top: 5px;
  width: 70%;
  float: right;
}

.upload-image.bottom.top {
  display: none;
  margin-bottom: 20px;
}

.recipe-entry-top {
  overflow: auto;
}

.recipe-entry-bottom {
  margin-top: 30px;
}

.recipe-entry-bottom div p {
  display: block;
  padding: 5px 25px;
}

.input-section {
  width: 100%;
  float: left;
}

.input-section.col10, .input-section.col20 {
  width: 50%;
  float: left;
}

.input-section.col5 {
  width: 33%;
  float: left;
  box-sizing: border-box;
}

.input-section.col5 .input-area label {
  width: 40%;
}

.input-section.col5 .input-area input {
  width: 60%;
}

.input-section.col5 .input-area input#yield-number {
  width: 13%;
  margin-right: 2%;
}

.input-section.col5 .input-area input#yield-name {
  width: 45%;
}

.input-section.col6 {
  width:33%;
  float: left;
  box-sizing: border-box;
}

.input-section.col6 .input-area label {
  width: 60%;
  margin-bottom: 15px;
}

.input-section.col6 .input-area input {
  width: 13%;
  margin-bottom: 15px;
  margin-right: 2%;
}

.input-section.col6 .input-area select {
  width: 25%;
  font-size: 16px;
  margin-bottom: 15px;
  height: 37px;
  background: #646464;
  color: #ffffff;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
}

.input-section.col7 {
  width:33%;
  float: left;
  box-sizing: border-box;
}

.input-section.col5 input, .input-section.col5 label {
  margin-bottom: 15px;
}

.input-section.col7 textarea {
  height: 150px;
  width: 70%;
  border: 1px solid #ababab;
}

.recipe-entry-bottom.tags .input-area {
  height: 255px;
  overflow-y: hidden;
}

.input-area.diets {
  float: left;
  width: 40%;
  padding: 0 20px;
  border-right: 1px solid #ababab;
  box-sizing: border-box;
}

.input-area.cuisines {
  width: 50%;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
  border-right: 1px solid #ababab;
}

.input-area.holidays {
  float: left;
  width: 33%;
  padding: 0 20px;
  border-right: 1px solid #ababab;
  box-sizing: border-box;
}

.input-area.allergies, .input-area.courses, .input-area.events {
  width: 20%;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
  border-right: 1px solid #ababab;
}

.input-area.seasons {
  width: 15%;
  padding: 0 20px;
  float: left;
  box-sizing: border-box;
}

.input-area.seasons label {
  padding-left: 7px;
  box-sizing: border-box;
}

.input-area.events {
  border-right: none;
}

.input-area .option-checklist.wide {
  width: 100%;
}

.input-area .option-checklist {
  width: 100%;
}


.input-section.wide .checklist {
  width: 50%;
}

.input-section .checklist {
  width: 100%;
}

.checklist label {
  font-family: 'Raleway';
  font-size: 20px;
  font-weight: 200;
  width: 90%;
  margin-top: -4px;
  color: #ffffff;
}

.checklist input {
  width: 10%;
}


.input-section.col10 textarea, .input-section.col20 textarea {
  height: 300px !important;
  width: 70%;
  float: left;
  border: 1px solid #ababab;
}

.input-section.col3 {
  width: 100%;
}

.input-area .option-selection {
  padding: 7px 0px;
}

.recipe-entry-bottom.half {
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.recipe-entry-bottom.half.left {
  padding-right: 15px;
}


.recipe-entry-bottom.half.right {
  padding-left: 15px;
}

textarea#custom-tags {
  width: 70%;
  height: 250px;
  border: 1px solid #ababab;
}

.recipe-entry-bottom .upload-image {
  margin: 30px auto;
}

@media (max-width: 1236px) {
  .input-area label {
    font-size: 27px;
  }

  .checklist label {
    font-size: 16px;
  }

  .recipe-entry-bottom.tags .input-area {
    height: 225px;
  }
}

@media (max-width: 1000px) {

  .input-area label {
    font-size: 23px;
  }

  .checklist label {
    font-size: 15px;
  }

  .input-section.col5, .input-section.col6 {
    width: 50%;
  }

  .input-section.col7 {
    width: 100%;
  }
}

@media (max-width: 900px) {

  .ingredient-heading.top label, .ingredient-heading.top input, .recipe-entry-bottom.directions label, .recipe-entry-bottom.directions input, .input-area p,.input-section.col1 textarea, .input-section.col2 textarea, .input-section textarea {
    width: 100% !important;
  }

  .input-area.diets {
    width: 50%;
  }

  .input-area.allergies, .input-area.courses {
    width: 25%;
  }

  .input-area.events {
    width: 30%;
    border-right: 1px solid #ababab;
  }

  .input-area.holidays {
    width: 50%;
    border: none;
  }

  .input-area.seasons {
    width: 25%;
  }

}

@media (max-width: 800px) {

  .input-section.col5, .input-section.col6 {
    max-width: 400px;
    width: auto;
  }

  .input-section.col5 .input-area label, .input-section.col6 .input-area label,   .input-section.col5 .input-area input{
    width: 50%;
  }

  .input-section.col5 .input-area input#yield-name {
    width: 35%;
  }

}

@media (max-width: 700px) {

  .input-area.cuisines {
    width: 75%;
  }

  .input-area.events {
    width: 40%;
  }

  .input-area.holidays {
    width: 60%;
  }

  .recipe-entry-top .column1, .recipe-entry-top .column2, .recipe-entry-bottom.half textarea, .recipe-entry-bottom.half label {
    width: 100% !important;
  }

  .column1 {
    display: none;
  }

  .upload-image.bottom.top {
    display: block;
  }

}

@media (max-width: 600px) {

  .input-section.col10, .input-section.col20, .recipe-entry-bottom.half {
    width: 100%;
    padding: 0 !important;
  }

  .input-section.col10, .input-section.col20 {
    padding: 0 25px !important;
  }

  .input-area.diets {
    width: 60%;
  }

  .input-area.allergies {
    width: 40%;
  }

  .input-area.courses {
    width: 40%;
  }

  .input-area.events {
    width: 40%;
    border: none;
  }

  .input-area.holidays {
    width: 70%;
    border: none;
  }
}

@media (max-width: 500px) {

  .recipe-entry-bottom.tags .input-area {
    width: 100%;
    border: none;
  }
}

@media (max-width: 500px) {
  .input-section.col5 .input-area label, .input-section.col6 .input-area label {
    width: 40%;
    clear: left;
  }
}

.recipe-entry-wrap button {
  font-size: 35px;
  margin: 30px 0 10px 0;
  color: #ffffff;
  cursor: pointer;
  clear: left;
}

.recipe-entry-wrap button:hover {
  color: #333333;
  border: #333333;
}
























/*    COOKBOOK ENTRY    */

.directions p {
  margin-left: 25px;
  padding-top: 7px;
}

.directions p a {
  overflow: auto;
  color: #9AAD3F;
}

.directions p a:hover {
  color: #333333;
}

.input-area.cookbook {
  padding: 3%;
  width: 100%;
  background: #807872;
  color: #ffffff;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
}

.single-cookbook .top-section img.profile-picture {
  width: 20%;
  float: left;
  margin-right: 2%;
  margin-bottom: 30px;
}

.input-area.cookbook.slim {
  padding: 3% 0;
  box-sizing: border-box;
}

.input-area.cookbook.slim h2 {
  padding-bottom: 25px;
}

.input-area.cookbook label, .input-area.cookbook input {
  margin-bottom: 20px;
}

.input-area.cookbook label {
  clear: left;
}

.recipe-card.stacked-view {
  position: relative;
  width: 25%;
  float: left;
  min-height: 460px;
  padding: 0 15px;
  box-sizing: border-box;
}

.recipe-card.stacked-view img.featured-recipe-img {
  max-height: 225px;
}

.recipe-card.stacked-view:hover {
  cursor: pointer;
}

.recipe-card.stacked-view.opaque {
  opacity: .7;
}

.recipe-card.stacked-view.selected {
  opacity: 1;
}

.check-box {
  position: absolute;
  top: 30px;
  left: 30px
}

.check-box input {
  transform:scale(2, 2);
}

div.full-width {
  width: 100%;
  overflow: auto;
}

.button#cookbook {
  float: right;
  margin: 0 15px 10px 0;
}

div#right p {
  text-align: right;
}

@media (max-width: 1000px) {
  .recipe-card.stacked-view {
    width: 33%;
  }
}

@media (max-width: 780px) {
  .recipe-card.stacked-view {
    width: 50%;
  }
}

@media (max-width: 780px) and (min-width: 660px) {
  .recipe-card.stacked-view {
    min-height: 460px;
  }
}

@media (max-width: 500px) {
  .recipe-card.stacked-view {
    width: 100%;
  }

  .input-area.cookbook label, .input-area.cookbook input {
    width: 100%;
  }
}

















/*   SINGLE COOKBOOK   */

img.cookbook-img {
  width: 23%;
  float: left;
  margin: 0;
  padding-right: 15px;
  box-sizing: border-box;
  display: block;
}

.single-cookbook .top-section h1 {
  width: 76%;
  display: block;
  float: left;
  position: relative;
}

.single-cookbook .cookbook-rating {
  width: 76%;
  display: block;
  float: left;
}


.single-cookbook .base, .single-cookbook .average, .comment-column .base, .comment-column .average {
  height: 25px;
}

.single-cookbook span.logged-in {
  top: 0px;
  font-size: 24px;
}

.single-cookbook .top-section p {
  width: 100%;
}

.single-cookbook img.right-tag {
  float: right;
}














/*     ERECIPE SIGNUP      */

.signup-wrapper {
  width: 95%;
  margin: 0 auto;
  padding: 50px 0;
}

.signup-wrapper .two-column {
  margin-bottom: 50px;
  overflow: auto;
}

.column-1 {
  width: 60%;
  float: left;
}

.column-2 {
  width: 40%;
  float: left;
}

button.button.signup {
  font-size: 25px;
  color: #ffffff;
  float: right;
  clear: both;
  margin: 20px 0;
}

.column-2 {
  padding: 0 0 0 30px;
  box-sizing: border-box;
}

.column-2 img {
  display: block;
  margin: 0 auto 20px auto;
  width: 60%;
}

.column-2 p {
  margin: 20px 0;
  font-size: 24px
}

.column-2 ul {
  padding-left: 30px;
  list-style: circle;
}

.column-2 ul#sites {
  list-style: disc;
}

.column-2 ul#sites li {
  margin: 0;
}

.column-2 ul li {
  font-family: 'Raleway';
  font-size: 24px;
  font-weight: 200;
  margin: 10px 0;
}

select {
  width: 25%;
  font-size: 16px;
  margin-bottom: 15px;
  height: 37px;
  background: #646464;
  color: #ffffff;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
}

.signup-wrapper .input-area {
  overflow-y: hidden;
}

textarea.signup {
  height: 200px;
  width: 70%;
  display: block;
  float: left;
  border: 1px solid #ababab;
}

.upload-image.signup {
  width: 70%;
  float: left;
  box-sizing: border-box;
}

.upload-image p#upload {
  color: #ababab;
  position: absolute;
  text-align: center;

  width: 100%;
  display: block;
}

p.upload-directions {
  text-align: left;
}

@media (max-width: 600px) {
  .column-1, .column-2 {
    width: 100%;
  }

  .signup-wrapper {
    width: 85%;
  }

  .column-2 {
    margin-top: 40px;
    padding: 0;
  }
}










/*      COMMENTS SECTION     */

.comment-column {
  width: 75%;
  margin-top: 50px;
  float: left;
  clear: left;
}

.ad-column {
  width: 25%;
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
}

.ad-column .adspace {
  margin: 15px 0;
  box-sizing: border-box;
}

.ingredient-heading .col1 {
  width: 10%;
  padding: 10px;
  display: block;
  box-sizing: border-box;
  float: left;
}

.comment-container {
  width: 95%;
  margin: 20px auto;
}

.my-comment {
  overflow: auto;
  padding-bottom: 20px;
  border-bottom: 3px solid #ffffff;
}

.ingredient-heading .col1 img {
  width: 100%;
}

.ingredient-heading .col2 {
  width: 90%;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  float: left;
}

.ingredient-heading .col2 textarea {
  display: block;
  width: 100%;
  float: left;
  height: 100px;
  border: 1px solid #ababab;
}

.ingredient-heading .col2 p {
  margin-top: 15px;
  display: block;
  width: 150px;
  float: left;
}

.ingredient-heading .col2 img {
  width: 100px;
  margin-top: 10px;
  display: block;
  float: left;
}

.button.right {
  font-size: 24px;
  float: right;
  color: #ffffff;
  margin-top: 10px;
}

.recipe-comments {
  border-bottom: 1px solid #ababab;
  padding: 20px 0;
  overflow: auto;
}

.recipe-comments h2 {
  display: block;
  width: 50%;
  float: left;
}

.recipe-comments p.post-date {
  display: block;
  float: right;
  width: 50%;
  text-align: right;
}

.comment-rating {
  width: 100%;
  overflow: auto;
}

.comment-rating img {
  width: 100px;
  float: left;
  display: block;
}

.recipe-comments p.comment {
  width: 100%;
}

div.comment-container div:last-child {
  border-bottom: 0;
}

@media (max-width: 1000px) {

  .ad-column {
    width: 30%;
  }

  .comment-column {
    width: 70%;
  }
}

@media (max-width: 900px) {
  .recipe-comments h2 {
    font-size: 30px;
  }

  .recipe-comments p.post-date {
    margin-top: 5px;
  }
}

@media (max-width: 700px) {
  .ad-column {
    display: none;
  }

  .comment-column {
    width: 100%;
  }

  .button.right {
    font-size: 16px;
    padding: 7px;
    font-weight: normal;
  }
}

@media (max-width: 600px) {
  .comment-container .col1 {
    padding: 10px 0 0 0;
  }
}

@media (max-width: 500px) {
  .ingredient-heading .col2 p {
    font-size: 15px;
  }

  .ingredient-heading .col2 img {
    clear: left;
  }

  .button.right {
    margin-top: -10px;
  }

  .recipe-comments h2 {
    font-size: 20px;
  }
}
















/*      VIDEO RECIPE CARD     */

.content-wrapper {
  max-width: 1500px;
  margin: 0 auto;
}

.video-card {
  width: 900px;
  margin: 2% auto;
  border: 1px solid #333333;
  overflow: auto;
  border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
  box-shadow: 0 0 10px #333333;
}

.video-card .col1 {
  width: 40%;
  float: left;
}

.video-card .col2 {
  width: 60%;
  float: left;
  height: 239px;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
}

.video-card .col1 img {
  display: block;
  width: 100%;
}

.video-card h2{
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 14px;
  font-size: 40px;
  background: #9AAD3F;
  color: #ffffff;
}

.video-card .author {
  font-family: 'puente';
  font-size: 25px;
  padding: 7px 14px;
}

.video-card .description {
  font-family: 'Raleway';
  font-size: 16px;
  font-weight: 200;
  padding: 7px 14px;
}

.video-card .tags {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.video-card .tags img:hover {
  cursor: pointer;
}

.video-card .tags img {
  display: block;
}

.base.left {
  width: 125px;
  height: 25px;
  margin-left: 10px;
  float:left;
}

.base.left .average {
  height: 25px;

}

.video-card .tags img {
  width: 24px;
  margin-right: 10px;
}

@media (max-width: 1240px) {
  .video-card {
    width: 800px;
    height: 212px;
  }

  .video-card h2 {
    font-size: 30px;
  }

  .video-card .author {
    font-size: 20px;
  }

  .video-card .col2 {
    float: left;
    height: 212px;
  }
}

@media (max-width: 1060px) {
  .video-card {
    width: 700px;
    height: 186px;
  }

  .video-card h2 {
    font-size: 30px;
  }

  .video-card .author {
    font-size: 20px;
  }

  .video-card .col2 {
    float: left;
    height: 186px;
    overflow: hidden;
  }
}

@media (max-width: 1000px) {

  .video-card {
    width: 96%;
    margin: 2%;
    height: auto;
  }

  .video-card .col1, .video-card .col2 {
    height: auto;
    width: 100%;
    padding: 0;
  }

  .video-card .col2 .description {
    display: none;
  }

  .video-card .col2 .tags {
    position: static;

  }

}



























/*    FOOTER    */

footer {
  display: block;
  overflow: auto;
  color: #e0e0e0;
  width: 100%;
  background: #251818;
}

.footer-left {
  width: 25%;
  float: left;
}

.footer-left img {
  width: 60%;
  display: block;
  margin: 50px auto 20px auto;
  box-sizing: border-box;
}

.footer-left p {
  font-family: 'puente';
  letter-spacing: 2px;
  text-align: center;
  font-size: 25px;
}

.footer-right {
  width: 23%;
  float: right;
}

.footer-right p {
  display: block;
  font-family: 'puente';
  letter-spacing: 2px;
  font-weight: 200;
  margin-top: 50px;
  font-size: 40px;
  text-align: right;
  padding-right: 50px;
  box-sizing: border-box;
}

.social-buttons {
  width: 100%;
  box-sizing: border-box;
  padding-right: 50px;
  margin: 20px 0 30px 0;
  overflow: auto;
}

.footer-right img {
  width: 25%;
  box-sizing: border-box;
  display: block;
  padding: 0 5px;
  float: right;
}
.image-file-name {
  margin: 0 !important;
}
@media (max-width: 1100px) {
  .footer-left, .footer-right {
    width: 30%;
  }
}

@media (max-width: 900px) {
  .footer-left, .footer-right {
    width: 35%;
  }

  .footer-right p {
    margin-top: 40px;
  }
}

@media (max-width: 750px) {
  .footer-left, .footer-right {
    width: 40%;
  }
}

@media (max-width: 650px) {
  .footer-left, .footer-right {
    width: 50%;
  }

  .social-buttons,  {
    padding-right: 15px;
  }

  .footer-right p {
    margin-top: 50px;
  }

  .footer-right img {
    width: 20%;
  }
}

@media (max-width: 540px) {
  .footer-left, .footer-right {
    width: 100%;
  }

  .footer-right p {
    padding: 0;
    text-align: center;
  }
}


.top-section .article { float:left;}
.top-section .article h1 {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}


/*new css*/
span.reset-link a {
    color: #fff;
    display: block;
    margin-top: 12px;
    text-transform: capitalize;
    font-family: "Raleway";
}
.reset_pass {
    width: 500px;
    background: #807872;
    margin: 80px auto;
    padding: 25px;
    border-radius: 30px;
    box-sizing: border-box;
}

 .reset_pass .user_form p {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.user_form input.text{    width: 100%;
    box-sizing: border-box;}
.user_form input.reset_password {
    padding: 7px 30px;
    background: #9AAD3F;border-radius: 8px;
}
div#result {
    margin-top: 10px;
}
#main-menu li.login {
    position: relative;
}
#main-menu li.login .sub-menu{margin-left: auto;right: -38px}

.g-recaptcha{
  clear: both;
margin-left: 30%;
margin-top: 25px;
display: inline-block;
float: left;
}
body button.button.signup  {
  float: left;

   margin: 54px 0 0 25px;
   clear: none;
}
.file-caption-main .input-group-append a.btn.btn-default.btn-secondary.fileinput-upload.fileinput-upload-button ,
.kv-main .file-input .file-caption.form-control.kv-fileinput-caption.icon-visible , .file-preview-thumbnails .file-thumbnail-footer .file-actions .file-footer-buttons button.kv-file-upload ,
.file-preview-thumbnails .file-thumbnail-footer .file-actions .file-footer-buttons button.kv-file-zoom , .file-preview-thumbnails .file-thumbnail-footer .file-upload-indicator{
    display: none;}
button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button {
    font-size: 16px;    margin: 0 15px 0px 0px;}

button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button:hover{color: #fff;}
.file-preview-thumbnails .file-thumbnail-footer .file-actions .file-footer-buttons>button {
    color: #b3b3b3;}
.file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame{    width: 46%;
    background: #fff;
    float: none;
    display: inline-block;}
body .krajee-default.file-preview-frame .kv-file-content {
    width: auto;}
.recipe-entry-bottom .file-preview {
    background: #807872;
    border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;    border: none;}
.alternative_thumbs .four-column .featured-recipe{height:250px;
    overflow: hidden;
    text-align: center;}
.alternative_thumbs .four-column .featured-recipe.recipe-alternative-thumb img {
  width: 100%;}
.file-preview .file-drop-zone .file-drop-zone-title {
    background: #ffffff none repeat scroll 0 0;
    border: 6px solid #c8c8c8;}
.container.kv-main hr {
    display: none;}
.recipe-entry-bottom.half.left .container.kv-main {
    margin-top: -8px;}
.recipe-entry-bottom.half.left .container.kv-main {
    margin-top: -8px;
    padding: 0px 10px;}
.page-template-template-recipes-new .recipe-entry-bottom.half {
    width: 49%;
    display: inline-block;
    float: inherit;}
.quarter-column{padding: 10px;}
@media(max-width: 1024px){
.page-template-template-recipes-new .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame {
    width: 45%;
    background: #fff;
    float: none;
    display: inline-block;
}
}
@media(max-width: 1023px){
.recipe-entry-bottom.half.left.file-uploade-box {
    width: 100%;}
}

@media(max-width: 767px){
.page-template-template-recipes-new .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame {
    width: 100%;}
.reset_pass {
    width: 100%;
}
.g-recaptcha {
   margin-left: 0px;
}
.reset_pass .user_form p {
    line-height: 26px;
}
.reset_pass {
    margin: 20px auto;
}
#main-menu li.login .sub-menu {
    margin-left: auto;
}
}
/*end new css*/