/*

Theme Name: Wholesome Cook

Theme URI: http://smackbangdesigns.com/

Version: 1.0.1

Description: Designed by <a href="http://smackbangdesigns.com/">Smack Bang Designs</a>.

Author: Smack Bang Designs

Author URI: http://smackbangdesigns.com/

Tags: Smack Bang Designs

Base styles: opinionated defaults */



@font-face {

    font-family: 'bebas_neueregular';

    src: url('fonts/bebasneue-webfont.eot');

    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/bebasneue-webfont.woff') format('woff'),

         url('fonts/bebasneue-webfont.ttf') format('truetype'),

         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');

    font-weight: normal;

    font-style: normal;





}



@font-face {

    font-family: 'PrestigeEliteStdBold';

    src: url('fonts/prestigeelitestd-bd.eot');

    src: url('fonts/prestigeelitestd-bd.eot') format('embedded-opentype'),

         url('fonts/prestigeelitestd-bd.woff') format('woff'),

         url('fonts/prestigeelitestd-bd.ttf') format('truetype'),

         url('fonts/prestigeelitestd-bd.svg#PrestigeEliteStdBold') format('svg');

}



@font-face {

    font-family: 'CenturyGothicRegular';

    src: url('fonts/gothic.eot');

    src: url('fonts/gothic.eot') format('embedded-opentype'),

         url('fonts/gothic.woff') format('woff'),

         url('fonts/gothic.ttf') format('truetype'),

         url('fonts/gothic.svg#CenturyGothicRegular') format('svg');

}



@font-face {

    font-family: 'CenturyGothicBold';

    src: url('fonts/gothicb.eot');

    src: url('fonts/gothicb.eot') format('embedded-opentype'),

         url('fonts/gothicb.woff') format('woff'),

         url('fonts/gothicb.ttf') format('truetype'),

         url('fonts/gothicb.svg#CenturyGothicBold') format('svg');

}



html,

button,

input,

select,         

textarea {

  color: #000;

}



body {

  font-size: 1em;

  line-height: 1.4;

}



/* A better looking default horizontal rule */



hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ccc;

  margin: 1em 0;

  padding: 0;

}



a:hover {

  color: #6b98e8;

}



/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */



img {

  vertical-align: middle;

}

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* Remove default fieldset styles. */



fieldset {

  border: 0;

  margin: 0;

  padding: 0;

}  



/* Allow only vertical resizing of textareas. */



textarea {

  resize: vertical;

}



/* Chrome Frame prompt */



.chromeframe {

  margin: 0.2em 0;

  background: #ccc;

  color: #000;

  padding: 0.2em 0;

}



/***

      Main selectors 

                      ***/

html {

}



body {

  font-family: 'CenturyGothicRegular', Arial, sans-serif;

  font-weight: normal;

  background: #fff;

  color: #000;

}



#wrap {

  width: 1050px;

  padding: 0 15px;

  margin: 0 auto;

  position: relative;  

}





/***

    @header

            ***/



#header {

  height: 465px;

  position: relative;

}



.logo {

  display: block;

  position: absolute;

  left: 247px;

  top: 51px;

  width: 554px;

  height: 180px;

  background: url('img/logo.png') no-repeat;

  text-indent: -9999px;

}



/***

    @header-menus

                 ***/



/***

    @header-main-menu

                      ***/



#header-main-menu-wrap {

  width: 1050px;

  height: 55px;

  position: absolute;

  top: 289px;

  left: 0;

  border-top: 1px #000 solid;

  border-bottom: 3px #000 solid;

}



.lt-ie8 #header-main-menu li {

  margin: 0 29px;

}



.lt-ie8 #header-main-menu li:first-child {

  margin-left: 0;

}



#header-main-menu li {

  float: left;

  position: relative;

}



#header-main-menu li:before {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 22px;

  content: "-";

  color: #a1a1a1;

  margin: 0 20px;

}



#header-main-menu li:first-child:before {

  content: none;

}



#header-main-menu li a {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  letter-spacing: 0.07em;

  font-size: 22px;

  line-height: 2.6em;

  text-transform: uppercase;

}



#header-main-menu li a,

#header-main-menu li a.current-menu-item:link,

#header-main-menu li a:active {

  color: #a1a1a1;

  text-decoration: none;      

}



#header-main-menu li a:hover {

  color: #699be8;

}



#header-main-menu li.current-menu-item a {

  color: #699be8;

}



/***

    @header-social-buttons

                            ***/



.header-social-buttons {

  width: 185px;/*148px;*/

  height: 32px;

  position: absolute;

}



#header .header-social-buttons {

  top: 11px;

  right: 0; 

}



.header-social-buttons li {

  float: left;

  margin-left: 6px;

}



.header-social-buttons li a {

  background: url('img/social-buttons.jpg') no-repeat;

  display: block;

  width: 31px;

  height: 32px;

  text-indent: -9999px;

}



.header-social-buttons li a.facebook {

  background-position: 0 0;

}



.header-social-buttons li a.facebook:hover {

  background-position: 0 -32px;

}



.header-social-buttons li a.twitter {

  background-position: -39px 0;

}



.header-social-buttons li a.twitter:hover {

  background-position: -39px -32px;

}



.header-social-buttons li a.instagramm {

  background-position: -78px 0;

}



.header-social-buttons li a.instagramm:hover {

  background-position: -78px -32px;

}



.header-social-buttons li a.linkedin {

  background-position: -117px 0;

}



.header-social-buttons li a.linkedin:hover {

  background-position: -117px -32px;

}



/***

    @header-secondary-menu

                          ***/



#header-secondary-menu-wrap {

  width: 1050px;

  height: 85px;

  position: absolute;

  top: 348px;

  left: 0;

  border-bottom: 3px #000 solid;

}



.lt-ie8 #header-secondary-menu li {

  margin: 0 29px;

}



.lt-ie8 #header-secondary-menu li:first-child {

  margin-left: 0;

}



.lt-ie9 #header-secondary-menu li {

}



.lt-ie9 #header-secondary-menu li:before {

  margin: 0 14px 0 8px;

}



#header-secondary-menu li {

  float: left;

  position: relative;

}



#header-secondary-menu li:before {

  font-size: 40px;

  content: "•";

  color: #000;

  margin: 0 5px;

}



.lt-ie8 #header-secondary-menu li{

  font-size: 40px;

  margin: 0 18px 0 19px;

}



#header-secondary-menu li:first-child:before {

  content: none;

}



#header-secondary-menu li a {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 40px;

  line-height: 2.3em;

  letter-spacing: 0.07em;

  text-transform: uppercase;

}



#header-secondary-menu li a,

#header-secondary-menu li a.current-menu-item:link,

#header-secondary-menu li a:active {

  color: #000;

  text-decoration: none;      

}



/*uncomment to use hover/current text-decoration for secondary menu 



#header-secondary-menu li a:hover {

  text-decoration: underline;

}



#header-secondary-menu li.current-menu-item a {

  text-decoration: underline;

}*/



/***

    @content

            ***/



#content-wrap {

  width: 1050px;

  padding: 0 15px;

}



#content {

  width: 729px;

  float: left;

}



.post > h1 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 40px;

  font-weight: normal;

  color: #000;

  line-height: 0.8em;

  letter-spacing: 0.07em;

}



.entry a {

  color: #000;

  text-decoration: underline;

}



.entry a:hover {

  color: #699be8;

}



.content-footer {

  border-top: 1px #000 solid;

}



.content-footer section h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-weight: normal;

  color: #000;

  margin-top: 16px;

  letter-spacing: 0.07em;

}



.content-footer section a {

  color: #000;

}



.content-footer section a:hover {

  color: #699be8;

}





/***

    @home-news

              ***/



.home-news .post {

  position: relative;

}



.home-news .clearfix .post {

  width: 346px;

  float: right;

  border-bottom: 1px #000 solid;

  margin-bottom: 31px;

  height:815px;

}



.home-news .clearfix .post:first-child {

  float: left;

}



.home-news .post img {

  width: 345px;

  height: 483px;

}



.home-news .post .ssba {

  padding-top: 5px;

}

.home-news .post .ssba img {

  width: auto;

  height: auto;

}



.pin-wrap {

  position: relative;

}



a.pin-it {

  width: 67px;

  height: 67px;

  position: absolute;

  right: 120px;

  bottom: 20px;

  background: url('img/pin-it.png') no-repeat;

  text-indent: -9999px;

  display: none;

  z-index: 2;

}





/***delete when code JS***/



.home-news .post:first-child .pin-it {

  display: none;/*block;*/

}





.home-news .clearfix .post:hover .pin-it, .home-news .post:hover .pin-it {

	display:block;

}



/***/



.home-news .post > h1 {

  font-family: 'PrestigeEliteStdBold', Arial, sans-serif;

  font-size: 24px;

  line-height: 1em;

  margin-top: 22px;

}



.home-news .post h1 a {

  color: #000;

  text-decoration: none;

}



.home-news .post-meta, .single .post-meta {

  font-size: 10px;

  color: #9c9c9c;

  margin: 4px 0;

}



.home-news .post-meta a, .single .post-meta a {

  text-decoration: none;

  color: #9c9c9c;

}



.home-news .post-meta a:hover {

  color: #699be8;

}



.home-news .entry, .single .entry {

  font-size: 15px;

}



.home-news .more {

  display: block;

  margin: 6px 0;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 21px;

  color: #000;

  text-decoration: none;

  text-transform: uppercase;

  float: right;

  letter-spacing: 0.07em;

  top:775px;

  right:20px;

  position:absolute;

}



.home-news-navigation li {

  float: left;

  margin-right: 10px;

}



.home-news-navigation li a {

  display: block;

  width: 36px;

  height: 31px;

  color: #fff;

  background: #000;

  text-align: center;

  text-decoration: none;

  line-height: 2.1em;

  font-size: 14px;

}



.home-news-navigation li a:hover {

  background: #4c4c4c; 

}



.home-news-navigation li.current-menu-item a {

  background: #4c4c4c; 

}



/***

    @home-featured

                  ***/



.home-featured {

  width: 100%;

  margin-top: 24px;

  padding-top: 10px;

  border-top: 1px #000 solid;

}



.home-featured > section {

  float: right;

}



.home-featured > section:first-child {

  float: left;

}



.home-featured > section h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 40px;

  font-weight: normal;

  color: #000;

  text-transform: uppercase;

  text-align: right;

  letter-spacing: 0.07em;

}



.home-featured > section:first-child h2 {

  text-align: left;

} 



.home-featured section.clearfix {

  width: 501px;

  margin-bottom: 22px;

}



.home-featured > section .featured-item {

  width: 147px;

  margin: 0 0 0 20px;

  float: left;

}



.home-featured > section:first-child .featured-item {

  margin: 0 20px 0 0;

}



/***

    @single-page

                ***/



.single .post > h1 {

  font-family: 'bebas_neueregular' , Arial, sans-serif;/*'PrestigeEliteStdBold', Arial, sans-serif;*/

  font-size: 36px;

  line-height: 1em;

}



.single .entry > p {

  margin: 24px 0;

  line-height: 1.5em;

}



.print-recipe {

  margin: 20px 0 10px 0;

  width: 691px;

  padding: 0 18px;

  background: #f7f5f5;

  border: 1px #000 solid;

  position: relative;

}



img.aligncenter {

  display: block;

  margin: 8px auto;

}



/* recipe */

div.easyrecipe , .ERPointer {

  margin: 20px 0 10px 0;

  width: 691px;

  padding: 0 18px;

  background: #f7f5f5;

  border: 1px #000 solid;

  position: relative;

}



.print-recipe > a  {

  display: block;

  position: absolute;

  top: 0;

  right: 14px;

  letter-spacing: 0.07em;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 72px;

  font-weight: normal;

  color: #699be8;

  text-decoration: none;

  line-height: 1.1em;

}

/* recipe */

div.easyrecipe span.ui-button-text {

  display: block;

  position: absolute;

  top: -50px;

  right: -70px;

  letter-spacing: 0.07em;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 72px;

  font-weight: normal;

  color: #699be8 !important;

  text-decoration: none;

  line-height: 1.1em;

}



/* recipe */

div.easyrecipe span.ui-icon{

background-image:none !important;

}



div.easyrecipe {

margin: 14px 43px 0px 0px !important;

}



/* recipe */

.print-recipe h1,.ERSName {

  font-family: 'PrestigeEliteStdBold', Arial, sans-serif;

  margin-top: 6px !important;

  font-size: 24px !important;

  font-weight: normal;

  display: block;

  width: 510px;

  color:#000 !important;

}

/* recipe */

div.ERSIngredients ul, div.ERSIngredients li

{

	list-style-type:none !important;

}



.print-recipe h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  font-weight: normal;

  color: #000;

  letter-spacing: 0.07em;

}

/* recipe */

.ERSIngredientsHeader, .ERSInstructionsHeader 

{

  font-family: 'bebas_neueregular', Arial, sans-serif !important;

  font-size: 24px !important;

  font-weight: normal !important;

  color: #000;

  letter-spacing: 0.07em !important;

}



.print-recipe p {

  margin: 16px 0;

  line-height: 1.2em;  

}



/* recipe */

.easyrecipe .ERSDetails, .ERSSummary

{

	margin: 16px 0 !important;

	line-height: 1.2em !important;

	font-family:'CenturyGothicRegular',Arial,sans-serif !important;

}

/* recipe */

li.ingredient b {

	font-weight:bold !important;	

	margin-left:-10px !important;

	

}



li.ingredient

{

    font-size: 15px !important;	

	font-family:'CenturyGothicRegular',Arial,sans-serif !important;

}



 li.instruction

 {

	margin: 16px 20px !important;

	line-height: 1.2em !important;

	font-family:'CenturyGothicRegular',Arial,sans-serif !important;

	list-style-type:none !important;

	font-size: 15px !important;	

 }





li.clearfix

{

list-style-type:decimal !important;

}



.print-recipe ul {

  position: relative;

  margin-top: -16px;

  margin-bottom: 16px;

}



.print-recipe li {

  margin-left: 34px;

  line-height: 1.2em;

}



.like-posts h2, .comments h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 40px;

  font-weight: normal;

  color: #000;

  text-transform: uppercase;

  margin: 4px 0 2px 0;

  letter-spacing: 0.07em;

}



.like-posts-item {

  width: 159px;

  float: left;

  margin-right: 16px;

}



.like-posts-item p {

  margin-top: 18px;

  font-size: 15px;

  line-height: 1.2em;

}



.like-posts-item img {

  width: 159px;

  height: 148px;

}



.comments {

  margin: 30px 0;

  padding-top: 10px;

  min-height: 200px;

  border-top: 1px #000 solid;

}





/***

    @search

            ***/

            

.search input[type="text"],.subscribe input[type="email"] {

  width: 271px;

  height: 26px;

  padding-left: 8px;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  color: #699be8;

  background: #d9d9d9;

  border: none;

  margin-bottom: 7px;

}



.search input[type="submit"] {

  width: 279px; 

  height: 26px;

  margin-top: 10px;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  color: #000;

  background: url('img/sidebar-button.jpg') 0% 50% no-repeat;

  border: none;

  text-align: center;

}         

            

.search #content {

  width: 1050px;

  float: none;

}         

            

.search a {

  color: #000;

}          



/***

    @shop

          ***/



.shop #content {

  width: 1050px;

  float: none;

}



.shop-items {

  margin-top: 16px;

}



.shop-item {

  width: 319px;

  float: left;

  margin-left: 46px;

}



.shop-item:first-child {

  margin: 0;

}



.shop-item img {

  width: 320px;

  height: 452px;

  margin-bottom: 12px;

}



.shop-item h2 {

  margin: 4px 0;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  font-weight: normal;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 0.07em;

}



.shop-item strong {

  font-family: 'CenturyGothicBold', Arial, sans-serif;

}



.shop-item p {

  font-size: 14px;

  line-height: 1.3em;

}



.shop-item .more {

  display: block;

  font-family: 'CenturyGothicBold', Arial, sans-serif;

  font-size: 14px;

  color: #000;

  text-decoration: none;

  text-transform: uppercase;

  margin-top: 18px;

}



.lt-ie9 .shop-item .more {

  font-weight: bold;

}



.shop-item .download {

  display: block;

  text-align: center;

  text-decoration: none;

  margin-top: 50px;

}



.shop-item .download h3 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 45px;

  font-weight: normal;

  color: #699be8;  

  line-height: 0.6em;

  letter-spacing: 0.07em;

}



.shop-item .download span {

  font-family: 'CenturyGothicBold', Arial, sans-serif;

  font-size: 14px;

  color: #699be8;

}



.lt-ie9 .shop-item .download span {

  font-weight: bold;

}



.shop .content-footer {

  margin-top: 34px;

  padding: 24px 0;

  border-top: 1px #000 solid;

}



.shop .content-footer p {

  line-height: 1.3em;

  font-size: 14px;

  margin: 10px 0 16px 0;

}



.shop. .content-footer p {

  margin: 18px 0;

}



.shop .content-footer p:first-child {

  margin-top: 24px;

}



.shop .content-footer span {

  font-family: 'CenturyGothicBold', Arial, sans-serif;

  display: block;

  margin: 18px 0;

  text-align: center;

  color: #699be8;

  line-height: 1.3em;

  font-size: 14px;

}



.lt-ie9 .shop .content-footer span {

  font-weight: bold;

}



/***

    @services

              ***/



.services #content {

  margin-bottom: 24px;

  width: 1050px;

  float: none;

}



.services .entry {

  width: 100%;/*500px;*/

  float: left;

}



.services .entry h3 {

  font-family: 'CenturyGothicBold', Arial, sans-serif;

  font-size: 15px;

  text-transform: uppercase;

}



.services p {

  margin: 18px 0;

  font-family: 'CenturyGothicRegular', Arial, sans-serif;

  font-size: 15px;

  line-height: 1.2em;

}



.services .post img {

  float: right;

}



.services .content-footer section {

  width: 318px;

  float: left;

  margin-left: 48px; 

}



.services .content-footer section:first-child {

  margin: 0;

}



.services .content-footer section h2 {

  font-size: 24px;

}



.services .content-footer section p {

  font-size: 14px;

  line-height: 1.3em;

}



.services .content-footer section li {

  font-size: 14px; 

  line-height: 1.3em;

}



.services .content-footer a {

  color: #000;

  text-decoration: none;

}



.services .content-footer a:hover {

  color: #699be8;

}



.services-contact h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 45px;

  font-weight: normal;

  color: #699be8;  

  letter-spacing: 0.07em;

}



.services-contact h2 a {

  color: #699be8;  

  text-decoration: none;

}



.services-contact p {

  display: block;

  margin-top: -6px; 

}



.services-contact a {

  color: #000;

  text-decoration: none;

}





/***

    @become-an-affiliate

                        ***/



.affiliate #content {

  width: 1050px;

  float: none;

}



.affiliate .entry p {

  display: block;

  width: 500px;

  margin: 18px 0;

  font-family: 'CenturyGothicRegular', Arial, sans-serif;

  font-size: 15px;

  line-height: 1.2em;

}



.affiliate .entry h3 {

  font-family: 'PrestigeEliteStdBold', Arial, sans-serif;

  font-size: 18px;

  font-weight: normal;

  display: block;

  margin: 18px 0;

}



.affiliate ol {

  margin-left: 24px;

}



.affiliate ol li {

  font-size: 15px;

  margin: 8px 0;

  list-style-type: decimal;

}



.affiliate .shop-items {

  margin: 20px 0;

}



.affiliate .content-footer section {

  width: 508px;

  float: right;

}



.affiliate .content-footer section:first-child {

  float: left;

}



.affiliate .content-footer section h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  font-weight: normal;

  color: #000;

  line-height: 1em;

  margin-top: 16px;

  letter-spacing: 0.07em;

}



.affiliate .content-footer section p {

  font-size: 14px;

  line-height: 1.2em;

  margin: 18px 0;

}



.join {

  display: block;

  text-decoration: none;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 45px;

  color: #699be8;  

  letter-spacing: 0.07em;

}





/***

    @about-page

                ***/



.about-page {

  margin-bottom: 116px;

}



.about-page .post-meta {

  margin: 10px 0;

  font-size: 18px;

}



.about-page .entry {

  font-size: 15px;

  line-height: 1.2em;

}



.about-page .entry p {

  margin: 14px 0;

}



.about-page .entry h3 {

  margin: 14px 0;

  text-transform: uppercase;

}



.about-page .entry ol li {

  list-style-type: decimal;

  margin: 7px 0;

}



.about-page .entry ul li {

  list-style-type: disc;

  margin: 14px 0;

}



.about-page .entry ul {

  margin-left: 32px;

}



.about-page .entry ol {

  margin-left: 42px;

}



.about-video {

  border-top: 1px #000 solid;

  padding: 35px 0;

  margin-top: 40px;

}



.about-video div {

  width: 1050px;

  height: 756px; 

  background: #d1d1d1;

}



.lt-ie8 #content-wrap .ie-7.clearfix {

  margin-top: 370px;

}



.about-page .content-footer section {

  width: 514px;

  float: right;

}



.about-page .content-footer section:first-child {

  float: left;

}



.about-page .content-footer section h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 40px;

  font-weight: normal;

  color: #000;

  margin-top: 16px;

  letter-spacing: 0.07em;

}



.about-page .content-footer section p {

  font-size: 15px;

  line-height: 1.2em;

  margin: 0px 0 24px 0;

}



.about-page .content-footer section ul {

  margin-left: 24px;

}



.about-page .content-footer section ul li {

  list-style-type: disc;

  margin: 6px 0;

  font-size: 15px;

  line-height: 1.2em;

}



/***

    @contact

            ***/



.contact .entry {

  position: relative;

  font-size: 15px;

  padding-bottom: 2px;

}



.contact .entry p {

  margin: 24px 0;

  line-height: 1.2em;

}



.contact input[type="text"],.contact input[type="email"] {

  font-family: "CenturyGothicRegular", Arial, sans-serif;

  padding-left: 8px;

  width: 351px;

  height: 32px;

  border: 1px #000 solid;

}



.lt-ie9 .contact .entry input[type="text"],.lt-ie9 .contact .entry input[type="email"] {

  line-height: 2em;

}



.contact textarea {

  font-family: "CenturyGothicRegular", Arial, sans-serif;

  padding: 4px 0 0 8px;

  width: 716px;

  height: 157px;

  border: 1px #000 solid;

  margin: 8px 0;

}



.contact input[type="submit"] {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  width: 740px;

  height: 28px;

  background: url('img/contact-submit-button.jpg') -5px -3px no-repeat;

  border: none;

  padding: 0;

  position: relative;

  margin-left: -7px;

  letter-spacing: 0.07em;

}



.contact .header-social-buttons {

  bottom: 20px;

  right: 0; 

}



/***

    @sidebar

            ***/



#sidebar {

  width: 279px;

  float: right;

  background: white;

}


#sidebar .widget + .info-section {
  margin-top: -34px;
  position: relative;
}


#sidebar h3 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 35px;/*38px;*/

  font-weight: normal;

  margin-bottom: 6px;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 0.06em;

}



#sidebar p {

  font-size: 15px;

  line-height: 1.2em;

}



#sidebar .textwidget {

  font-size: 15px;

  margin-bottom: 24px;  

}



#sidebar .info-section:first-child {

  margin-top: 0;

}





/***

    @subscribe

              ***/



.subscribe h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 72px;

  line-height: 0.8em;

  font-weight: normal;

  color: #699be8;

  text-transform: uppercase;

  letter-spacing: 0.07em;

}



.subscribe p {

  margin: 17px 0 15px 0;

}



.subscribe input[type="text"],.subscribe input[type="email"] {

  width: 271px;

  height: 26px;

  padding-left: 8px;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  color: #699be8;

  background: #d9d9d9;

  border: none;

  margin-bottom: 7px;

}



.subscribe input[type="submit"] {

  width: 279px; 

  height: 26px;

  margin-top: 10px;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  color: #000;

  background: url('img/sidebar-button.jpg') 0% 50% no-repeat;

  border: none;

  text-align: center;

}



/***

    @recipes

            ***/



.recipes #content {

  width: 1050px;

  float: none;

}



.recipes .post > section {

  margin-bottom: 30px;

}



.recipes .post section section {

  float: left;

  margin: 0 6px;

}



.lt-ie8 .recipes .post section section {

  margin: 0 48px;

}



.recipes .post section section:first-child {

  margin: 0;

}



.recipes .post section section h1 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 40px;

  font-weight: normal;

  color: #000;

  line-height: 0.8em;

  letter-spacing: 0.07em;

}



.recipes .post section section h1:before {

  font-size: 40px;

  content: "•";

  color: #000;

  margin: 0 34px;

}



.recipes .post section section:first-child h1:before {

  content: "";

  margin: 0;

}



.recipes .post section section ul {

  margin: 10px 0 0 86px;

}



.lt-ie8 .recipes .post section section ul {

  margin: 10px 0 0 0;

}



.recipes .post section section:first-child ul {

  margin: 10px 0 0 0;

}



.recipes .post section section ul li {

  font-family: 'CenturyGothicBold', Arial, sans-serif;

}



.lt-ie8 .recipes .post section section ul li {

  font-weight: bold;

}



.recipes .post section section ul li a {

  text-decoration: none;

  color: #000;

}



.recipes .post section section ul li a:hover {

  text-decoration: none;

  color: #6b98e8;

}



/***

    @media-page

                ***/



.media-page #content {

  width: 1050px;

  float: none;

}



.media-page .content-footer {

  margin-top: 20px;

}



.media-page .content-footer h2 {

  font-size: 40px;

}



.media-page .content-footer section {

  position: relative;

}



.media-page .content-footer section p {

  font-size: 15px;

  line-height: 1.2em;

  margin: 18px 0;

}



.media-page .header-social-buttons {

  bottom: -8px;

  right: 260px; 

}



.media-items {

  border-bottom: 1px #000 solid; 

  padding-bottom: 24px;

}



.media-items:last-child {

  border-bottom: none;

}



.media-items h2 {

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  font-weight: normal;

  margin-top: 16px;

  margin-bottom: -10px;

}



.media-item {

  width: 158px;

  min-height: 415px;

  float: left;

  margin: 24px 26px;

}



.media-item img {

  width: 158px;

  height: 224px;

}



.media-item h4 {

  font-family: 'CenturyGothicRegular', Arial, sans-serif;

  font-size: 14px;

  font-weight: normal;

  text-align: center;

  margin-top: 14px;

}



.media-item h4 a {

  color: #000;

}



.books {

  margin: 48px 0 24px 0;

}



/***delete***/



.recipes .content-footer {

  height: 450px;

}



/***/



/***

    @about

    @work-with-me

    @shop-ebooks

                  ***/



.info-section.about {

  margin-top: 64px;

}



.info-section, .worth-buying, .top-posts {

  margin-top: 48px;

}



.about img {

  width: 81px;

  margin-top: 4px;

  float: left;

}



.about p {

  width: 188px;

  float: right;

}



.work-with-me p {

  margin: 10px 0 6px 0;

}



#sidebar .work-with-me h3 {

  margin-bottom: 11px;

}



.shop-ebooks p {

  margin: 6px 0 8px 0;

}



.info-section a {

  display: block;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 24px;

  color: #000;

  text-decoration: none;

  text-align: center;

  background: url('img/sidebar-button.jpg') 0% 0% no-repeat;

  letter-spacing: 0.07em; 

}



.about a, .work-with-me a, .shop-ebooks a {

  margin-top: 10px;

}



.info-section .textwidget a {

  font-family: 'CenturyGothicRegular', Arial, sans-serif;

  font-weight: normal;

  font-size: 15px;

  line-height: 1.2em;

  color: #000;

  text-decoration: underline;

  background: none;

  letter-spacing: 0; 

  display: inline;

}  



.shop-ebooks a, .work-with-me a {

  margin-top: 4px;

}



/***

    @top-posts

              ***/



#sidebar .top-posts h3 {

  margin-bottom: 16px;

}



.sidebar-news {

  margin-bottom: 10px;

}



.sidebar-news img {

  width: 40px;

  float: left;

  margin-top: 4px;

}



.sidebar-news a {

  color: #000;

  display: block;

  width: 206px;

  float: right;

  font-size: 15px;

  text-decoration: none;

  line-height: 1.2em;

}





/***

    @books

           ***/



.books a {                                              

  display: block;

  width: 139px;

  height: 168px;

  float: left;

  padding-bottom: 10px;

}



.books a.book-4 {

  padding-top: 6px;

}



.books a.book-2 img, .books a.book-4 img {

  float: right;

}



.books a img {

  display: block;

  margin: 0 auto;

}



.books .clearfix img {

  margin: 50px 12px 0 50px;

}





/***

    @footer

           ***/



#footer {

  width: 1050px;

  margin: 33px 0 103px 0;

  height: 55px;

  border-top: 1px #000 solid;

  border-bottom: 3px #000 solid;

}



#footer p {

  margin-top: 15px;

  float: right;

  font-family: 'bebas_neueregular', Arial, sans-serif;

  font-size: 22px;

  text-transform: uppercase;

  letter-spacing: 0.07em;

}



#footer p:first-child {

  float: left; 

}



#footer a {

  color: #000;

  text-decoration: none;

}



/* ==========================================================================

   Helper classes

   ========================================================================== */



/*



/***Alignment***/



.align-left {

  float: left;

}



.align-right {

  float: right;

}



.align-center {

  display: block;

  margin: 0 auto;

}



 /* Image replacement

*/



.ir {

  background-color: transparent;

  border@: 0;

  overflow: hidden;

  /* IE 6/7 fallback */

  *text-indent: -9999px;

}



.ir:before {

  content: "";

  display: block;

  width: 0;

  height: 100%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

*/



.hidden {

  display: none !important;

  visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

*/



.visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

*/



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

  clip: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  position: static;

  width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

*/



.invisible {

  visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

*/



.clearfix:before,

.clearfix:after {

  content: " "; /* 1 */

  display: table; /* 2 */

}



.clearfix:after {

  clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

*/



.clearfix {

  *zoom: 1;

}







.wp-pagenavi {

    float: left;

    padding: 20px 0;

	

}

.wp-pagenavi span, .wp-pagenavi a {

    background: none repeat scroll 0 0 #000000;

    color: #FFFFFF;

    font-weight: bold;

    margin-right: 5px;

    padding: 7px;

	font-family:'CenturyGothicRegular',Arial,sans-serif;

	width:36px !important;

}

.wp-pagenavi a:hover {

    background: #4c4c4c; 

    color: #fff !important;

}

.wp-pagenavi span.current {

    background: none repeat scroll 0 0 #FFFFFF;

    color: #000000 !important;

}



a.linked

{

text-decoration: none;

color:#000;

}

.info-section.work-with-me > a:hover, .subscribe input[type="submit"]:hover,.info-section.about > a:hover,.info-section.shop-ebooks > a:hover,.sidebar-news.clearfix > a:hover,.more:hover,#footer a:hover, a.linked:hover,.contact input[type="submit"]:hover,#header-secondary-menu li a:hover, .home-news .post h1 a:hover, .shop-item span:hover

{

color:#699be8;

}



.shop-item span

 {

	color:#000;

	text-decoration: none;

 }



div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok

{

border:2px solid #699be8;

}





.like-posts-item p a:visited, .like-posts-item p a:active ,.like-posts-item p a:hover, .like-posts-item p a:link

{

color:#000;

text-decoration:none;

}

.like-posts-item p a:hover

{

color:#699be8;

}



div#comments {

    clear: both;

    float: left;

    margin: 0 0 50px;

    width: 100%;

}

div#comments h3#comments {

    display: block;

    margin: 15px 0 0;

}

ol.commentlist {

    -moz-box-sizing: border-box;

    float: left;

    margin: 30px 0 0;

    width: 100%;

}

li.comment {

    clear: both;

    padding: 0 0 0 64px;

    position: relative;

}

li.comment div.comment-body {

    margin: 0 0 30px;

}

li.comment ul.children {

    clear: both;

}

li.comment .comment-author {

    margin: 0;

    padding: 0;

}

li.comment img.avatar {

    left: 0;

    position: absolute;

    top: 0;

}

li.comment .comment-author cite {

    font-weight: bold;

}

li.comment .comment-author span.says {

}

li.pingback .comment-author span.says {

    display: none;

}

li.comment .comment-meta {

    margin: 5px 0 20px;

}

li.comment .comment-meta a {

    color: inherit;

    text-decoration: none;

}

li.comment .comment-body p {

    margin: 0 0 10px;

}

li.comment div.reply {

    margin: 20px 0 0;

}

li.comment a.comment-reply-link {

    margin: 10px 0 0 -6px;

    padding: 3px 6px;

}

div#respond {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

ol.commentlist div#respond {

    margin: -20px 0 30px;

    padding: 5px 0 20px;

}

h3#reply-title {

    margin: 15px 0;

}

h3#reply-title small {

    font-size: 75%;

    margin: 0 0 0 5px;

}

div#respond p.logged-in-as {

    margin: 10px 0 20px;

}

div#respond label {

    display: inline-block;

    float: left;

    margin: 0;

}

div#respond p {

    clear: both;

    float: left;

    width: 100%;

}

div#respond span.required {

    color: #CC0000;

    display: inline;

    line-height: 25px;

    margin: 0 0 0 3px;

}

div#respond input[type="text"] {

    width: 50%;

}

div#respond textarea {

    height: 150px;

    width: 85%;

}

div#respond input[type="text"], div#respond textarea {

    clear: both;

    float: left;

    margin: 0 0 10px;

}



a.facebook:hover

{

	background: url("img/WC_FB.png") no-repeat scroll 0 0 transparent !important;

    display: block !important;

    height: 32px !important;

    width: 31px !important;

}



a.twitter:hover

{

	background: url("img/WC_TWT.png") no-repeat scroll 0 0 transparent !important;

    display: block !important;

    height: 32px !important;

    width: 31px !important;

}



a.instagramm:hover

{

	background: url("img/WC_INS.png") no-repeat scroll 0 0 transparent !important;

    display: block !important;

    height: 32px !important;

    width: 31px !important;

}



a.linkedin:hover

{

	background: url("img/WC_LDN.png") no-repeat scroll 0 0 transparent !important;

    display: block !important;

    height: 32px !important;

    width: 31px !important;

}



a.pin

{

	background: url("img/Pinterest_grey.png") no-repeat scroll 0 0 transparent !important;

    display: block !important;

    height: 32px !important;

    width: 31px !important;

}



a.pin:hover

{

	background: url("img/Pinterest_Blue.png") no-repeat scroll 0 0 transparent !important;

    display: block !important;

    height: 32px !important;

    width: 31px !important;

}



/*@q

*/

.ssba a {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 6px 0 0;
}

.ssba img {
  width: 100%;
  height: auto;
}

.ssba span {
  display: inline-block;
  margin-right: 11px;
}


.info-section .wpp-list a {

  color: #000;

  display: block;

  width: 206px;

  float: right;

  font-size: 15px;

  text-decoration: none;

  line-height: 1.2em;

  font-family: 'CenturyGothicRegular', Arial, sans-serif; 

  background: none;

  text-align: left;

  letter-spacing: 0;

}



.info-section .wpp-list a:hover {

  color: #699be8;

}



.info-section .wpp-list li {

  margin-bottom: 12px;

  overflow: hidden;

}



.info-section .wpp-list li a:first-child {

  width: 40px;

  height: 40px;

  float: left;

  padding-top: 4px;

}



.info-section .wpp-list .wpp-thumbnail {

  float: none;

  display: block;

}



/*.shop-item a, .shop-item-content a{

    text-decoration: none;

}

*/

/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   Theses examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

  /* Style adjustments for viewports that meet the condition */

}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 144dpi) {

  /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

  * {

    background: transparent !important;

    color: #000 !important; /* Black prints faster: h5bp.com/s */

    box-shadow:none !important;

    text-shadow: none !important;

  }



  a,

  a:visited {

    text-decoration: underline;

  }



  a[href]:after {

    content: " (" attr(href) ")";

  }



  abbr[title]:after {

    content: " (" attr(title) ")";

  }



  /*

   * Don't show links for images, or javascript/internal links

  */



  .ir a:after,

  a[href^="javascript:"]:after,

  a[href^="#"]:after {

    content: "";

  }



  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }



  thead {

    display: table-header-group; /* h5bp.com/t */

  }



  tr,

  img {

    page-break-inside: avoid;

  }



  img {

    max-width: 100% !important;

  }



  @page {

    margin: 0.5cm;

  }



  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }



  h2,

  h3 {

    page-break-after: avoid;

  }

}



li.pingback {padding: 15px 0 15px 0; font-style: italic; color: #699be8;}