/*
Theme Name: __Nuby
*/

* {margin: 0; padding: 0}
.block {margin-bottom: 60px}
a {text-decoration: none;}

body {font-family: "Varela Round", sans-serif;}
p {font-size: 15px; color: #858585}
.clear {clear: both;}

/* HEADER  */
#top-bar {background: #978ac3; height: 30px; margin-bottom: 30px}
h1#logo {margin: 0}
h1#logo img {width: 135px; height: auto;}

#main-menu {text-align: center; margin-top: 30px}
#main-menu li {display: inline-block; list-style: none; margin: 0 20px; font-size: 18px;}
#main-menu li a {color: #858585; transition: all 0.2s ease}
#main-menu li:hover a {color: #e57458; transition: all 0.2s ease}
#main-menu li.current_page_item a {color: #e57458;}
ul#menu-menu.navbar-nav {display: block !important}
#top-contact-links {font-size: 13px; color: #858585; text-align: right; padding-top: 10px}
#top-contact-links a {color: #858585;}
#top-contact-links span {margin: 0 10px}
#top-cart {text-align: right; margin-top: 10px}
#top-cart img {max-width: 22px; height: auto;}
#count-cart {position: relative; width: 25px; height: 25px; display: inline-block;}
#count-cart .items span.cart-count {position: absolute; top: -5px; right: -7px; background: red; color: #fff; text-align: center; width: 15px; height: 15px; font-size: 10px; border-radius: 10px; line-height: 15px}

form.search-form {width: 80%; border: solid 1px #ccc; border-radius: 50px; margin: 0 auto; position: relative; height: 36px}
form.search-form input.search-field {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 none; background: 0 none; padding: 0 15px; height: 36px; font-family: font-family: "Varela Round", sans-serif; font-size: 14px}
form.search-form button.search-submit {position: absolute; right: 2px; top: 2px; width: 85px; height: 30px; background: #e57458; color: #fff; text-align: center; border: 0 none; border-radius: 50px; font-family: font-family: "Varela Round", sans-serif; font-size: 12px}

/* HOME PAGE */
#slider {}
#slider .bx-wrapper {margin-bottom: 0px; padding: 0; box-shadow: 0 0 0 #fff; border: 0 none; background: transparent;}
#slider .bx-wrapper img {width: 100%}
#slider .bx-controls {position: absolute; bottom: 50px; width: 100%}
#premiums {background: #978ac3; padding: 10px 0; color: #fff; font-weight: bold;}
#premiums img {max-height: 35px; margin-right: 10px}
#home-cats-links div {text-align: center;}
#home-cats-links div img {max-width: 100%; height: auto;}

#cat-destacado-home {color: #fff; background: #94bfea}
#cat-destacado-home .container {padding-bottom: 35px; padding-top: 35px; background: url(images/mordederas-home-bg.png) no-repeat right center; background-size: contain;}
#cat-destacado-home h2 {font-size: 22px}
#cat-destacado-home p {color: #fff}
#cat-destacado-home .button {display: inline-block; background: 0 none; border: 2px solid #fff; border-radius: 50px; margin-top: 10px; overflow: hidden;}
#cat-destacado-home .button a {color: #fff; background: rgba(225, 225, 225, 0); font-weight: bold; text-decoration: none; padding: 12px 20px; display: inline-block; transition: all 0.2s ease}
#cat-destacado-home .button a:hover {color:#fff; background: rgba(225, 225, 225, .2); font-weight: bold; text-decoration: none; padding: 12px 20px; display: inline-block; transition: all 0.2s ease}

#home-destacados {}
#home-cats h2, #home-destacados h2 {font-size: 22px; text-align: center; margin-bottom: 30px; color: #858585}

/*featured home*/
#home-destacados .woocommerce ul.products li.product a img {margin: 0 0 5px}
#home-destacados .woocommerce ul.products h2 {color: #858585; font-size: 16px; margin-bottom: 0px}
#home-destacados .woocommerce .product {text-align: center;}
#home-destacados .woocommerce span.price {color: #e57458; display: block; text-align: center;}
#home-destacados .woocommerce .button.add_to_cart_button {background: #e57458; color:#fff; text-align: center; margin-top: 0; font-family: "Varela Round", sans-serif; font-size: 13px; padding: 10px 20px; border-radius: 50px}
#home-destacados .woocommerce a.added_to_cart {padding-top: .5em; display: block;}

 /*home blog*/
.home-blog-entry {border-radius: 15px; overflow: hidden;}
#home-blog .col-xs-6 .entry-top {height: 360px; background-size: cover; position: relative;}
#home-blog .col-xs-6 .entry-top a {position: absolute; width: 100%; height: 100%; display: block;}
#home-blog .col-xs-6:nth-child(1) .entry-bottom {background: #78c7c1}
#home-blog .col-xs-6:nth-child(2) .entry-bottom {background: #93beea}
#home-blog .col-xs-6:nth-child(3) .entry-bottom {background: #ffba90}
.resumen-post {min-height: 58px}
.entry-bottom {padding: 30px}
.entry-bottom h2 {font-size: 17px; margin-top: 0; color: #fff}
.entry-bottom h2 a {color: #fff}
.entry-bottom p {font-size: 13px; color: #fff}
.entry-bottom .button {margin-top: 20px; margin-bottom: 0; text-align: right;}
.entry-bottom .button a {color: #fff; background: rgba(225, 225, 225, 0); transition: all 0.2s ease; display: inline-block; padding: 8px 20px; text-decoration: none; border: solid 2px #fff; border-radius: 50px}
.entry-bottom .button a:hover {background: rgba(225, 225, 225, .2); transition: all 0.2s ease;}

#home-tribu {background: url(images/newsletter-bg.jpg) no-repeat center center; background-size: cover; padding: 30px 0}
#formulario-nl h2 {font-size: 46px; color: #fff; font-style: italic; margin: 30px 0 20px}
#formulario-nl input[type="text"] {background: #fff; border: 0 none; height: 46px; line-break: 46px; color: #858585; padding: 0 15px; width: 100%}
#formulario-nl input[type="submit"] {background: rgba(225, 225, 225, 0); height: 46px; line-height: 46px; color: #fff; padding: 0 30px; border: solid 2px #fff; border-radius: 50px; transition: all 0.2s ease; margin-bottom: 30px}
#formulario-nl input[type="submit"]:hover {background: rgba(225, 225, 225, .2); transition: all 0.2s ease;}
.tribu-terminos {font-size: 13px; color: #fff}

/* PAGES */
.woocommerce #primary h1.entry-title {font-size: 26px; color: #78c7c0; margin-top: 25px}
body.page-template-default h1.entry-title {font-size: 26px; color: #78c7c0; margin-top: 25px}
body.page-template-default #sidebar {display: none; visibility: hidden;}
body.page-template-default #primary {margin-bottom: 60px}
#faq-page img {max-width:100%; height: auto; border-radius: 15px}

/*about*/
#about-top {margin-top: 60px}
.about-top-img {text-align: center;}
.about-top-img img {border-radius: 15px}
#about-top h2 {color: #666; font-size: 28px; font-weight: bold;}
#about-top h3 {color: #78c7c0; font-size: 26px}
#about-cpc {background: #5e95cf; text-align: center; padding: 40px 0; text-align: center;}
#about-cpc h2 {color: #fff; font-size: 36px}
#about-bottom {text-align: center;}
#about-bottom h2 {font-size: 30px; color: #e57458;}
#about-bottom h4 {font-size: 23px; color: #858585;}
#about-bottom #about-misiones {text-align: left; max-width: 60%; margin: 0 auto;}
#about-bottom #about-misiones .mision-block {margin-bottom: 40px}
#about-bottom #about-misiones h3 {color: #78c7c0; font-size: 26px}
#about-also {background: #f2efeb; padding: 40px 0}
#about-also h2 {font-size: 30px; color: #666; text-align: center; margin-bottom: 30px}
#about-also ul {text-align: center; margin-bottom: 0}
#about-also li {display: inline-block;}

/* CATEGORÍAS DE PRODUCTOS */
.woocommerce-page #sidebar {float: left; width: 16%}
.woocommerce-page #primary {float: right; width: 78%}
#sidebar ul {padding-left: 0}

.woocommerce-cart.woocommerce-page #sidebar, .wp-singular.woocommerce-page #sidebar {display: none; visibility: hidden;}
.woocommerce-cart.woocommerce-page #primary, .wp-singular.woocommerce-page #primary {float: none; width: 100%}

#sidebar .widget h3 {color: #78c7c0; font-size: 20px}
#sidebar .widget {color: #858585}

.woocommerce ul.products li.product a img {margin: 0 0 5px}
.woocommerce ul.products h2, .woocommerce .products ul.products h2 a {color: #858585; font-size: 16px; margin-bottom: 0px}
.woocommerce .products .product {text-align: center;}
.woocommerce .products span.price {color: #e57458; display: block; text-align: center;}
.woocommerce .products .button.add_to_cart_button {background: #e57458; color:#fff; text-align: center; margin-top: 0; font-family: "Varela Round", sans-serif; font-size: 13px; padding: 10px 20px; border-radius: 50px}
.woocommerce ul.products li.product .woocommerce-placeholder {border: 0 none;}
.woocommerce ul.products li.product .price {margin-bottom: 10px; color: #e57458;}
.woocommerce ul.products li.product .button {margin-top: 5px}

#woocommerce_layered_nav-2 li {display: inline-block; margin: 2px;}
body.woocommerce #sidebar h2 {font-size: 26px; color: #78c7c0; margin-top: 25px;}

/* PRODUCTOS */
section.related.products {float: none;clear: both;}
body.woocommerce #single-head-info .entry-summary {display: none; visibility: hidden;}
#single-head-info.block {margin-bottom: 20px}
.product.type-product {margin-top: 30px}
.woocommerce #single-head-info {display: none; visibility: hidden;}
.single-product .summary.entry-summary h1 {font-size: 32px; color: #78c7c0}
#tab-description {padding: 30px 15% 20px}
#tab-description h2, #home-destacados h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  color: #78c7c0;
}
.tabs.wc-tabs {display: none; visibility: hidden;}
.woocommerce .related.products h2 {
	font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  color: #78c7c0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {color: #fff; height: 56px; line-height: 56px; background: #e57458; border-radius: 50px; padding: 0 40px}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #e57458}

#tab-description iframe {display: block; margin: 0 auto;}
.woocommerce .quantity .qty {margin-top: 15px; margin-right: 15px}
.summary.entry-summary .posted_in {font-size: 14px; color: #858585}
.summary.entry-summary .posted_in a {color: #78c7c0}
body.woocommerce-page #recent-posts-widget-with-thumbnails-2 {display: none; visibility: hidden;}

/* EMPTY CART */
.woocommerce .wc-block-grid__products .wc-block-grid__product-image img {border: 0 none}
.wp-block-woocommerce-empty-cart-block h2 {color: #858585}

/* CART */
#primary #main .wp-block-woocommerce-cart.alignwide {font-family: "Varela Round", sans-serif;}
.wc-block-cart-item__wrap a {color: #e57458}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wp-block-woocommerce-cart-order-summary-block {color: #555}
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {background: #e57458; border: 0 none; border-radius: 5px; color: #fff}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {background: #e57458; color: #fff; border-radius: 5px}

/* CHECKOUT */
.wc-block-components-form.wc-block-checkout__form h2 {color: #78c7c0}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {background: #e57458; border: 0 none; border-radius: 5px; color: #fff}
.wc-block-components-address-form__country.wc-block-components-country-input {margin-top: 10px}

/* CUSTOM PAGES */
#contact-page iframe {margin-bottom: -8px}
.contact-col {padding: 40px 15%}
.contact-col h2 {font-size: 28px; color: #e57458}
.contact-col h3 {font-size: 20px; color: #858585}
.contact-col h4 {font-size: 18px; color: #78c7c0}
.contact-block {margin: 35px 0}

/* BLOG */
body.blog article {width: 33%; padding: 0 15px; box-sizing: border-box; float: left;}
body.blog article .blog-entry {border-radius: 15px; overflow: hidden;}
.blog-entry .entry-top {height: 360px; background-size: cover; position: relative; background-position: center center;}
body.blog article .entry-bottom {background: #78c7c1}
body.blog #sidebar {clear: both; float: none;}
body.blog #sidebar ul {display: none; visibility: hidden;}
body.blog #home-tribu {margin-top: 60px}
body.blog #primary {max-width: 1320px; width: 90%; margin: 60px auto;}
/*single*/
.single #sidebar {float: right; width: 25%; margin-top: 60px; background: #f1f1f1; padding: 15px; border-radius: 10px;}
.single #primary {float: left; width: 70%}
.single #primary img {max-width: 100%; height: auto;}
.single .entry-footer, .single .navigation.post-navigation {display: none; visibility: hidden;}
#rpwwt-recent-posts-widget-with-thumbnails-2 .rpwwt-post-excerpt {font-size: 13px; line-height: auto; color: #858585}
.single #sidebar #recent-posts-widget-with-thumbnails-2 a {color: #e57458}
.single #primary h1.entry-title {font-size: 26px; color: #78c7c0; margin-top: 25px;}
.single #main {text-align: justify;}

/* FOOTER */
#footer h2 {font-size: 16px; font-weight: bold; color: #78c7c0; margin-top: 0}
#footer ul {padding: 0}
#footer li {list-style: none; font-size: 15px; color: #858585}
#footer li a {color: #858585}
#footer li a:hover {color: #78c7c0}

#foot-contact {padding: 20px 0; border-top: solid 1px #ccc; margin-top: 20px}
#foot-contact span {font-weight: bold; color: #78c7c0}
#foot-contact a {color: #858585}
#foot-media {text-align: right; margin-bottom: 0}
#foot-media li {list-style: none; display: inline-block; margin-left: 7px}
#foot-media img {width: 30px; height: auto;}
#foot-phone {text-align: center;}

@media (max-width: 1200px) {
	
}