/*@import url('./framestyle.css');*/
:root {
  --sidevar: 200px;
  --menu-hover: var(--green-3);
  --menu-selected: var(--blue-2);
  --button-hover: #1dbfd3;
  --main-text: #363636;
  
  --image-size: 600px;
  --product-pixel: var(--image-size);
  --product-thumb: 80px;
}
* {padding: 0;margin: 0;}
body {font-family: roboto}

/**************** fix everest-forms *****************/
.container::before, .container::after {content: none;}

/******************************
****** HEADER ******
******************************/
.main-header {margin-bottom: 70px}
.extra-info > a {
  color: var(--gray-5);
  font-size: .875em;
  padding-right: .65em;
}
.extra-info > a:hover {color: lightsteelblue}
.extra-info i {padding-right: .2em}
.header-bg {
  height: 70px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 220;
	position: absolute;
}
.is-home {margin-bottom: 0}
.is-home .header-bg {
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.sticky {position: fixed;top: 0}
.header-holder {
  height: 100%;
  align-items: center;
	justify-content: space-between;
}
.menu-toggle {
  font-size: 2.5em;
  margin-right: .3em;
  color: white;
  background-color: transparent;
  border: 0;
}
/* Logo */
img.custom-logo {
	display: block;
	max-height: 50px;
	width: auto;
	max-width: inherit;
	filter: drop-shadow(0 0 1px black)
}
.site-names {
  text-indent: .5em;
  line-height: 1.5em;
  white-space: nowrap;
}
.site-names a {
  color: white;
  text-decoration: none;
}

.overlayer {height: 100%;}
.menu-holder {
  height: 100%;
  justify-content: space-around;
}

/************ Menu de navegacion **************/
.menu-class {}
.menu-class ul {list-style: none}
/* Primer nivel */
.menu-class > ul {
  display: flex;
  height: 100%;
}
.menu-class li.current-menu-item > a::before {
	content: "";
	width: 80%;
	height: 4px;
	background-color: var(--menu-hover);
	position: absolute;
	left: 10%;bottom: 20%
}
.menu-class li.menu-item-has-children > a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
	padding-left: .2em;
  padding-bottom: .25em;
}
.menu-class a {
  text-decoration: none;
  font-weight: 400;
  color: white;
  font-size: 1.125em;
	position: relative;
	white-space: nowrap;
	transition: background .25s linear;
}
.menu-class a:hover {background-color: var(--menu-hover);color: white;}
/*.menu-class a.selected {background-color: var(--menu-selected)}*/
.menu-class > ul > li > a {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 .5em;
}
/* Primer nivel */
.menu-class ul ul {
  background-color: white;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease;
  z-index: 10;
	box-shadow: 0 2px 2px;
}
.menu-class ul ul a {
  display: block;
  padding: .4em 1em;
  color: dimgray;
  width: 100%;
  box-sizing: border-box;
}
.menu-class > ul ul a:hover {color: white}
.menu-class > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
.menu-caller {
	display: flex;
	flex-direction: column;
	justify-content: center;
  margin-left: .5em
}
.menu-caller a {
  color: white;
	font-weight: 500;
  padding: .5em .75em;
  text-transform: uppercase;
  white-space: nowrap;
	transition: background .2s linear;
}
.menu-caller a:hover {background-color: var(--blue-2)}

/* shapes */
.chapes {display: flex;}
.chapes a {
	color: white;
	font-size: 1.4em;
	padding: .1em .3em;
	display: block;
	border-radius: 2px;
	transition: background .2s linear;
}
.chapes a:hover {background: var(--blue-4)}
.chapes .mcart a {white-space: nowrap}
.chapes .mcart .wrapper {
	position: relative;
	display: inline-block;
}
.chapes .mcart b {
	position: absolute;
	background-color: mediumseagreen;
	top: -.4em;right: -.5em;
	font-size: .5em;
	border-radius: 50%;
	padding: 0em .4em .1em .45em;
}
.chapes .mcart .amount {
  font-size: 16px;
  font-weight: 500;
  color: var(--green-6);
	display: inline-block;
}
.chapes a:hover .amount {color: white}

/******************************
****** CONTENIDO ******
******************************/
.entry-title {
    font-family: "Ink Free", lato, serif;
    font-weight: 600;
}

.relevant {
  height: 32vh;
  width: 100%;
}
.relevant > img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}

/* breadcrumb */
._breadcrumb {
  display: inline-block;
  margin: 0;
}
.site-main ._breadcrumb {margin: 0}
._breadcrumb a {
  color: var(--main-text);
  text-decoration: none;
  display: inline-block;
  padding: 4px
}
._breadcrumb a:hover {
  background-color: var(--button-hover);
  color: white;
}
._breadcrumb a:hover::after {color: white}
._breadcrumb a::after {
  color: darkgray;
  content: "/";
  padding-left: 8px;
  font-weight: bold;
}
/* breadcrumb bulma y arreglo de woocommerce */
.breadcrumb > ul > li > a  {color: var(--blue-2);padding: 0 .5em}
.breadcrumb > ul > li > a:hover {color: var(--blue-5)}
.breadcrumb li:last-child::before {padding-right: 0.75rem}
.woocommerce-breadcrumb.breadcrumb {padding: 0.25em 0}
.woocommerce .woocommerce-breadcrumb {margin: 0}
.woocommerce .woocommerce-breadcrumb a {color: var(--blue-2);padding: 0 .5em}

.main-holder {display: flex}
.site-main {}
.site-main .woocommerce-products-header h1 {
  padding: .4em;
  text-align: center;
  font-weight: 500
}
/** Pagination **/
.mipagination {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.mipagination > ul {
  display: flex;
  justify-content: flex-end;
}
.mipagination > ul > li {padding: 0 .2em}
.mipagination > ul > li > * {
  color: #505050;
  display: block;
  padding: .3em .75em;
  border: solid 1px #bebebe;
  border-radius: 4px;
}
.mipagination > ul > li > a:hover {border-color: slategray}
.mipagination > ul > li .current {
  background: var(--green-5);
  border-color: var(--green-5);
  color: white;
  user-select: none;
}
.mipagination > ul > li .next,.mipagination > ul > li .prev {padding: .3em .65em;font-weight: 500}

.pagination .is-current {
	background: var(--green-5);
	border-color: var(--green-5);
}
.pagination-list > li >a {margin: 0 2px}

/******************************
****** PRODUCTS LIST ******
******************************/
.image-place {
	width: 200px;
	height: 100%;
	min-height: 80px;
	background-color: lightgray;
	text-align: center;
	color: darkgray;
	position: relative;
}
.image-place::after {
	content: "image";
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-50%,-50%);
}
.promo1 {
  color: white;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
	padding: .5rem 0;
}

.product-sorting {
	flex-wrap: wrap;
	padding: .4em
}
.woocommerce-ordering, .woocommerce-result-count {
  float: none!important;
  margin: 0!important;
}
.items {
  display: flex;
  flex-wrap: wrap;
}
.product-list {padding: 1em 0}
.product-list > div {
	padding: 0 .5em 2em;
	position: relative;
	max-width: 350px;
	width: 25%;
	box-sizing: border-box;
}

.mini-product {
	background-color: white;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	overflow: hidden;
}
.mini-product > a {position: relative;display: block}
.woocommerce span.onsale, .mini-product span.onsale {
	font-size: 1em;
	position: absolute;
	color: white;
	background: var(--green-5);
	transform: rotateZ(-45deg);
	left: -1.5em;top: .75em;
	border-radius: 0;
	padding: 0 2em .1em;
	line-height: normal;
	min-width: inherit;
	min-height: inherit;
	z-index: 1;
	user-select: none;
}
.mini-product img {
  display: block;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
.mini-product:hover img {filter:brightness(.8)}
.mini-product h2 {
  color: var(--gray-2);
  font-size: 1.25em;
  font-weight: 500;
  padding-bottom: .4em;
  word-wrap: break-word;
	line-height: 1.1;
}
.mini-product .holder {
	padding:.5em .7em;
	box-sizing: border-box;
	max-width: 100%;
}
.discount {
  font-weight: 400;
  font-style: italic;
  padding-right: .3em;
  white-space: nowrap;
}
.discount-percent {
  color: white;
  font-size: .875em;
  background-color: var(--red-4);
  border-radius: 2px;
  padding: 0 .3em;
}
.mini-product .wrapper {text-align: right}
.mini-product .wrapper .amount {
	text-align: right;
	color: var(--gray-2);
	font-weight: 700;
}
.mi-rating {
	display: flex;
	align-items: flex-end;
	margin: .3em 0;
}
.woocommerce div.woocommerce-product-rating {
	display: flex;
	align-items: center;
	margin: 0!important;
}
.woocommerce .woocommerce-product-rating .star-rating,
.mini-product .star-rating {
  float: none;
	color: var(--yellow-1);
	margin: 0;
	line-height: 1
}
.mini-product .star-void {line-height: 1}
.mini-product .star-void::after {
  content: "\f005\f005\f005\f005\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  line-height: 1;
  color: lightgray;
}
.mini-product .star-rating {font-size: 1em}
.mi-rating .votes {
	padding-left: .3em;
	line-height: 1;
	font-size: 14px;
	font-weight: 500
}
/*.product-list .mini-product .button {display: none}*/

.over-actions {
	position: absolute;
	bottom: .5em;
	right: .5em;
	display: flex;
	/width: calc(100% - 1em);
	justify-content: flex-end;
}
.over-actions a {
	background-color: var(--gray-5);
	padding: .5em .8em;
	color: var(--gray-1);
	border-right: solid 1px darkgray;
}
.over-actions a:last-child {border: 0}
.over-actions a:hover {
	color: white;
	background: var(--green-5)
}

.mini-product.v2 {
	font-family: roboto;
	border-radius: 6px;
}
.mini-product.v2:hover {filter: none}
.mini-product.v2 img {
	border: 0;
	border-radius: 6px 6px 0 0;
	transition: all .2s linear;
}
.mini-product.v2:hover img {filter: brightness(1.2)}
.mini-product.v2 .fa-clock {color: var(--gray-3)}
.mini-product.v2 .discount {font-weight: 400;}
.mini-product.v2 .amount {color: var(--green-3);font-weight: 700}
.mini-product .goes {
	display: flex;
	padding-bottom: .8em;
}
.mini-product .goes a {
	padding: .4em 0;
	text-align: center;
	flex-grow: 1;
	color: #646464;
	transition: background .2s linear
}
.mini-product .goes a:hover {
	background: var(--gray-5);
}
.mini-product .goes a > i {padding-right: .2em}
.mini-product:hover .goes a:nth-child(2) {
	background: #5FC8C2;
	color: white;
}
.mini-product .goes a:nth-child(2) {font-weight: 700;}
.mini-product .goes a:nth-child(2):hover {background: var(--blue-2);}

/******************************
****** PRODUCTO ******
******************************/
.product-recap {overflow: hidden;position: relative}
/* Gallery */
.woocommerce-product-gallery {
  width: var(--product-pixel);
}
.flex-viewport {
  height: var(--product-pixel);
}
.flex-viewport figure {
  height: 100%;
}
.flex-viewport figure > div {
  height: 100%;
}
.flex-viewport a {
  display: block;
  height: 100%;
}
.flex-viewport img {
  width: 100%;
  height: 100%;
}
a.woocommerce-product-gallery__trigger {box-shadow: 0 0 6px #0a0a0a;}
.woocommerce div.product div.images ol.flex-control-nav {
  height: var(--product-thumb);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 2px
}
.woocommerce div.product div.images ol.flex-control-nav li {
	width: var(--product-thumb);
	height: 100%;
	margin-right: 2px;
	display: inline-block;
}
.flex-control-nav li img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.woocommerce .product .images figure a > img {
	height: 100%;
	object-fit: cover;
}
/***** Summary ******/
.summary {
  flex: 1;
  padding: 0 1em;
	margin-left: 1em;
}
div.product .product_title._on-tablet {padding-bottom: .5em}
.product_title {
	font-size: 2.25em;
	font-weight: 600;
	line-height: 1.2;
	color: var(--gray-1);
}
.summary .wrapper {padding: .5em 0}
.summary .amount {font-size: 1.75em}
.summary .discount-percent {
  font-weight: normal;
	font-size: 1em;
  padding: .2em .5em;
}
.amount {
  font-weight: 700;
  color: var(--green-5);
}
.woocommerce-product-rating .star-rating {font-size: 1.25em}
.woocommerce-product-rating > a {padding-left: .5em;}

.extract {padding: .8em 0;font-size: .875em;font-weight: 300}
.p-form > div.trow {display: table-row;}
.p-form label {
  padding-right: .5em;
  vertical-align: middle;
}
.p-form > div input {margin: .2em 0}
/* date picker */
.wceb_picker_wrap > p:first-child > label {display: inline}
.wceb_picker_wrap > p:first-child > input {
  padding: .4em .7em;
  border: solid 1px var(--green-5);
  border-radius: 4px;
  font-size: 1em;
  margin-left: 1.4em;
}

.hightlight > ._column {background-color: #d1e2e8;}
.hightlight ul {padding: 1em;text-align: left}
.hightlight li {padding: .2em 0}
.hightlight li i {
	color: var(--green-1);
	padding-right: .5em
}

.support {background: #eee;padding: 1em;margin-top: .5em}
.support i {font-size: 1.25em;padding-right: .5em;color: dodgerblue}
.support li {padding: .5em 0}
.support li p {font-size: .875em}


/***** Product details ******/
.details {flex-grow: 1}
.notify {color: white;padding: .4em .75em}
.pack-properties {
	font-weight: 500;
	padding: .5em 0;
}
.pack-properties li {padding: .5em 1em;display: table-row}
.pack-properties li p {display: table-cell;padding: .5em 1em}
.pack-properties li p:last-child {color: steelblue}
.pack-properties li i {padding-right: .75em;color: steelblue;font-size: 1.25em}

.tour-list {padding: .5em 1em}
.tour-list li {padding: .4em 0}
.tour-list i {padding-right: .75em; font-size: 1.25em;color: var(--blue-2)}
.tour-list .ok {color: mediumseagreen}
.tour-list .bad {color: indianred}

.middle-cards > ._columns:nth-child(2n) {flex-direction: row-reverse}
.middle-cards ._column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.middle-cards .text .wrapper {padding: 8%}
.middle-cards .text p:first-child {color: var(--blue-2);font-weight: 500}
.middle-cards .text h5 {font-weight: 500;font-size: 1.75em}
.middle-cards ._column img {display: block;}

.destinies {justify-content: space-around}
.destinies > li {padding: .75em}
.destinies > li a {
	display: block;
	padding-top: 75%;
	position: relative;
}
.destinies > li img {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.destinies > li p {
	background: rgba(0, 0, 0, 0.35);
	color: white;
	font-size: 1.5em;
	font-weight: 500;
	text-shadow: 0 0 4px black;
	display: flex;
	justify-content: center;
	align-items: center;
}

/***** product extra-nav ******/
.extra-nav {width: 25%}

.tabed > .columns {margin: .65em 0}
/* Barra */
.separator {
	padding: 1.5rem 0;
	text-align: center;
}
.bheader {padding: .5rem 1rem;color: white}
.separator-s {padding: .5em 0;text-align: center}
.separator-n {padding: 1em 0;text-align: center}
.separator-m {padding: 1.5em 0;text-align: center}
.separator-l {padding: 2em 0;text-align: center;}

/******************************
****** REVIEWS ******
******************************/
.woocommerce .star-rating {color: var(--yellow-2)}
.rating-summary > ._column {padding-top: 1em;margin-bottom: 1em}
.rating-table {max-width: 300px}
.rating-table > li {display: table-row;}
.rating-table > li p {
	display: table-cell;
	vertical-align: middle;
	padding: .2em 0;
}
.rating-table > li p:nth-child(1) {
	white-space: nowrap
}
.rating-table .rbar {
	width: 100%;
	padding: 0 .75em
}
.rating-table .rbar span {
	display: block;
	background-color: #ddd;
	width: 100%;
	height: 10px;
}
.rating-table .rbar b {
	display: block;
	height: 10px;
	background: var(--yellow-2);
}
.rating-total {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1em 5%;
}
.rating-total h6 {font-size: 1.2rem}

/* Review Comments */
.woocommerce #reviews #comments {padding: 1em 0}
.woocommerce #reviews #comments ol.commentlist li {
	padding: .5em .5em 0;
	margin-bottom: .5em;
	border-bottom: solid #bbb 1px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 60px;
	padding: 0;
	border: 1px solid #7a7a7a;
	border-radius: 50%;
	position: static;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: 0;
	margin-left: 0;
	padding: 0 1em;
}
.woocommerce #reviews .star-rating {
	float: none;
	margin-bottom: .5em;
}
/* Review form */
.woocommerce #review_form_wrapper {
	padding: 1em;
	background: #ddd;
}
.woocommerce .comment-reply-title {
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
}
.woocommerce #review_form_wrapper .stars a {
	font-size: 1.5em;
	color: #209cee;
}
.woocommerce #review_form_wrapper .stars a:hover {color: #209cee}
.woocommerce #review_form #respond textarea {border: 0}
.woocommerce #respond input#submit {
	color: white;
	background: var(--green-6)
}
.woocommerce #respond input#submit:hover {background: var(--blue-2);color: white}

/******************************
****** ARCHIVE PAGE ******
******************************/
.post {
	background: white;
	padding: 1em;
	padding-top: 0;
	margin-bottom: 1em;
}
.post > header {
	color: var(--blue-4);
	padding: 1.5em 0;
	text-align: center;
}
.post > header a {color: inherit}
.post .post-thumb a {display: block}
.post .post-thumb img {
	display: block;
	max-width: 100%;
	max-height: 40vh;
	margin: 0 auto;
	object-fit: cover;
}
.post .post-content {padding-top: 2em;}
.post .post-meta {padding-top: 1em}

.preview > header {text-align: left;padding: .5em 0;}
.preview .wrapper {display: flex}
.preview .post-thumb {
	flex: none;
	width: 40%;
}
.preview .post-thumb img {width: 100%;}
.preview .post-content {padding: 0 0 0 1em;}
.preview:nth-child(2n+1) .wrapper {flex-direction: row-reverse}
.preview:nth-child(2n+1) .post-content {padding: 0 1em 0 0}


/******************************
****** FOOTER ******
******************************/
/* Footer reviews */
.foo-reviews {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg_2.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height: 10vh;
	padding-bottom: 1em;
	margin-top: 1em;
	justify-content: center;
	align-items: center;
	color: #ededed;
}
.foo-reviews ._limiter {max-width: 1000px}
.foo-reviews ._columns {padding: 0 2em;box-sizing: border-box}
.foo-reviews h3 {font-weight: 500;font-size: 1.25em}
.foo-reviews .bio {font-weight: 300;padding: .75em 0}
.foo-reviews .sign {font-family: 'the sunset';font-size: 2em;text-transform: capitalize}
.foo-reviews ._column:first-child {
	text-align: center;
	padding: 1em 2em 0
}
.foo-reviews .image .envelope {
	padding-top: 100%;
	position: relative;
}
.foo-reviews .image .holder {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}
.foo-reviews img {
	padding: 2em;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.foo-reviews .swiper-pagination-bullet-active {background: #007aff}
.foo-reviews .swiper-pagination-bullet {width: 8px;height: 8px}
.foo-reviews .trip-advisor {
	color: var(--blue-5);
	display: inline-block;
	padding: 0 .5em;
	margin-left: .75em;
	border: solid 1px;
	border-radius: 4px
}
.foo-reviews .trip-advisor:hover {color: white}

.why-us li {padding: 2em 1em}
.why-us i {color: dodgerblue;font-size: 2em;}
.why-us span {font-size: 1.25em;padding-left: .5em}
.why-us p {font-weight: 300;padding-top: .5em}

.foot-mid > ._column {padding: .75em}
.foot-mid p {padding-bottom: .5em;font-size: 1rem}
.foot-mid i {font-size: 1.5em;padding-right: .5em}

#contact-us {display: none}
#contact-us:target {display: flex}
.light-form {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 230;
	display: flex;
	justify-content: center;
	align-items: center;
}
.light-form > div {
	padding: 2em;
	background: #0f70a7;
	position: relative;
}
.light-form > div .close {
	color: white;
	position: absolute;
	font-size: 2em;
	line-height: 1;
	padding: 0 .2em;
	background: indianred;
	top: -.5em;right: 0;
}
.light-form input, .light-form textarea {
	margin-bottom: .5em;
	max-width: 100%;
}

/******************************
****** HOME ******
******************************/
/* slider */
.slide-show {position: relative}
.slide-show > .placeholder {
	display: block;
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	filter: brightness(.65);
}

.ta-widget {
	position: absolute;
	top: 10%;left: 5%;
	max-width: 500px;
	z-index: 1;
}
.ta-widget img {
	display: block;
	width: 100%;
	filter:brightness(.9)
}
.ta-widget:hover img {filter:brightness(.8)}

/* CATEGORIES */
[class^='imghvr-'],
[class*=' imghvr-'] {
	background-color: #D14233;
}
.categories {max-height: 90vh}
.categories ._vertical > ._tile {height: 50%}
.categories a {
	background-color: transparent;
	width: 100%;
	display: block;
}
.categories ._over-full {
	color: white;
	padding: 0 1em;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.categories ._over-full h4 {
	text-transform: uppercase;
	font-weight: 600;
}
.categories ._over-full b {color: var(--yellow-1)}
.categories img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* top-selling */
.top-selling {justify-content: space-around}
.top-selling li {padding: .5em;}
.top-selling li > div {
	padding: .75em;
	background: white;
	border-radius: 6px;
	height: 100%;
}
.top-selling a {
	color: #303030;
	display: block;
}
.top-selling .envelope:hover {background: #eee;box-shadow: 0 0 10px white}
.top-selling .envelope:hover img {transform: scale(1.25)}
.top-selling .wrapper {
	width: 100%;
	padding-top: 75%;
	position: relative;
	overflow: hidden;
}
.top-selling .wrapper img {
	display: block;
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.top-selling .utitle {font-size: 1.25em;padding-top: .2em}
.top-selling .price-star {
	display: flex;
}
.top-selling .price-star .uprice {flex-grow: 1}
.top-selling .price-star .uprice > p:first-child {
	font-size: 1.2em;
	font-weight: 600;
	color: var(--blue-4);
}
.top-selling .price-star .uprice > p:nth-child(2) {
	font-size: .95em;
	text-decoration: line-through;
	color: gray;
	font-style: italic;
}
.top-selling .actions {display: flex;}
.top-selling .actions a {
	flex: 1;
	padding: .25em 0;
	text-align: center;
}
.top-selling .actions a:nth-child(2) {padding: .25em}
.top-selling .actions a:hover {background: var(--blue-3);color: white}
.top-selling .actions a i {font-size: 20px;padding-right: 4px}

/* Home search */
.base-search {display: flex;}
.base-search button {
	padding: .2em .5em;
	font-size: 1.2em;
}

.search-header {
	margin: 0 .5em;
	flex-grow: 1;
	max-width: 500px;
}
.search-header select {
	width: auto;
	border: solid 1px var(--blue-3);
	border-radius: 4px 0 0 4px;
	border-right: 0
}
.search-header input {
	border: solid 1px var(--blue-3);
	width: 100%;
}
.search-header button {
	color: white;
	background: var(--blue-3);
	border-radius: 0 4px 4px 0;
}

.search-home {
	max-width: 800px;
	margin: 0 auto;
	border: solid 2px var(--blue-3);
	border-radius: 4px;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.5);
	position: relative;
	top: -38vh;
}
.search-home input {
	color: #606060;
	padding: .75em 1em;
	background: lightgray
}
.sidebar {max-width: 200px}

/******************************
****** CART ******
******************************/
.woocommerce table.shop_table {	
	border-spacing:0 .75em;
	border: 0;
}
.woocommerce table.shop_table td {
	padding: 1em 10px;
}

.woocommerce .shop_table thead th {
	background: var(--blue-3);
	color: white;
	padding: 1em .5em;
}
.shop_table tr {background: white;}
.shop_table tr td:first-child {border-radius: 6px 0 0 6px}
.shop_table tr td:last-child {border-radius: 0 6px 6px 0}
.shop_table tr td.product-name a {
	color: var(--blue-5);
	font-size: 1.125em;
}
.woocommerce .product-remove a.remove {
	color: white!important;
	width: auto;
	background: gray;
	border-radius: 4px
}
.woocommerce .product-remove a.remove:hover {background: indianred}
.woocommerce table.cart img {width: 60px;border-radius: 6px}
.shop_table tr td.product-quantity label {padding-right: .5em}
.woocommerce table.cart td.actions .coupon .input-text {
	font-size: 1rem;
	width: auto;
	border: solid 1px var(--blue-2)
}
.woocommerce .shop_table .button {
	background-color: var(--blue-2);
	color: white;
}

.woocommerce .cart_totals {
	background: white;
	padding: 1em;
}
.woocommerce button.button.alt, .woocommerce .cart_totals a.button {
	color: white;
	background: var(--green-5);
	height: auto;
	padding: .75em;
}
.woocommerce button.button.alt:hover, .woocommerce .cart_totals a.button:hover {background: var(--green-3)}

.woocommerce-info {
	color: white;
	background: var(--blue-6);
	border: 0;
	border-left: solid 10px #2f7fac;
	border-radius: 2px
}
.woocommerce-info a {color: white}

/* RECAPTCHA */
.term-captcha {
	font-size: .875em;
	line-height: 1.2;
	margin-bottom: .75em;
	color: lightgray
}
.term-captcha a {color: skyblue}
.grecaptcha-badge { visibility: hidden; }
/* Notifications */
.success {
	color: white;
	background: rgba(38, 173, 99, .75);
	padding: .2em .5em;
	font-weight: 300;
}
.success.fail {background: indianred}
.success > i {width: 1em;text-align: center;margin-right: .4em}

/******************************
****** DEBUG ******
******************************/
.xdebug {
  position: fixed;
  bottom: 0;right: 0;
  color: white;
  padding: 4px 10px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: roboto;
  font-size: 14px;
}

/******************************
****** MEDIA QUERIES ******
******************************/
@media screen and (min-width: 1024px) {
	.site-branding a:last-child {display: none}
}

@media screen and (max-width: 1471px) { /* <FULL-HD */
  :root {--product-pixel: calc(var(--image-size) - 100px);}
}
@media screen and (max-width: 1279px) { /* <WIDESCREEN */
  :root {--product-pixel: calc(var(--image-size) - 150px);}
	.product-list > div {width: 33%}
}
@media screen and (max-width: 1024px) { /* <DESKTOP */
  :root {--product-pixel: calc(var(--image-size) - 200px);}
	.header-holder {padding: 0 1em}
	.site-branding a:first-child {display: none}
	.ta-widget {width: 35%}
}
@media screen and (max-width: 768px) { /* TABLET */
	img.custom-logo {max-height: 40px}
  .overlayer {
    position: fixed;
    top: 0;left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 120;
		transition: opacity .35s,visibility .35s;
  }
	.hidden {visibility: hidden;opacity: 0}
	.menu-caller {margin: 0}
	.close {position: absolute;right: 0;padding: .5em;font-size: 2.5em;color: #ddd}
  .menu-holder {
    display: inline-flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    min-width: 60%;
    background-color: white;
  }
  .menu-class > ul {display: block}
  .menu-class a {color: dimgray;background: #eee;margin-top: 1px}
  .menu-class > ul > li > a {padding: .4em .5em}
  .menu-class > ul ul {position: static;height: 0;}
	.menu-class ul ul li {padding-left: 1em}
  .menu-class ul ul a {padding: .4em}
  .menu-class > ul > li:hover > ul {height: auto;}
	.menu-class li.current-menu-item > a::before {width: 100%;left: 0;bottom: 0;background: var(--blue-4)}
	.chapes {flex-grow: 1;justify-content: flex-end}
  
  /* content*/
	.ta-widget {width: 50%}
  .left-sidebar {order: 1;width:auto;}
  .main-holder {flex-direction: column;}
	.product {padding: 0 4%}
	.product-recap {max-width: 500px;margin: auto}
	.summary {padding: 0;margin: 0}
	
	.swiper-slide .image {max-width: 200px;margin: auto}
	.main-footer {margin-bottom: 4em}
	.categories {max-height:none}
	.categories ._vertical > ._tile {height:auto}

}

@media screen and (max-width: 640px) {
	.search-header input {border-radius: 4px 0 0 4px;}
	.search-home {margin: 0 .5em}
  /* producto */
  .woocommerce-product-gallery {width: 100%;}
  .flex-viewport {height: 100vw}
  .flex-control-nav li img {}
  .cart-actions {
    position: fixed;
    left: 0;bottom: 0;
    display: flex;
    width: 100%;
    padding: 0;
  }
  .cart-actions ._button {text-align: center;flex-grow: 1;justify-content: center;padding: .5em .5em}
  .cart-actions ._button:last-child {flex-grow:0;}
	.action-bar {
		position: fixed;
		left: 0;bottom: 0;
		padding: 0;
		display: flex;
		width: 100%;
		z-index: 210;
	}
	.action-bar > * {flex-grow: 1}
	
	.product-list > div {width: 50%}
	
	.middle-cards > ._columns:nth-child(2n) {flex-direction: column}
	.preview .wrapper {display: block}
	.preview .post-thumb {width: 100%}
	.preview .post-thumb img {max-width: 400px}
	.preview .post-content {padding: 0;padding-top: 1em}
	.preview:nth-child(2n+1) .post-content {padding: 1em 0 0}
	/*.preview:nth-child(2n+1) .wrapper {flex-direction: column}
	.preview .post-thumb {width: 100%}
	.preview .post-thumb img {max-width: 400px}
	.preview .post-exceprt {padding: 0;padding-top: 1em}*/
}
@media screen and (max-width: 560px) {}
@media screen and (max-width: 480px) {
	.ta-widget {width: 70%}
  .mipagination {margin: .5em 0}
	.product-sorting .pagination {margin-top: .5em!important}
	.product-list {padding: 1em}
	.product-list > div {max-width: inherit;width: 100%}
}
@media screen and (max-width: 420px) {
  .header-bg {height: 60px}
  .header-holder {font-size: 14px;padding: .5em}
	.extra-info {font-size: .875em}
	
	.p-form p {margin-bottom: 5px}
}
@media screen and (max-width: 360px) {
	.header-holder {font-size: 12px;}
}