/*
Theme Name: PinkRibbon
Desciption: PinkRibbonProduce theme

*/

@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-RegularItalic.otf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-Thin.otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-ThinItalic.otf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-Light.otf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-LightItalic.otf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-Medium.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-MediumItalic.otf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-Bold.otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-BoldItalic.otf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("fonts/BrandonGrotesque-BlackItalic.otf");
  font-weight: 900;
  font-style: italic;
}

.expo {padding:20px}
body, html {
  background-color: #fff;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: 'BrandonGrotesque', 'Arial', sans-serif;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}
.footershare {background-color:#dc286e;padding:20px}

#footer {color:#999;font-size:.8em}
p {margin:0;padding: 12px 0;}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
li.bjqs-slide .padder {padding: 0 15%;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;top: 33px !important;display: block;width: 25px;height: 25px;line-height: 18px;border: 2px solid #FFF;padding: 0;border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;font-size: 30px;vertical-align: middle;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
table {text-align:left;max-width:500px;margin:30px auto;font-size:70%;border-collapse:collapse;font-weight:bold}
td {padding:5px;border:2px solid #fff;border-collapse:collapse}

.popclose {position:absolute;right:-10px;top:-10px;background-color: #DC286E;width:30px;height:30px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.popclose i, .popclose em {display:block;background-color:#fff;height:3px;width:17px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
.popclose i {transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.popclose em {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

.tellmemore, .aboutpop {display:none;z-index:999;position:absolute;background-color: rgba(255, 255, 255, 0.95);left:15px;right:15px;top: 62px;padding: 20px;max-width: 600px;margin: auto;color: #636363;}
.tellmemore {font-size:.8em;}
.tellmemore.poppedup, .aboutpop.poppedup {display:block;}
.tellmemore h2, .aboutpop h2 {padding:0;font-size:1.5em;color:#dc286e;font-weight:900}
ul,li {margin:0;padding:0;}
input, button, textarea {
  font-family: 'BrandonGrotesque', 'Arial', sans-serif;
}


.switcher h3 {display:none;}
#header {text-align:left;padding: 1px 5%;}
#header img {max-width: 163px;}
button {
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #DC286E;
  padding: 4px 14px;
  font-weight: 900;
  font-size: 100%;
}
#donatetoday button {color: #fff;background-color: #DC286E;}
.togglemenu {
  width: 40px;
  height: 40px;
  margin-top: 20px;
  float: right;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  top: 0;
  right: 0;
}
.togglemenu hr {
  height: 7px;
  border: 0;
  background-color: #dc286e;
  margin: 6px 0;
}

.togglemenu.fixing:hover hr, .togglemenu:hover hr {
  background-color: pink;
}
.togglemenu.fixing {position:fixed;top: 24px;right: 20px;z-index: 99999999999999;}

.togglemenu.fixing hr {background-color:#fff}

.menu {
  position: fixed;
  background-color: rgba(220, 40, 110, 0.88);
  top: 0;
  right: -240px;
  bottom: 0;
  width: 200px;
  transition: right 1s;
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  padding: 120px 20px 20px;
  color: #fff;
  overflow:hidden;

}
.menu.menuout {right:0;}

.menu ul {margin:0;padding:0;list-style-type:none;text-align:center;}
.menu ul li {margin:0;padding: 0 0 15px;display:block;font-weight: 900;}
.clear {
  clear: both;
}
img.circle {
  width: 100%;
}
/* .introcircle {
  background-color: rgba(220, 40, 110, 0.88);
  color: #fff;
  border-radius: 100%;
  width: 442px;
  height:442px;
  margin: auto;
  position: relative;
} */

.introcircle {
   background: rgba(0, 0, 0, 0) url("http://pinkribbonproduce.org/wp-content/themes/pinkribbontheme/img/circle.png") no-repeat scroll 0 0 / cover ;
    border-radius: 100%;
    color: #fff;
    height: 442px;
    margin: auto;
    position: relative;
    width: 442px;
}

.introcircle h1 img {
  width: 65%;
}

.innerintrocircle h1 {
  text-transform: none !important;
}

.introcircle h2 {
  color: #bb306d;
}

.introcircle button {
  background-color: #DC286E;
  color: #ffffff;
}

.intro a {color:hotpink !important;font-weight:bold}
.innerintrocircle {


  margin: auto;
  width: 80%;
  text-align: center;
  position: relative;    top: 50%;    transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.fillmyplate .lower {
  background-color: #e0615d;
  color: #fff;
}

.fillmyplate #saladideas .lower {
  background-color: #f1805d;}
.fillmyplate #sidesauceshake .lower {
  background-color: #e0615d;}
.fillmyplate #noodletaco .lower {
  background-color: #dd3942;}

.fillmyplate .recipebottom {
  background-color: #f26d7d;
  color: #fff;
  position: relative;
}
.recipebottomportion {max-height: 0;overflow: hidden;}
.uncovering .recipebottomportion {max-height: 2000px;transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;}

.fillmyplate .recipebottom .width{
  padding:0;
  position: relative;
}
.fillmyplate .recipebottom .recipethumb {
  width: 30%;
  margin: 30px 0 20px 3%;
  float: left;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fillmyplate .recipebottom .recipethumb img {
  width:100%;height:auto;
}

.fillmyplate .recipebottom .recipeinfo {
  width: 60%;float:right;
  padding: 30px 3% 30px;
  text-align: left;
}
.fillmyplate .recipebottom .printthis img {max-width:29%;padding:0 2%}

.fauxtitle {display:none;padding: 23px 10px;position: relative;}
.fauxtitle span {width:60%;float:right;font-weight:900}
.fauxtitle img {width:30%;height: 100%;position:absolute;left:0;top:0;bottom:0;background-size: cover;background-position: center center;}
.fauxtitle span.lone {width:auto;float:none !important}

.recipebottom:nth-child(odd) .fauxtitle img {left:auto;right:0;}
.recipebottom:nth-child(odd) .fauxtitle span {float:left}

.fillmyplate .recipebottom .recipeinfo.lone {float: none !important;left:0;right:0;margin:auto;width: auto;}



.toggler {height: 20px;width: 20px;text-align:center;border:2px solid #fff;border-radius:50%;line-height:30px;padding: 5px;margin: 20px auto 0;display: block;}
.recipeexpanded {clear:both;text-align:left;display:none;background-color: #ebebeb;color: #484848;}
.recipeexpanded h3 {text-transform:uppercase;margin:0;padding:15px 0 0}


  body.printmode .printhide, body.printmode .recipebottom.ui-accordion-header, .fillmyplate .lower {display:none;}


body.printmode .printvis {height:1px;opacity:0;overflow:hidden}


.printescape {display:none;font-weight:900;color: #DC286E;text-align:right;float:right;padding:5px}
.printthis.printmode {position: absolute;background-color:#fff;color: #000;top:0;padding:20px 2%;margin: 3% auto;max-width:800px;left:0;right:0;z-index:9999999999999999;}
.printthis.printmode .printescape  {display:block;}

body.printmode .overlay {position:fixed;background-color: rgba(220, 40, 110, 1);opacity: .8;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:999;opacity:.8}
.toggler:before {content:" ";display:block;width: 10px;height: 10px;margin: auto;top:0;right:0;transform:rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);left:0;bottom:0;border-bottom: 3px solid #FFF;border-right: 3px solid #FFF;}

.recipeexpanded.showing {display:block;}
.section {
  clear: both;
  position: relative;
}


.recipeselectortab  {display: table-cell;font-weight: 900;vertical-align: middle; text-transform: uppercase;}
.recipeselectortab a {padding: 20px 10px;display:block;}

#saladideas .recipeselectortab {width: 25%;}
#saladideas .recipeselectortab:nth-of-type(1), #saladideas .recipebottom:nth-of-type(1) {background-color:#f15b2d}
#saladideas .recipeselectortab:nth-of-type(2), #saladideas .recipebottom:nth-of-type(2) {background-color: #f47c4f;}
#saladideas .recipeselectortab:nth-of-type(3), #saladideas .recipebottom:nth-of-type(3) {background-color: #f79a73;}
#saladideas .recipeselectortab:nth-of-type(4), #saladideas .recipebottom:nth-of-type(4) {background-color: #faba9a;}



#sidesauceshake .recipeselectortab {width:25%;}
#sidesauceshake .recipeselectortab:nth-of-type(1), #sidesauceshake .recipebottom:nth-of-type(1) {background-color: #D1362F;}
#sidesauceshake .recipeselectortab:nth-of-type(2), #sidesauceshake .recipebottom:nth-of-type(2) {background-color: #DF4E49;}
#sidesauceshake .recipeselectortab:nth-of-type(3), #sidesauceshake .recipebottom:nth-of-type(3) {background-color: #E27F7D;}
#sidesauceshake .recipeselectortab:nth-of-type(4), #sidesauceshake .recipebottom:nth-of-type(4) {background-color: #E7A09F;}


#noodletaco .recipeselectortab {width:25%;}
#noodletaco .recipeselectortab:nth-of-type(1), #noodletaco .recipebottom:nth-of-type(1) {background-color: #3C1230;}
#noodletaco .recipeselectortab:nth-of-type(2), #noodletaco .recipebottom:nth-of-type(2) {background-color: #9B4C84;}
#noodletaco .recipeselectortab:nth-of-type(3), #noodletaco .recipebottom:nth-of-type(3) {background-color: #BA8AAB;}
#noodletaco .recipeselectortab:nth-of-type(4), #noodletaco .recipebottom:nth-of-type(4) {background-color: #CEA7C0;}




.intro {
  background-color: #fff;
}
.intro .introphoto {
  background-size: cover;
  background-position: center center;
  position: absolute;
  height: 49%;
  width: 32.5%;
  margin: auto;
}
.introphoto.one {
  background-image: url(img/01.jpg);
  left: 0;
  top: 0
}
.introphoto.two {
  background-image: url(img/02.jpg);
  left: 0;
  right: 0;
  top: 0;
}
.introphoto.three {
  background-image: url(img/03.jpg);
  right: 0;
}
.introphoto.four {
  background-image: url(img/04.jpg);
  bottom: 0;
  left:
}
.introphoto.five {
  background-image: url(img/05.jpg);
  left: 0;
  right: 0;
  bottom: 0;
}
.introphoto.six {
  background-image: url(img/06.jpg);
  right: 0;
  bottom: 0;
}
.sharethelove {
  background-color: #dc286e;
  color: #fff;
  text-align: left;
}
.sharethelove h1 {
  text-align: left;
  max-width: 400px;
  color: #dc286e !important;
}
.sharethelove .upper {
  background-image: url(img/share_the_love_bg.jpg);
  background-size: cover;
  background-position: center center;
  min-height: 400px;
}

#spreadtheword, #donatetoday {color: #636363;}

#harristeeter .width, li.harristeeter {background-color: #f26d7d;}
#meijer .width, li.meijer {background-color:#c94232}
#pricechopper .width, li.pricechopper {background-color:#f15d2a;}

.partnertabs a {/* display:block; *//* padding:9px 0 */font-weight: 700;}
.ui-tabs-panel h5 {font-size:100%;font-weight: 400;}

.partnertabs ul.ui-tabs-nav
{width:100%;
display:table;
}

.partnertabs .ui-tabs-nav li {display: table-cell;width:33.33333%;vertical-align: middle;}

.partnertabs .ui-tabs-nav li a {padding:15px 0}
.partnertabs ul li a {display:block;color:#fff;}
.partnertabs .ui-widget-content ul {list-style-type:none;}
.partnertabs .ui-widget-content ul li {list-style-type:none;padding: 6px 0;font-weight: 700;}

.sharethelove h1, .intro h1 {
  color: #fff
}
.outermeter {
  overflow: hidden;
  width: 800px;
  margin: auto;
  padding: 0 20px;
}
.meter {
  border-radius: 100%;
  position: relative;
  margin: auto;
  max-width: 700px;
  position: relative;
}
.outermeter {}
.meter .basecover {position:absolute;bottom:0;left:0;right:0;margin:auto;width: 100%;}
.meter .tab {
  position: absolute;
  right: 50%;
  width: 40%;
  bottom: 0;
  transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;

}
.meter h6 {
  position: absolute;
  line-height: 1;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
h6.g0 {
  left: 5%;
  bottom: 5%;
}
h6.g5 {
  left: 15%;
  top: 40%;
}
h6.g10 {
  left: 50%;
  top: 10%;
  margin-left: -5%;
}
h6.g15 {
  right: 15%;
  top: 40%;
}
h6.g20 {
  right: 5%;
  bottom: 5%;
}
.roundclick li{
  display:block;
  overflow: hidden;
  text-align: center;
  height: 299px;
  vertical-align: middle;
  color: #fff;
  background-color: #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  float: left;
  position: relative;
  background-image: url("img/black_bubble.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.roundclick a {
  opacity: .7;
  color: #fff;
  font-weight: 900;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  line-height: 1.1;
  /* font-size: 171%; */
  font-size: 160%;
  display: block;
}

.roundclick a span {
  display:block;
  /* width: 91%; */
  width: 85%;
  margin: auto;
  position: relative;
   top: 50%;
   transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.actions .roundclick a {
  background-color: #e3538b
}

.actions .roundclick a {
  /* background-color: #F5845E; */
    /* background-image: url("img/donation_button_a_new.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.contest_details {
    background: rgba(0, 0, 0, 0) url("http://pinkribbonproduce.org/wp-content/themes/pinkribbontheme/img/wood_bg.jpg") no-repeat scroll 0 0 / cover ;
    color: #ffffff;
    padding: 20px 35px;
}

.contest_details p {
  font-size: 24px;
}

.disclaimer {
  background: #f49ac1;
}
.disclaimer p {
  font-size: 14px;
}

.prizes {
    background: #dc286e none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    text-transform: uppercase;
}

.roundclick a:hover, li.ui-state-active a {
  opacity: 1;
}
.roundclick li{
  width: 299px;
  max-width: 30%;
  display:block;
  margin: 0 1.5% 20px;
}
.saladideas a, #saladideas {
   background-color: #F5845E;
   /*  background-image: url("img/salad_ideas_a.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}
#saladideas {
  background: #F5845E;
}
.sidesauceshake a, #sidesauceshake {
  background-color: #e0615d;
   /* background-image: url("img/sides_sauces_shakes_a.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}
#sidesauceshake {
 background: #e0615d;
}
.noodletaco a, #noodletaco {
  background-color: #5B1E48;
   /*  background-image: url("img/noodles_tacos_more_a.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}

#noodletaco {
  background: #5B1E48;
}

#ui-id-2 .recipethumb, #ui-id-5 .recipethumb, #ui-id-8 .recipethumb {right:0;left:auto;}
#ui-id-2 .recipeinfo, #ui-id-5 .recipeinfo, #ui-id-8 .recipeinfo {float:left;}

.ui-accordion-header {cursor:pointer}
.ui-accordion-header:hover {opacity:.9}



.totaltweets {
  background-color: #dc286e;
  color: #fff;
  text-align: center;
}
#banner-fade {margin:auto;}
.tweetsrolodex {
  background-color: #f49ac1;
  color: #fff;
  text-align: center;
  height: 181px;
  overflow: hidden;
}
h1 {
  text-align: center;
  font-weight: 900;
  font-size: 208%;
  color: #dc286e;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1;
}
h2 {
  font-size: 107%;
  line-height: 1.1;
  margin: 0;
  font-weight: 600;
  padding: 8px 0 30px;
}
h3 {
  margin:0;
}
.width {
  width: 1000px;
  margin: auto;
  clear: both;
  padding: 20px;
  position: relative;
}
.partnerwidth {padding: 0;color: #636363;width: 1040px;}
.partnerwidth p {padding:30px 0}
a {
  color: #FFFFFF;
  text-decoration: none
}



/* STYLES 2021 -------------- */

.contestInfo, .contestInfoInner, .digitalDownload, .digitalDownloadInner { padding: 60px 0; }
.contestInfo h3, .contestInfo p, .digitalDownload h3, .digitalDownload p { color: #dc286e; }

.nButton {
	border: 3px solid #dc286e;
    	color: #dc286e;
    	line-height: 1;
    	display: inline-block;
    	margin: 10px 0;
  	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.nButton:hover {
	background-color: #dc286e;
	color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
	.contestInfo .columns, .digitalDownload .columns {
		padding: 0 !important;
	}
	.contestInfoInner, .digitalDownloadInner {
    		padding-right: 30px;
    		padding-left: 30px;
    		padding-bottom: 0;
		padding-top: 0;
	}
}

/* STYLES 2021 END ---------- */



.uppersecond {margin:auto;width: 1000px;}
@media all and (max-width:1020px) {
  .width, .outermeter, .uppersecond {
    width: auto;
  }
}

@media all and (max-width:760px) and (min-width:500px) {
  .roundclick a {
    font-size: 111%;
  }
}

@media all and (max-width:499px) {
  .roundclick a {
    font-size:80%;
  }
  .intro .introphoto {
    height: 30%;
  }
  .introphoto.one {
    width:35%;
  }
  .introphoto.two {
    left: auto;
    width:60%;
  }
  .introphoto.three {
    right: auto;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    width:60%;
  }
  .introphoto.four {
    bottom: 0;
    left:auto;
    right:0;
    top:0;
    margin:auto;
    width:35%;
  }
  .introphoto.five {
    right: auto;
    width:35%;
  }
  .introphoto.six {
    width:60%;
  }


}
@media all and (max-width:460px) {
  .introcircle {
    width: auto;
    font-size:80%;
  }
  .roundclick li {font-size:90%}

}

@media all and (max-width:700px) {

  .recipeselectortab {/* width:auto !important; */
  /* display:block !important; */font-size: 55%;}
}

@media print {

  .printthis a {display:none !important}
}


@media all and (max-width:560px) {
  .recipeselectortab {display:none;}
  .fauxtitle {display:block;}

.fillmyplate .recipebottom .recipeinfo {width:auto;float:none}
.recipethumb {display:none}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px !important;
}
.bx-wrapper .bx-next {
  right: 10px !important;
}

}


/* PINK RIBBON PRODUCE */

.printthis ul, .printthis ol {
	margin: 0 0 15px 35px;
	padding: 0;
}