/*
 Theme Name:   Divi Child
 Theme URI:    https://steamykitchen.com
 Description:  Child theme adding functionality and styling for Steamy Kitchen Giveaways
 Author:       Bob Grim
 Template:     Divi
 Version:      1.2.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  steamykitchenchild_v1_2
*/
.skg-box {
  position: relative;
}

/* Common styling for all ribbons */
/* Modifying this to use the pseudo element ::before for Divi theme */
article.skg-ribbon a::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* border: 25px solid transparent; */
  position: absolute;
  left: -29px;
  top: 30px;
  /* padding: 0 10px; */
  width: 140px;
  color: white;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.7em;
  padding: 0;
  /* background-color: green; */
  clip-path: polygon(23px 0px, 117px 0px, 100% 100%, 0% 100%);
  text-align: center;
}

/*
.skg-ribbon .txt {
  position: absolute;
  left: 6px;
}
*/

/*
 Styles specific to each ribbon type
 For now, only the color of the ribbon changes
 */
article.skg-ending-ribbon a::before {
  content: "Ends Soon!";
  background-color: red;
}

article.skg-new-ribbon a::before {
  content: "Just Added!";
  background-color: green;
}

article.skg-instant-win-ribbon a::before {
  content: "Instant Win!";
  background-color: #acba33;
}

article.skg-new-format-ribbon a::before {
  content: "New Format";
  background-color: #4fbdbb;
}

/* Style the "Ends in..." message after the giveaway title */
.entry-title span.skg-ends-in-msg,
.entry-title span:nth-of-type(2) {
  font-weight: 400;
  line-height: 2.25;
}

/* Style the giveaway title */
.entry-title span.skg-archive-item-title,
.entry-title span:nth-of-type(1) {
  font-weight: 600;
  line-height: 1.25;
}

.thumb-post {
  margin: 0 2% 2% 0;
  text-align: center;
}

.thumb-post a .post-title h4 {
  margin: 10px 0 4px;
}

.inner-post .thumb-post:nth-of-type(4n+1) {
  clear: both;
}

.is-menu.full-width-menu:not(.open) form,
.is-menu.sliding:not(.open) form {
  display: none;
}

/* set z-index so that Vyper widget aways appears above the banner ad */
[id|="vy-form-widget"] {
  z-index: 9999999999;
}

/* disappear ads from the sidebar on posts in the recipe category 
.recipes .leaderboard_atf_wrapper, .recipes .sidebar_atf_wrapper, .recipes .leaderboard_btf_wrapper, .recipes #sidebar_btf_placeholder, .page-template-recipeindex .leaderboard_atf_wrapper, .page-template-recipeindex .sidebar_atf_wrapper, .page-template-recipeindex .leaderboard_btf_wrapper, .page-template-recipeindex #sidebar_btf_placeholder, .buddhabowls .leaderboard_atf_wrapper, .buddhabowls .sidebar_atf_wrapper, .buddhabowls .leaderboard_btf_wrapper, .buddhabowls #sidebar_btf_placeholder  {
	display:none !important;
}*/

/* Change the next/previous_posts_link label from "Older Entries" and "Next Entries" to "More Posts" */
.pagination > .alignleft a:before{
    content: '\00ab  More Posts';
    visibility: visible;
}
.pagination > .alignleft a {
	visibility: collapse;
}
.pagination > .alignright a:before {
    content: 'More Posts  \00bb';
    visibility: visible;
}
.pagination > .alignright a {
	visibility: collapse;
}

/* Don't display "Print Recipe" button at top of recipe posts */
.wprm-recipe-snippet a.wprm-recipe-print-inline-button {
    display: none;
}

/* Affiliate Disclosure */
.affiliate-disclosure {
    background: #f8f0e5;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}
.affiliate-disclosure a {
    color: #fe5089;
    text-decoration: underline;
}