/* Styles for General */

.noMargin {
  margin: 0 !important;
}

.padded-top-xsmall { padding-top: .5rem }
.padded-top-small  { padding-top: 1rem }
.padded-top-medium { padding-top: 2rem }
.padded-top-large  { padding-top: 2rem }
.padded-top-xlarge { padding-top: 3rem }

.padded-right-xsmall { padding-right: .5rem }
.padded-right-small  { padding-right: 1rem }
.padded-right-medium { padding-right: 2rem }
.padded-right-large  { padding-right: 2rem }
.padded-right-xlarge { padding-right: 3rem }

.padded-bottom-xsmall { padding-bottom: .5rem }
.padded-bottom-small  { padding-bottom: 1rem }
.padded-bottom-medium { padding-bottom: 2rem }
.padded-bottom-large  { padding-bottom: 2rem }
.padded-bottom-xlarge { padding-bottom: 3rem }

.padded-left-xsmall { padding-left: .5rem }
.padded-left-small  { padding-left: 1rem }
.padded-left-medium { padding-left: 2rem }
.padded-left-large  { padding-left: 2rem }
.padded-left-xlarge { padding-left: 3rem }

.padded-vertical-xsmall { padding-top: .5rem; padding-bottom: .5rem }
.padded-vertical-small  { padding-top: 1rem; padding-bottom: 1rem }
.padded-vertical-medium { padding-top: 2rem; padding-bottom: 2rem }
.padded-vertical-large  { padding-top: 2rem; padding-bottom: 2rem }
.padded-vertical-xlarge { padding-top: 3rem; padding-bottom: 3rem }

.padded-horizontal-xsmall { padding-left: .5rem; padding-right: .5rem }
.padded-horizontal-small  { padding-left: 1rem; padding-right: 1rem }
.padded-horizontal-medium { padding-left: 2rem; padding-right: 2rem }
.padded-horizontal-large  { padding-left: 2rem; padding-right: 2rem }
.padded-horizontal-xlarge { padding-left: 3rem; padding-right: 3rem }

.padded-xsmall { padding: .5rem; }
.padded-small  { padding: 1rem; }
.padded-medium { padding: 2rem; }
.padded-large  { padding: 2rem; }
.padded-xlarge { padding: 3rem; }

.container--margin-bottom-extra-small {
  margin-bottom: 1rem;
}

.container--margin-bottom-small {
  margin-bottom: 1.5rem;
}

.container--padded-extra-small {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.container--padded-small {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.container--padded-medium {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.container--padded-large {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

  .container--padded-medium {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .container--padded-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

}
@media screen and (min-width: 64em) {}











/* Styles for SEARCH OVERLAY */

#search-overlay .search-form {
	position: relative;
	border-bottom: 2px solid #fff;
}

#search-overlay .search-form #search-field,
#search-overlay .search-form #search-submit {
  background-color: transparent;
  height: 3.5rem;
  margin: 0;
}

#search-overlay .search-form #search-field {
  box-shadow: none;
  position: relative;
  border: none;
  font-size: 1.75rem;
  width: calc(100% - 2.5rem);
  color: #fff;
}

#search-overlay .search-form #search-field::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
}

#search-overlay .search-form #search-submit {
  padding: 0.375rem;
  width: 2.5rem;
  position: absolute;
  top: 0;
  right: 0;
}

#search-overlay .search-form #search-submit svg {
	fill:#fff;
}

@media screen and (min-width: 40em) {}
@media screen and (min-width: 64em) {}











/* Styles for General PAGE */

.page-headline {
  color: #666;
  border-bottom: 0.0625rem solid #eee;
  border-bottom: 0.125rem solid #eee;
  border-bottom: 0.1875rem solid #eee;
  border-bottom: 0.25rem solid #eee;
}

@media screen and (min-width: 40em) {}
@media screen and (min-width: 64em) {}











/* Styles for FRONT PAGE */

#frontpage-cover a {
  display: block;
  width: 100%;
  text-align: center;
}

#frontpage-cover a.nocover {
  background-color: #eee;
  padding: 30% 0;
  padding: 30vmin 0;
}

#frontpage-cover img { width: auto; }

/*body.home #site-content {
  padding-bottom: 0;
}*/

body.home #site-content #primary .hentry {
	padding-top: 2rem;
}

@media screen and (min-width: 40em) {}
@media screen and (min-width: 64em) {}











/* Styles for BLOG, SEARCH, ARCHIVE */

body.blog #site-content .hentry,
body.search #site-content .hentry,
body.archive #site-content .hentry {
  /*padding: 1.5rem 0;*/
	margin-bottom: 1rem;
}

body.blog #site-content .hentry .p-name a,
body.search #site-content .hentry .p-name a,
body.archive #site-content .hentry .p-name a {
	color: inherit;
}

body.blog #site-content .hentry .hentry-cover,
body.search #site-content .hentry .hentry-cover,
body.archive #site-content .hentry .hentry-cover {
	margin-bottom: 0.5rem;
}

body.blog #site-content .hentry .hentry-cover img,
body.search #site-content .hentry .hentry-cover img,
body.archive #site-content .hentry .hentry-cover img {
	width: 100%;
}

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

  body.blog #site-content .hentry,
  body.search #site-content .hentry,
  body.archive #site-content .hentry {
    /*padding: 2rem 0;*/
  }

}

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

  body.blog #site-content .hentry,
  body.search #site-content .hentry,
  body.archive #site-content .hentry {
    /*padding: 2rem 0;*/
  }

}











/* Styles for BLOG, SEARCH, ARCHIVE */

body .mfp-title {
  color: #444;
  text-align: center;
  padding-right: 0;
}

body .mfp-counter { display: none; }

@media screen and (min-width: 40em) {}
@media screen and (min-width: 64em) {}











/* Styles for Tarjeta */

#tarjeta {
	text-align: center;
}

#tarjeta img {
	width: 100%;
	/*width: 80vw;*/
	/*width: 60vw;*/
	max-width: 20rem;
	max-width: 60vw;
	margin-bottom: 1.5rem;
}

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

	#tarjeta {
		display: table;
	}

  #tarjeta img {
    margin-bottom: 0;
  }

	#tarjeta .columns {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}

}
@media screen and (min-width: 64em) {}











/* Styles for SITE CONTENT */

.container-overflow--white     { background-color: #ffffff; }
.container-overflow--lightGrey { background-color: #f5f5f5; }
.container-overflow--midGrey   { background-color: #37474f; }
.container-overflow--darkGrey  { background-color: #263238; }

.container-overflow--midGrey,
.container-overflow--midGrey p,
.container-overflow--midGrey ul,
.container-overflow--midGrey ol { color: rgba(255,255,255,0.9); }

.container-overflow--midGrey a { color: rgba(255,255,255,1); }

.container-overflow--darkGrey,
.container-overflow--darkGrey p,
.container-overflow--darkGrey ul,
.container-overflow--darkGrey ol { color: rgba(255,255,255,0.8); }

.container-overflow--darkGrey a { color: rgba(255,255,255,1); }

#site-content .site-content-row,
#site-footer .site-footer-row {
	max-width: none;
}

#site-content .site-content-column,
#site-footer .site-footer-column,
.container-overflow > .container--wrapped {
  padding-left: .625rem;
  padding-right: .625rem;
}

#site-content .site-content-column .container-overflow,
#site-footer .site-footer-column .container-overflow {
  margin-left: -.625rem;
  margin-right: -.625rem;
}

#site-content hr,
#site-footer hr {
  max-width: 100%;
}
#site-content picture img,
#site-footer picture img {
  width: 100%;
}

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

	#site-content .site-content-column,
  #site-footer .site-footer-column,
  .container-overflow > .container--wrapped {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  #site-content .site-content-column .container-overflow,
	#site-footer .site-footer-column .container-overflow {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

}

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

  #site-content .site-content-column,
	#site-footer .site-footer-column,
  .container-overflow > .container--wrapped {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  #site-content .site-content-column .container-overflow,
	#site-footer .site-footer-column .container-overflow {
    margin-left: -3rem;
    margin-right: -3rem;
  }

}

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

  #site-content .site-content-column,
	#site-footer .site-footer-column,
  .container-overflow > .container--wrapped {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  #site-content .site-content-column .container-overflow,
	#site-footer .site-footer-column .container-overflow {
    margin-left: -6rem;
    margin-right: -6rem;
  }

}











/* Styles for SITE FOOTER */

#module-about p {
  margin: 0;
}

#owner .phone {
	display: inline;
  display: block;
}

#menu-social .navegation ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu-social .navegation ul li {
  display: inline-block;
}

#menu-social .navegation ul li a {
  display: block;
  padding: 0.5rem;
  font-size: 125%;
}

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

  #module-about p {
    font-size: 110%;
  }

  #menu-social .navegation ul {
    text-align: right;
  }

}

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

  #module-about p {
    font-size: 120%;
  }

}












/* Styles for PAGE AFILIATE */

#afiliate-steps {
  margin-bottom: 2rem;
}

#afiliate-steps .step {
  position: relative;
}

#afiliate-steps .step .step-title--container span {
  display: none;
}
#afiliate-steps .step .step-title--container .step-title {
  color: #2199e8;
  color: #0e3c89;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
#afiliate-steps .step .step-description--container p {
  color: #444;
}

#subscription-banner {
  text-align: center;
}


#subscription-banner .title {
  font-size: 150%;
  margin-bottom: 0.5rem;
}

#subscription-banner .copy {
  font-size: 105%;
  line-height: 1.2;
}

#subscription-banner .button {
  font-size: 120%;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media screen and (min-width: 40em) {
  #subscription-banner {
    text-align: left;
  }
  #subscription-banner .title,
  #subscription-banner .copy {
    /*margin-bottom: 0;*/
  }

  #subscription-banner .button {
    font-size: 120%;
    display: block;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 64em) {
  #afiliate-steps .step > .row {
    /*background-color: #0e3c89;*/
    padding: .9375rem 0;
    margin: 0;
  }
  #afiliate-steps .step .step-title--container {
    padding: 0;
    /*margin-bottom: 1rem;*/
    /*background-color: #0e3c89;*/
  }
  #afiliate-steps .step .step-title--container .step-title {
    font-size: 150%;
    margin-bottom: 2rem
  }
  #afiliate-steps .step .step-title--container span {
    display: inline-block;
    background-color: #2199e8;
    color: #fff;
    text-align: right;
    font-size: 250%;
    font-weight: bold;
    margin-right: .25rem;
    margin-bottom: 1rem;
    padding: 0 .5rem 0 1rem;
    line-height: initial;
    border-top-left-radius: 25%;
    border-top-right-radius: 25%;
    border-bottom-left-radius: 25%;
    /*border-bottom-right-radius: 50%;*/
  }
  #afiliate-steps .step .step-description--container {
    padding: 0;
  }
}












/* Styles for PAGE ENVASADORAS */

.envasadoras {}

.envasadoras .zona {
  /*margin: 2rem 0rem 4rem;*/
}

.envasadoras .zona .zona-title {
  margin-bottom: 2rem;
}

@media screen and (min-width: 40em) {}

@media screen and (min-width: 64em) {}












/* Styles for  */

#newsletter-signup {
  /*padding: 1rem;*/
}

@media screen and (min-width: 40em) {}

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

  #newsletter-signup {
    /*padding: 3rem;*/
  }

}






/* Styles for Gallery */

.gallery {
  margin-bottom: 2rem;
}
.gallery-caption {
  font-size: 90%;
}






/* FOUNDATION HACK - Reveal */

html.is-reveal-open,
html.is-reveal-open body {
   height: auto;
   overflow-y: visible;
}

.reveal-overlay {
  top: 6.625rem;
  top: 3.75rem;
  padding-left: .625rem;
  padding-right: .625rem;
  background-color: rgba(0,0,0,0.75);
}

.reveal {
  height: auto;
  min-height: 0;
  padding: 2rem;
}

.close-button svg.icon {
  width: 1.5rem;
  height: 1.5rem;
  fill:#808080;
  transition: fill .25s ease-out;
}

.close-button:hover svg.icon {
  fill:#009aab;
}

@media screen and (min-width: 40em) {}

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

  .reveal-overlay {
    top: 0;
    left: 16rem;
  }

}