/* Category-sidebar.css */
.bullet-icon-container {
height: 40px;
width: 40px;
background-color: #FFCD00;
margin-right: 16px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-images-thumnails a {
height: auto;
display: flex;
justify-content: center;
}
.wave-banner {
width: 100%;
height: 254px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wave-banner:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
}
.truncate-multiline {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.2em;
max-height: 3em;
}
/*bono cultural*/
.bonoCultural-img{
width: 40px;
height: 40px;
margin-right: 10px;
}
.bonoCultural-title{
font-weight: 700;
font-size: 18px;
margin-bottom: 1px;
margin-left: 10px;
font-family: 'Cartero';
}
.bonoCultural-description{
font-weight: 500;
font-size: 16px;
font-family: 'Cartero';
letter-spacing: 0;
line-height: 20px;
}
.bonoCultural-link-product{
font-size: 14px;
font-weight: normal;
text-decoration: none !important;
cursor: pointer;
}
.bonoCultural-container-mobile{
background-color: #f4f4f4;
}
.btn.btn-añadir-azul.shoppingcartbtn.bonoCultural-button-añadir{
all:unset;
}
.btn.btn-añadir-azul.shoppingcartbtn {
box-shadow: none;
outline: none;
}
.row.bonoCultural-button-container{
margin-right:1px !important;
margin-left:1px !important;
}
.row.bonoCulturam-button-main-container{
margin-right:1px !important;
margin-left:1px !important;
}
@media (max-width: 578px) {
.wave-banner.svg-header {
mask: url(../images/masks/mascara-cabeceras_smartphone.svg) center !important;
-webkit-mask: url(../images/masks/mascara-cabeceras_smartphone.svg) center !important;
mask-size: 578px !important;
-webkit-mask-size: 578px !important;
mask-position: center top;
-webkit-mask-position: center top;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
position: relative;
}
.wave-banner {
height: 200px;
}
.container-main-bonoCultural{
background-color: #f4f4f4;
min-height: 138px;
}
}
.container.container-cat-icon {
position: relative;
}
.svg-header {
mask: url(../images/masks/mascara-cabeceras_escritorio.svg);
-webkit-mask: url(../images/masks/mascara-cabeceras_escritorio.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center top;
-webkit-mask-position: center top;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.cat-title {
color: #ffffff;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
position: relative;
margin-bottom: 0px;
}
.cat-subtitle {
color: #FFFFFF;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
position: relative;
text-align: center;
margin-bottom: 0px;
}
.cat-icon {
box-sizing: border-box;
height: 92px;
min-width: 108px;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
position: absolute;
bottom: -20px;
z-index: 99;
padding: 4px 16px;
text-align: center;
}
.cat-icon .yellow-circle{
width: 40px;
height: 40px;
border: 1px solid #B38F00;
background-color: #FFCD00;
border-radius: 100%;
margin: 12px auto 0;
vertical-align: middle;
text-align: center;
padding: 5px;
}
.cat-icon span{
margin: 4px auto;
color: #002e6d;
font-size: 14px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
}
.new-breadcrumbs {
margin-top: 30px;
}
.new-breadcrumbs span {
margin: 0px 5px;
display: inline-block;
font-size: 12px;
letter-spacing: 1.6px;
line-height: 20px;
text-transform: uppercase;
}
.new-breadcrumbs span.brd-item,
.new-breadcrumbs span.brd-item a,
.new-breadcrumbs span.brd-item a:hover {
color: #FFCD00;
}
.new-breadcrumbs span.brd-item a:hover {
text-decoration: none;
}
.new-breadcrumbs span.current-brd {
color: #FFFFFF;
}
.icon-right-arrow {
height: 10px;
width: 6px;
background: url(../images/icons/ico_arrow-link.svg) no-repeat center;
}
.container-category-body{
margin-top:70px;
padding-left: 0px;
padding-right:0px;
}
/* Category Sidebar Styles */
#Categories-Sidebar {
background: #fff;
margin-bottom: 20px;
}
#Categories-Sidebar .Sidebar-Title {
background: transparent;
padding: .5rem 1rem;
text-align: left;
}
#Categories-Sidebar .Sidebar-Title p {
font-size: 22px;
font-weight: 300;
color: #002e6d;
margin-bottom: 0px;
}
#Categories-Sidebar #Sidebar-Subcategory-List ul li a {
font-size: 16px;
font-weight: 300;
color: #002e6d;
text-transform: capitalize;
text-decoration: none !important;
}
#Categories-Sidebar #Sidebar-Subcategory-List ul li a.active {
font-weight: bold;
color: #00457D;
}
/* Subcategory dropdown */
#Sidebar-Subcategory-List > ul > li > .nav-link > a {
font-weight: 300;
color: #002e6d !important;
padding: .5rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu {
font-weight: bold;
padding: .1rem .5rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu.open,
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:hover,
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:focus {
background: #E5E5E5;
color: #211914;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu.open a,
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:hover a,
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:focus a,
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu.open span
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:hover span
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:focus span {
font-weight: normal;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu a,
#Categories-Sidebar #Sidebar-Subcategory-List .link-top-category a {
color: #002e6d;
padding: .5rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span {
float: right;
padding: 0 12px;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span:hover,
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span:focus {
cursor: pointer;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span.open {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu {
font-weight: bold;
}
#Categories-Sidebar #Sidebar-Subcategory-List .submenu .nav-link {
font-size: 16px;
font-weight: normal;
color: #002e6d;
padding: .1rem 0rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .nav .nav-link {
padding: .1em .5em;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span {
color: #002e6d;
}
#Categories-Sidebar #Sidebar-Subcategory-List .submenu .nav-link.open {
background: #E5E5E5;
}
#Categories-Sidebar #Sidebar-Subcategory-List .submenu .nav-link.active {
font-weight: 800;
}
#Sidebar-Subcategory-List .submenu .nav-link a {
padding-left: 0px !important;
}
#Sidebar-Subcategory-List .submenu .submenu .nav-link a {
font-size: 16px !important;
padding-left: 30px !important;
}
#Sidebar-Subcategory-List .submenu .submenu .nav-link a:before {
font-size: 12px;
margin: 0px 5px 0px 0px;
text-decoration: none !important;
display: inline-block !important;
}
#Categories-Sidebar #Sidebar-Subcategory-List > .nav > .nav-item > .submenu > ul.nav {
padding: 0rem .7rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .submenu {
padding: 0rem 1rem !important;
}
#Categories-Sidebar #Sidebar-Subcategory-List .submenu .submenu {
padding: 0rem !important;
}
/* / Subcategory dropdown */
#Categories-Sidebar #Sidebar-Price-Filter .Sidebar-Price-Filter-Slider {
padding: 10px 15px;
}
#Categories-Sidebar #Sidebar-Price-Filter .Sidebar-Price-Filter-Inputs-Container {
display: flex;
align-items: center;
align-content: center;
text-align: center;
padding: 10px 45px;
}
#Categories-Sidebar #Sidebar-Price-Filter .Sidebar-Price-Filter-Inputs-Container input,
#Categories-Sidebar #Sidebar-Price-Filter .Sidebar-Price-Filter-Inputs-Container span {
flex: 1;
text-align: center;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container {
background: #fff;
margin-top: 40px;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .custom-control-label{
color: #002e6d;
cursor: pointer;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content {
max-height: 500px;
overflow-y: auto;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content::-webkit-scrollbar {
-webkit-appearance: none;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content::-webkit-scrollbar:vertical {
width: 11px;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content::-webkit-scrollbar:horizontal {
height: 11px;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
background-color: rgba(0, 0, 0, .5);
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 8px;
}
#Categories-Sidebar #Sidebar-Brand-Filter-Container .Sidebar-Brand-Filter-Content .custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #183e6f;
background-color: #183e6f;
}
#Categories-Sidebar #Sidebar-Colors-Filter .Sidebar-Colors-Filter-Content {
display: flex;
align-items: center;
align-content: center;
flex-flow: row;
flex-wrap: wrap;
justify-content: flex-start;
text-align: center;
padding: 10px 15px;
}
#Categories-Sidebar #Sidebar-Colors-Filter .Sidebar-Colors-Filter-Content .Sidebar-Colors-Filter-item-block {
text-align: center;
}
#Categories-Sidebar #Sidebar-Colors-Filter .Sidebar-Colors-Filter-Content .Sidebar-Colors-Filter-item-block .Sidebar-Colors-Filter-item {
height: 25px;
width: 25px;
margin: 5px;
}
#Categories-Sidebar #Sidebar-Colors-Filter .Sidebar-Colors-Filter-Content .Sidebar-Colors-Filter-item-block .Sidebar-Colors-Filter-item.selected {
border: 1px solid #000;
}
#Categories-Sidebar .Sidebar-Ratings-Filter-Content .custom-control.custom-checkbox label:hover,
#Categories-Sidebar .Sidebar-Ratings-Filter-Content .custom-control.custom-checkbox label:focus,
#Categories-Sidebar .Sidebar-Ratings-Filter-Content .custom-control.custom-checkbox input:hover,
#Categories-Sidebar .Sidebar-Ratings-Filter-Content .custom-control.custom-checkbox input:focus {
cursor: pointer;
}
/* / Category-sidebar.css */
/* Category-styles.css */
/* Category Styles */
.Categories-Title {
margin: 0rem 0rem 2rem 0rem;
}
.Categories-Title h1,
.Categories-Title h4 {
font-size: 25px;
font-weight: bold;
color: #707070;
}
.Categories-Product-Filters {
background: #fff;
}
.Categories-Product-Filters ul li {
display: flex;
align-items: center;
}
.Categories-Product-Filters ul li a,
.Categories-Product-Filters ul li p {
margin-bottom: 0px;
}
.Categories-Product-Filters .product-quantity {
font-size: 16px;
font-weight: 500;
color: #211914;
}
.Categories-Product-Filters .product-quantity-number {
font-size: 16px;
font-weight: bold;
color: #211914;
}
.Categories-Product-Filters .Product-Order-Block #Product-Order {
font-size: 14px;
font-weight: 600;
color: #002e6d;
border: 1px solid #211914;
padding: .5rem;
box-shadow: none !important;
outline: none !important;
}
.Categories-Product-Filters .product-view-grid,
.Categories-Product-Filters .product-view-list {
color: #dcd9d9 !important;
}
.Categories-Product-Filters .product-view-grid.active,
.Categories-Product-Filters .product-view-list.active {
color: #00457D !important;
}
.Categories-Content-Banner {
margin: 15px 0px;
}
/* Category Page Pagination */
.category-pagination-container {
margin: 40px 0px 15px 0px;
}
.category-pagination-container ul.show-all-twelve {
margin-bottom: 0;
list-style: none;
padding-left: 0;
border: none;
}
.category-pagination-container ul.show-all-twelve li .page-link {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
border: none;
}
.category-pagination-container:after,
.category-pagination-container:before {
content: " ";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.category-pagination-container .category-pagination {
float: right;
margin-bottom: 0px;
}
.category-pagination-container .category-pagination li a {
background: transparent;
border: 0px;
padding: .5rem;
font-size: 21px;
line-height: 20px;
font-weight: 300;
color: #002e6d;
}
.category-pagination-container .category-pagination li a span {
color: #002e6d;
font-size: 21px;
text-decoration: underline;
}
.Category-Recently-Viewed-Items .Category-Recently-Viewed-Items-Title {
text-align: center;
}
.Category-Recently-Viewed-Items .Category-Recently-Viewed-Items-Title p {
font-size: 16px;
font-weight: bold;
color: #010101;
}
/* / Category-styles.css */
/* Product-List-Item.css */
/* Product List Item */
.product-list-item {
background: #fff;
padding: 10px 0px;
margin-bottom: 8px;
}
.product-list-item a:hover,
.product-list-item a:focus {
cursor: pointer;
text-decoration: none;
}
.product-list-item .product-notice {
width: 100%;
display: flex;
justify-content: flex-end;
}
.product-list-item .product-notice .product-notice-skew {
background: #ec2434;
width: 20px;
margin-right: -15px;
-moz-transform: skew(-22deg, 0deg);
-webkit-transform: skew(-22deg, 0deg);
-o-transform: skew(-22deg, 0deg);
-ms-transform: skew(-22deg, 0deg);
transform: skew(-22deg, 0deg);
overflow: hidden;
z-index: 1;
}
.product-list-item .product-notice-content {
background: #ec2434;
text-align: right;
line-height: 20px;
padding: 2px 5px;
z-index: 10;
}
.product-list-item .product-notice-content p {
color: #fff;
margin-bottom: 0px;
font-size: 14px;
font-weight: 500;
}
.product-list-item .product-image {
text-align: center;
margin: 0px 10px;
}
.product-list-item .product-image img {
width: 100%;
height: 150px;
object-fit: contain;
}
.product-list-item .product-title {
text-align: center;
margin: 0px 10px;
}
.product-list-item .product-title h4 {
display: block;
display: -webkit-box;
width: 100%;
height: 32px;
font-size: 14px;
font-weight: 500;
color: #010101;
margin: 10px 0px;
line-height: 16px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.product-list-item .product-brand {
text-align: center;
margin: 0px 10px;
}
.product-list-item .product-brand p {
font-size: 11px;
font-weight: 500;
color: #010101;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0px;
}
.product-list-item .product-rating {
text-align: center;
margin: 0px 10px;
}
.product-list-item .product-price {
text-align: right;
margin: 0px 10px;
}
.product-list-item .product-price p {
font-size: 27px;
font-weight: 500;
color: #010101;
margin-bottom: 0px;
}
.product-list-item .product-price-with-recomended {
text-align: right;
margin: 0px 10px;
}
.product-list-item .product-price-with-recomended p {
font-size: 27px;
font-weight: 500;
color: #ec2434;
margin-bottom: 0px;
}
.product-list-item .product-price-with-recomended span {
font-size: 14px;
font-weight: 500;
color: #010101;
text-decoration: line-through;
}
.product-list-item .product-shipping-info {
text-align: right;
margin: 0px 10px;
}
.product-list-item .product-shipping-info p {
font-size: 10px;
font-weight: 500;
color: #010101;
padding-bottom: 10px;
margin: 0px 10px;
}
/* Product-List-Item - Small Size - Settings */
.product-list-item.product-list-item-sm .product-notice p {
font-size: 11px;
}
.product-list-item.product-list-item-sm .product-title h4 {
font-size: 11px;
}
.product-list-item.product-list-item-sm .product-brand p {
font-size: 9px;
}
.product-list-item.product-list-item-sm .product-price p {
font-size: 22px;
}
.product-list-item.product-list-item-sm .product-price-with-recomended p {
font-size: 22px;
}
.product-list-item.product-list-item-sm .product-price-with-recomended span {
font-size: 12px;
}
.product-list-item.product-list-item-sm .product-shipping-info p {
font-size: 8px;
}
/* / Product-List-Item.css */
/* Home.css */
/* Home Styles */
/* Slider */
#Home-Market-Slider img.icon-slider {
width: 8px;
height: 13px;
margin: 0 auto;
}
#Home-Market-Slider img.icon-slider.iconPlay {
width: 15px;
height: 13px;
}
.Home-Market-Slider-Text h1 {
color: #FFFFFF;
font-size: 56px;
font-weight: 300;
letter-spacing: 0;
line-height: 67px;
}
/* .Home-Market-Slider-Text h2 {
color: #FFFFFF;
font-size: 56px;
font-weight: 900;
letter-spacing: 0;
line-height:normal;
margin-top:18px;
}
.Home-Market-Slider-Text h3 {
color: #FFFFFF;
font-size: 18px !important;
font-weight: 300;
letter-spacing: 0;
line-height: normal;
margin-top: 10px;
min-height: 72px;
}
.Home-Market-Slider-Text p {
font-weight: bold;
letter-spacing: 0;
line-height: normal;
text-transform: uppercase;
display: flex;
justify-content: start;
align-items: center;
position: absolute;
top: 217px;
}
.Home-Market-Slider-Text p span {
color: #FFFFFF !important;
font-size: 16px !important;
}
.Home-Market-Slider-Text p a:hover {
text-decoration: none;
} */
.Home-Market-Slider-Text .text-content .carousel-container-title {
color: #FFFFFF;
font-size: 56px;
font-weight: 900;
letter-spacing: 0;
line-height:normal;
margin-top:18px;
}
.Home-Market-Slider-Text .text-content .carousel-container-description {
color: #FFFFFF;
font-size: 18px !important;
font-weight: 300;
letter-spacing: 0;
line-height: normal;
margin-top: 10px;
min-height: 72px;
}
@media screen and (max-width: 551px) {
.Home-Market-Slider-Text .text-content .carousel-container-description {
margin-top: 0px;
}
}
.Home-Market-Slider-Text .text-content .carousel-container-link {
font-weight: bold;
letter-spacing: 0;
line-height: normal;
text-transform: uppercase;
display: flex;
justify-content: start;
align-items: center;
position: absolute;
top: 225px;
min-height: 88px;
}
@media screen and (max-width: 551px) {
.Home-Market-Slider-Text .text-content .carousel-container-link {
top: 190px;
}
}
.Home-Market-Slider-Text .text-content .carousel-container-link span {
color: #FFFFFF !important;
font-size: 16px !important;
}
.Home-Market-Slider-Text .text-content .carousel-container-link a:hover {
text-decoration: none;
}
@media (max-width: 550px){
.Home-Market-Slider-Text {
padding: 0px 15px;
}
}
.svg-home-desktop {
mask: url(../images/masks/mascara-home_escritorio.svg);
-webkit-mask: url(../images/masks/mascara-home_escritorio.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center top;
-webkit-mask-position: center top;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
@media (min-width:1926px){
#Home-Market-Slider .svg-home-desktop {
mask-size: 100%;
-webkit-mask-size: 100%;
mask-position: center bottom;
-webkit-mask-position: center bottom;
}
#Home-Market-Slider .slider-img {
background-position: center top;
}
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
#Home-Market-Slider-Container {
position: relative;
}
@media (max-width: 991px) {
#Home-Market-Slider-Container {
position: relative;
/* margin-top: -32px; */
z-index: 0;
}
}
@media (max-width: 576px){
.product-page-tag-container {
position: static;
margin-top: 24px;
}
.product-page-tag-container {
position: static;
}
li.breadcrumb-item.active {
margin-right: 20px;
margin-left: 14px;
}
}
@media (max-width: 767px){
.product .product-picture-information .product-share-buttons .product-promotions-featured-item-icon, .variantbox {
width: 250px;
max-width: 100%;
}
}
@media (max-width: 991px) {
.home-collection .home-collection-heading-title .home-collection-heading-title-text h2 {
color: #002e6d;
font-size: 18px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 0;
margin: 10px 0;
}
.home-collection .img-container h3 {
color: #fff;
font-size: 22px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
position: relative;
}
.home-collection .img-container p {
color: #fff;
font-size: 12px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-transform: uppercase;
margin-top: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: start;
}
#Home-Market-Slider .Home-Market-Slider-Text-Icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
}
.ProductsCarousel .item {
max-width: 100%;
}
.ProductsContentList .item {
position: relative;
border-radius: 16px;
margin-bottom: 0px !important;
}
.ProductsContentList .item.colect{
position: relative;
border-radius: 0px !important;
margin-bottom: 0px !important;
}
.item .tags-container {
position: absolute;
top: 0;
right: 0;
z-index: 11;
box-sizing: content-box;
height: 36px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.item .tags-container .tag-item.collection-tag {
flex-grow: 1;
}
.item .tags-container .tag-item {
text-align: center;
height: 36px;
}
.item .tags-container .tag-item.offer {
height: 50px;
}
.item .image {
position: relative;
padding-top: 0;
}
.ProductsContentList .item .image img {
width: 100%;
max-width: 100%;
height: 136px;
max-height: 100%;
object-fit: contain;
object-position: center;
}
.ProductsContentList .collections .item .image img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
object-position: center;
height: 338px;
flex-shrink: 0;
border-radius: 10px;
background: url(''), lightgray 50% / cover no-repeat;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
}
.collections {
height: 170px;
padding-bottom: 15px;
padding-top: 15px;
}
.collections:hover {
background-color: none;
border-radius: 0px;
height: 170px;
}
.ProductsContentList .collections .item .image .card-text {
color: #FFF;
text-align: center;
font-size: 28px;
font-family: Cartero;
font-style: normal;
font-weight: 300;
top: 80px;
line-height: normal;
position: absolute;
margin: 0px 5px 0px 5px;
right: 0;
left: 0;
}
.ProductsContentList .collections .item .image img.home-go-white-icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
background-color: rgba(0,0,0,0);
filter: brightness(1);
}
.ProductsContentList .collections .item .image p {
bottom: 30px !important;
padding-bottom: 0px !important;
}
.ProductsContentList .item .name {
margin: 0.4rem 0rem 0 0;
line-height: 1.2;
}
.ProductsContentList .item .name {
margin: 1rem 0rem;
text-align: left;
vertical-align: middle;
position: relative;
}
.ProductsContentList .item .name h4, .ProductsContentList .item .name a {
font-size: 13px;
font-weight: 300;
color: #211914;
margin-bottom: 0;
}
.ProductsContentList .item .name .name-text {
font-size: 13px;
overflow: hidden;
}
.ProductsContentList .item .name .name-text {
font-size: 13px;
font-weight: 300;
color: #002e6d;
vertical-align: middle;
text-align: center;
}
.ProductsContentList .item .name .name-text .text {
max-width: fit-content;
white-space: pre-wrap;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-alternatives-products-list .ProductsContentList .item .name .name-text .text {
max-width: fit-content;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: "......";
}
.product-alternatives-products-list .ProductsContentList .item .name .name-text .text {
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ProductsContentList .item .price-block {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 0.4rem;
margin-top: 10px;
}
.ProductsContentList .item .price-argument {
min-height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.price-argunment-text {
font-size: 14px;
font-weight: normal;
color: #a7a7a7;
}
.recommendedprice-category, .originalprice-category {
color: #757575;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 24px;
text-decoration: line-through;
margin-right: 12px;
white-space: nowrap;
}
.ProductsContentList .item .price {
display: flex;
flex-direction: column;
justify-content: center;
}
.ProductsContentList .item .price p {
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
margin: 0;
font-weight: bold;
white-space: nowrap;
}
.ProductsContentList .button-container {
display: none;
}
.button-container .button {
text-align: center;
}
.ProductsContentList .item .button .styles-button {
padding: 3px;
width: 80%;
font-size: 13px;
line-height: 16px;
}
.item .image .unavaliable-image-tag .unavaliable-image-content {
background: #949494;
height: 20px;
width: fit-content;
display: flex;
justify-content: center;
align-items: center;
padding: 0 16px;
font-size: 12px;
font-weight: 300;
color: #fff;
text-transform: uppercase;
}
.item .tags-container .tag-item .collection-text.short {
width: fit-content !important;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 0;
padding: 7px;
/* height: 36px; */
background: #ffcd00;
color: #002e6d;
}
.item .image .unavaliable-image-tag {
position: absolute;
top: 0;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
/* #Home-Market-Slider .carousel-home-controllers {
position: absolute;
z-index: 105;
height: 15%;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0;
list-style: none;
width: 100%;
} */
#Home-Market-Slider .btn-play-pause-container {
box-sizing: border-box;
border: 1px solid #b1bfd2;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
text-align: center;
margin: 0 20px;
}
#Home-Market-Slider .btn-play-pause-container .btn {
color: #707070;
}
#Home-Market-Slider img.icon-slider {
width: 8px;
height: 13px;
margin: 0 auto;
}
#Home-Market-Slider img {
max-height: 444px;
object-fit: cover;
width: 100%;
height: 444px;
object-position: center;
}
.home-collection>.container>.row>.home-collection-image-section {
margin-bottom: 20px;
}
.home-collection .img-container {
padding: 16px !important;
height: 170px !important;
margin-bottom: 20px;
border-radius: 4px;
overflow: hidden;
background-position: center;
background-size: cover;
margin-bottom: 20px;
height: 255px;
padding: 50px;
border: 0;
}
.home-collection .home-collection-image-section img {
max-height: 170px;
}
.home-collection .image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.home-go-white-icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
}
.home-collection>.container>.row>.home-collection-image-section {
margin-bottom: 20px;
}
.home-collection .img-container {
padding: 16px !important;
height: 170px !important;
margin-bottom: 20px;
}
.home-collection .img-container {
border-radius: 4px;
overflow: hidden;
background-position: center;
background-size: cover;
margin-bottom: 20px;
height: 255px;
padding: 50px;
border: 0;
}
.home-collection .img-container h3 {
font-size: 24px !important;
}
.home-collection .home-collection-image-section img {
max-height: 170px;
}
.home-collection .home-collection-image-section img {
max-height: 500px;
}
.home-collection .image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.home-go-white-icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
}
.home-collection .home-collection-image-section a {
text-decoration: none !important;
}
.shop-cart .link-our-products-withoutloggin > a, .link-create-account > a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 40px;
background: transparent;
border: 0;
padding: 0;
outline: none !important;
box-shadow: none !important;
text-transform: uppercase;
margin-bottom: 1.5rem !important;
}
.shop-cart .go-icon {
margin-left: 11px;
}
.shop-cart .link-our-products-withoutloggin > a, .link-create-account > a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 40px;
background: transparent;
border: 0;
padding: 0;
outline: none !important;
box-shadow: none !important;
text-transform: uppercase;
margin-bottom: 1.5rem !important;
}
.shop-cart .go-icon {
margin-left: 11px;
}
.related-products-list-cart-preview .related-products-list-cart-preview-title .related-products-list-cart-preview-title-text {
color: #002e6d;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 5px 0;
margin: 15px 0;
}
.product-flat-design .product-title h1 {
font-size: 22px!important;
font-weight: 300;
line-height: 26px;
color: #211914;
margin-bottom: 5px;
}
.product-flat-design .product-title .merchant-txt {
font-size: 16px;
font-weight: 300;
line-height: 20px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .merchant-section .merchant-section-content {
display: flex;
flex-direction: column;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-managed-by-txt {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-txt {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .product-title h1 {
font-size: 22px;
font-weight: 300;
line-height: 26px;
color: #211914;
margin-bottom: 5px;
}
.product-flat-design .product-title .merchant-txt {
font-size: 16px;
font-weight: 300;
line-height: 20px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .merchant-section .merchant-section-content {
display: flex;
flex-direction: column;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-managed-by-txt {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-txt {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .product-rating-section .product-ratings-container-inner {
display: flex;
align-items: center;
}
.rating-box {
position: relative;
vertical-align: middle;
display: inline-block;
color: #fda000;
}
.rating-box .rating {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
overflow: hidden;
color: #fda000;
}
.product-flat-design .product-rating-section .product-ratings-container-inner .product-ratings-text a {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #006;
margin-bottom: 0;
margin-left: 5px;
}
.product-flat-design .product-pictures-responsive-view {
position: relative;
}
.product-page-tag-container {
position: absolute;
top: 0;
right: 0;
z-index: 11;
box-sizing: content-box;
height: 36px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.product-page-tag-container .tag-item.collection-tag {
flex-grow: 1;
}
.product-page-tag-container .tag-item {
text-align: center;
height: 36px;
}
.product-page-tag-container .tag-item.offer {
height: 56px;
z-index: 1000;
}
.product-page-tag-container .tag-item {
text-align: center;
height: 36px;
}
.product-flat-design .product-images .product-images-main #mainimage {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
position: relative;
}
a.fancybox, a.fancybox img {
/* cursor: zoom-in !important; */
}
.product-flat-design .product-images .product-images-main #mainimage img {
max-width: 100%;
width: auto;
height: 400px;
object-fit: contain;
object-position: center;
image-rendering: auto;
cursor: zoom-in !important;
}
#popupimg .carousel-item img {
max-width: 100%
}
a.fancybox, a.fancybox img {
/* cursor: zoom-in !important; */
}
.imgthumbnail {
margin: 0rem;
width: 0px;
}
.glide--swipeable {
/* cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab; */
cursor: pointer;
}
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.item .image {
position: relative;
padding-top: 0;
}
.product .product-images-thumnails img {
width: 75px;
height: auto;
max-width: 100%;
max-height: 75px;
object-fit: contain;
object-position: center;
}
.item .image {
position: relative;
padding-top: 0;
}
.text-center {
text-align: center !important;
}
.glide__arrows {
user-select: none;
}
.glide__arrow--left {
left: 0 !important;
}
.glide__arrow {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: white;
text-transform: uppercase;
padding: 9px 12px;
background-color: transparent;
border: 2px solid rgba(255,255,255,0.5);
border-radius: 4px;
box-shadow: 0 0.25em 0.5em 0 rgb(0 0 0 / 10%);
text-shadow: 0 0.25em 0.5em rgb(0 0 0 / 10%);
opacity: 1;
cursor: pointer;
transition: opacity 150ms ease,border 300ms ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.glide__arrows .glide__arrow i {
color: #002e6d;
}
.glide__arrow--right {
right: 0 !important;
}
.product-flat-design .product-page-price-plus-variants {
padding-top: 5px;
padding-bottom: 5px;
}
.product-flat-design .price-tag-content {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.product-flat-design .price-tag-content .price-label {
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: right;
color: #3a3a3a;
margin-bottom: 0;
min-width: 85px;
}
.product-flat-design .price-tag-content .price-tag-item .pricemain {
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #3a3a3a;
margin-bottom: 0;
margin-left: 10px;
}
.product .product-picture-information .product-share-buttons .product-promotions-featured-item-icon, .variantbox {
text-align: left;
display: inline-block;
max-width: 100%;
width: 270px;
}
.prod-price-item .product-variants .variantbox select {
background-color: transparent;
border: 0;
}
.product-flat-design .product-page-variants-item select {
font-size: 14px;
font-weight: 300;
line-height: 20px;
color: #006;
margin-bottom: 0;
margin-left: 10px;
cursor: pointer;
}
.product-flat-design .product-page-variants-item .variant-name {
display: flex;
align-items: center;
}
.product .product-picture-information .product-share-buttons .product-promotions-featured-item-icon, .variantbox {
text-align: left;
display: inline-block;
max-width: 100%;
width: 270px;
}
.product .product-picture-information .product-share-buttons .product-promotions-featured-item-icon, .variantbox {
text-align: left;
display: inline-block;
max-width: 100%;
width: 270px;
}
.product-flat-design .buttons-extra-info-section {
display: flex;
flex-direction: column;
}
.product-flat-design .quantity-buttons-group {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .quantity-buttons-group .qty-changer-container {
margin-bottom: 15px;
}
.product-flat-design .quantity-buttons-group .qty-changer {
display: flex;
align-items: center;
flex-wrap: wrap;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
.product-flat-design .quantity-buttons-group .qty-content {
display: flex;
align-items: center;
}
.product-flat-design .quantity-buttons-group .qty-changer .qty-content>a {
width: 30px;
display: block;
color: #006;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 10px;
padding-right: 10px;
}
.product-flat-design .quantity-buttons-group .qty-changer .qty-content>a i {
line-height: 3;
}
.product-flat-design .quantity-buttons-group .qty-changer #quantityinput {
padding: 5px;
font-size: 16px;
font-weight: normal;
line-height: 21px;
color: #666;
width: 48px;
height: 36px;
background-color: #FFF;
border: 1px solid #949494;
border-bottom: 1px solid #ffcd00;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
box-shadow: none !important;
outline: none !important;
text-align: center;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .btn:not(:last-child) {
margin-bottom: 15px;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .btn {
border: 1px solid #b38f00;
border-radius: 4px;
background-color: #ffcd00;
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
text-transform: uppercase;
padding: 20px;
width: 100%;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .btn {
border: 1px solid #b38f00;
border-radius: 4px;
background-color: #ffcd00;
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
text-transform: uppercase;
padding: 20px;
width: 100%;
}
.styles-button.styles-blue-button {
color: #002e6d;
border-color: #002e6d !important;
background: #e9f3ff !important;
cursor: pointer !important;
}
.product-customization-block-locked .card-header {
padding: 10px 0;
}
#TotalPercentegePerProduct{
color: #002e6d;
margin-left: 5px;
}
.btn-add-another-customization {
font-size: 12px;
}
.customization-filename {
word-break: break-word;
}
.product-flat-design .product-page-description.short-description-hidded {
max-height: 500px;
overflow: hidden;
}
.product-flat-design .product-page-description {
margin-bottom: 15px;
}
.product-flat-design .product-page-description .description-title {
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #006;
margin-top: 10px;
margin-bottom: 10px;
}
.product-flat-design .show-large-description-button {
background: transparent;
border: 0;
text-decoration: underline;
padding: 0;
margin: 0;
}
.product-flat-design .flat-shipping-info {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .flat-shipping-info .header-text {
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .any-doubt-contact {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .any-doubt-contact h4 {
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .any-doubt-contact a {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #006;
margin-bottom: 0;
}
.product-flat-design .product-share-info {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-attribute-container .product-rating-section a, .product-promotions-featured-item-icon a span, .product-promotions-featured-item-icon a {
color: #002e6d;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
}
.product-flat-design .product-share-info .product-promotions-featured-item-icon .btn-promo-prod {
width: 29px;
height: 28px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #949494;
margin-left: 5px;
padding: 0;
position: relative;
}
a.btn-update-wishlist, a.btn-share-product {
cursor: pointer;
}
.product-attribute-container .product-rating-section a, .product-promotions-featured-item-icon a span, .product-promotions-featured-item-icon a {
color: #002e6d;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
}
.product-flat-design .product-share-info .share-buttons {
display: flex;
align-items: center;
justify-content: start;
}
.product-alternatives-products {
position: relative;
}
.product-alternatives-products .product-alternatives-title {
position: relative;
z-index: 50;
}
.product-alternatives-products .product-alternatives-title h4 {
color: #002e6d;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 5px 0;
margin: 15px 0;
}
.ProductsContentList {
padding: 0 !important;
}
.ProductsContentList {
width: 100%;
}
.ProductsCarousel {
margin-bottom: 0rem !important;
position: relative;
}
.glide {
position: relative;
width: 100%;
box-sizing: border-box;
}
.slider-buttons-on-desktop {
display: none;
}
.glide__arrows {
-webkit-touch-callout: none;
user-select: none;
}
.glide--swipeable {
/* cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab; */
cursor: pointer;
}
.home-collection .home-collection-heading-title-see-more-link {
font-size: 14px;
font-weight: normal;
margin-left: 15px;
}
#Categories-Sidebar {
margin-bottom: 35px;
}
#Categories-Sidebar {
background: #fff;
margin-bottom: 20px;
}
.category-filters-mobile .category-filters-mobile-item {
border-bottom: 1px solid #cbcbcb;
padding: 16px 0;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .btn {
display: flex;
justify-content: space-between;
text-decoration: none !important;
cursor: pointer;
padding: 0;
margin: 0;
}
.title{
display: flex;
flex-direction: row;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .title {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .btn.collapsed .chevron {
transform: rotate(0);
transition: transform ease;
}
.collapse:not(.show) {
display: none;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-content {
padding-top: 24px;
}
#Categories-Sidebar #Sidebar-Subcategory-List .nav .nav-link {
padding: 0.1em 0.5em;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu.open, #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:hover, #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:focus {
background: #e5e5e5;
color: #211914;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu {
font-weight: bold;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu {
font-weight: bold;
padding: 0.1rem 0.5rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu.open a, #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:hover a, #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:focus a, #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu.open span #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:hover span #Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu:focus span {
font-weight: normal;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu a, #Categories-Sidebar #Sidebar-Subcategory-List .link-top-category a {
color: #002e6d;
padding: 0.5rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List ul li a {
font-size: 16px;
font-weight: 300;
color: #002e6d;
text-transform: capitalize;
text-decoration: none !important;
}
#Sidebar-Subcategory-List>ul>li>.nav-link>a {
font-weight: 300;
color: #002e6d !important;
padding: 0.5rem;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span {
color: #002e6d;
}
#Categories-Sidebar #Sidebar-Subcategory-List .link-with-submenu span {
float: right;
padding: 0 12px;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
#Categories-Sidebar #Sidebar-Subcategory-List>.nav>.nav-item>.submenu>ul.nav {
padding: 0rem 0.7rem;
}
.Categories-Content .top-tools {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 24px;
}
.Categories-Content .top-tools .category-order {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 40px;
margin-bottom: 10px;
}
.Categories-Content .top-tools .category-order p,
.Categories-Content .top-tools .category-order label {
display: none !important;
}
.Categories-Content .top-tools .category-order p,
.Categories-Content .top-tools .category-order label {
color: #333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin-bottom: 8px;
}
.Categories-Content .top-tools .category-order .collection p {
color: #0F2D69;
font-size: 18px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0px;
margin-left: auto;
}
.category-amount-collections {
color: #000;
font-size: 18px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-left: 15px;
position: absolute;
}
.Categories-Content .top-tools .category-order .Product-Order {
width: 23px;
padding-right: 23px;
background: url(//www.market.correos.es/static/shop/front/images/new-design-icons/filter.svg) no-repeat right transparent;
background-position-x: calc(100% - 1px);
}
.Categories-Content .top-tools .category-order .Product-Order {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
text-align-last: right;
border: 0;
padding-right: 28px;
background: url(//www.market.correos.es/static/shop/front/images/categories/chevron-down.png) no-repeat right transparent;
background-position-x: 100%;
background-repeat: no-repeat;
-webkit-appearance: none;
appearance: none;
}
.Categories-Content-Banner {
margin: 15px 0;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slides {
transition: transform 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
width: 5044px;
/* transform: translate3d(-361px, 0px, 0px); */
}
.Categories-Content-Banner {
margin: 15px 0;
}
.Categories-Content .top-tools {
margin-bottom: 14px;
align-items: center;
width: 100%;
max-width: 100%;
overflow: hidden !important;
padding-right: 15px;
}
.Categories-Content .top-tools {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 24px;
}
.Categories-Content .top-tools .category-order {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.Categories-Content .top-tools .category-order .Product-Order {
width: 23px;
padding-right: 23px;
background: url(//www.market.correos.es/static/shop/front/images/new-design-icons/filter.svg) no-repeat right transparent;
background-position-x: calc(100% - 1px);
}
.Categories-Content .top-tools .category-order .Product-Order {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
text-align-last: right;
border: 0;
appearance: none;
}
.offer-with-image-in-product {
position: absolute;
top: 5px;
right: 5px !important;
z-index: 11;
box-sizing: content-box;
display: flex;
justify-content: flex-end;
align-items: center;
}
}
#Home-Market-Slider {
z-index: 100;
}
#Home-Market-Slider img {
max-height: 444px;
object-fit: cover;
width: 100%;
height: 444px;
object-position: center;
}
@media (min-width: 1601px) {
#Home-Market-Slider img {
object-fit: cover;
height: 444px;
width: 100%;
}
}
@media (max-width: 1600px) and (min-width: 1080px) {
#Home-Market-Slider img {
object-fit: cover;
height: 444px;
width: 100%;
}
}
.Home-Market-Slider-Text {
position: absolute;
top: 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
z-index: 150;
width: 100%;
}
.Home-Market-Slider-Text .text-content {
text-align: left;
width: 75%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
/* .Home-Market-Slider-Text p a span {
color: white;
padding-left: 55px;
text-transform: uppercase;
} */
/* Home media */
@media (max-width: 991px) {
.Home-Market-Slider-Text {
position: absolute;
top: 0;
display: flex;
flex-direction: column;
justify-content:flex-start;
align-items: center;
z-index: 150;
width: 100%;
height: 100%;
}
.Home-Market-Slider-Text .text-content {
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.Home-Market-Slider-Text p {
}
.Home-Market-Slider-Text h1 {
font-size: 36px;
}
.Home-Market-Slider-Text .text-content .carousel-container-description {
font-size: 15px;
min-height: 72px;
}
.Home-Market-Slider-Text .text-content .carousel-container-link {
font-weight: bold;
letter-spacing: 0;
line-height: normal;
text-transform: uppercase;
display: flex;
justify-content: start;
align-items: center;
position: absolute;
min-height: 21px;
}
.Home-Market-Slider-Text .text-content .carousel-container-link a span {
font-size: 14px;
}
#home-page .great-creators {
background-color: #ffffff !important;
}
#home-page .section-block {
padding: 0px;
}
#home-page .categories-mazonry {
padding:0px !important;
}
#home-page .categories-mazonry .categories-mazonry-responsive-slider {
margin-top: 10px;
}
.home-collection .home-collection-heading-title .home-collection-heading-title-text-text h1{
text-align: center;
font-size:14px;
font-weight: 200;
color: #ffffff;
margin:20px 0px 0px 0px;
}
}
@media (min-width: 1200px) {
#home-page .categories-mazonry > .container {
max-width: 1141px;
padding: 0px;
}
}
/* / Home media */
/* / Slider */
.home {
background: #fff;
}
/* Slider */
.slider-img {
height:350px;
background-size: cover;
max-height: 350px;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter:brightness(0.5);
}
.home .home-slider-container {
margin: 20px 0px;
}
@media (max-width: 991px){
.slider-img{
height:300px;
}
.product-alternatives-products .product-alternatives-title h4 {
font-size: 16px !important;
}
}
/* Sidebar */
.home .home-sidebar .home-sidebar-item-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 15px 0px;
margin: 0px 15px;
border-bottom: 2px solid #fff;
}
.home .home-sidebar .home-sidebar-item-title .home-sidebar-item-title-text p {
font-size: 17px;
font-weight: bold;
color: #00457D;
margin-bottom: 0px;
}
.home .home-sidebar .home-sidebar-item-title .home-sidebar-item-title-navigation a {
font-size: 12px;
color: #5f5f5f;
text-decoration: none;
padding: 5px;
opacity: 0.6;
}
.home .home-sidebar .home-sidebar-item-title .home-sidebar-item-title-navigation a:hover,
.home .home-sidebar .home-sidebar-item-title .home-sidebar-item-title-navigation a:focus {
opacity: 1;
}
.home .home-sidebar .home-sidebar-item-content {
padding: 15px;
}
.home .home-sidebar .home-sidebar-item-content .home-sidebar-item-content-item {
padding-top: 15px;
padding-bottom: 5px;
}
.home .home-sidebar .home-sidebar-item-content .home-sidebar-item-content-item a {
text-decoration: none;
cursor: pointer;
}
.home .home-sidebar .home-sidebar-item-content .home-sidebar-item-content-item .home-sidebar-item-content-item-title h4 {
font-size: 14px;
font-weight: 500;
color: #010101;
margin-bottom: 0px;
max-height: 32px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.home .home-sidebar .home-sidebar-item-content .home-sidebar-item-content-item .home-sidebar-item-content-item-price h2 {
font-size: 20px;
font-weight: 500;
color: #e9283a;
margin-bottom: 0px;
}
.home .home-sidebar .home-sidebar-item-content .home-sidebar-item-content-item .home-sidebar-item-content-item-price span {
font-size: 11px;
font-weight: 500;
color: #010101;
margin-bottom: 0px;
text-decoration: line-through;
}
.home .home-sidebar .home-best-seller {
background: #f4f4f4;
margin: 0px 0px 20px 0px;
}
.home .home-sidebar .home-top-rate {
background: #f4f4f4;
margin: 20px 0px;
}
.home .home-sidebar .home-bottom-banner {
margin: 20px 0px;
}
/* / Sidebar */
/* Home Content */
.home .home-content .home-content-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
margin: 15px 0px;
border-bottom: 2px solid #f4f4f4;
}
.home .home-content .home-content-title .home-content-title-text h4 {
font-size: 17px;
font-weight: bold;
color: #00457D;
margin-bottom: 0px;
}
.home .home-content .home-content-title .home-content-title-navigation a {
font-size: 12px;
color: #5f5f5f;
text-decoration: none;
padding: 5px;
opacity: 0.6;
}
.home .home-content .home-content-title .home-content-title-navigation a:focus,
.home .home-content .home-content-title .home-content-title-navigation a:hover {
opacity: 1;
}
/* Featured Products */
.home .home-content .home-featured-products .home-featured-products-title .home-featured-products-title-navigation a:hover,
.home .home-content .home-featured-products .home-featured-products-title .home-featured-products-title-navigation a:focus {
opacity: 1;
}
/* / Featured Products */
/* Deals of the day */
.home .home-content .home-deals-of-the-day .home-deals-of-the-day-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.home .home-content .home-deals-of-the-day .home-deals-of-the-day-title .home-deals-of-the-day-title-text h4 {
font-size: 17px;
font-weight: bold;
color: #00457D;
margin-bottom: 0px;
}
.home .home-content .home-deals-of-the-day .home-deals-of-the-day-title .home-deals-of-the-day-title-navigation a {
font-size: 12px;
color: #5f5f5f;
text-decoration: none;
padding: 5px;
opacity: 0.6;
}
.home .home-content .home-deals-of-the-day .home-deals-of-the-day-title .home-deals-of-the-day-title-navigation a:hover,
.home .home-content .home-deals-of-the-day .home-deals-of-the-day-title .home-deals-of-the-day-title-navigation a:focus {
opacity: 1;
}
/* / Deals of the day */
/* Recomended for you */
.home .home-content .home-recomended-for-you .home-recomended-for-you-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.home .home-content .home-recomended-for-you .home-recomended-for-you-title .home-recomended-for-you-title-text h4 {
font-size: 17px;
font-weight: bold;
color: #00457D;
margin-bottom: 0px;
}
.home .home-content .home-recomended-for-you .home-recomended-for-you-title .home-recomended-for-you-title-navigation a {
font-size: 12px;
color: #5f5f5f;
text-decoration: none;
padding: 5px;
opacity: 0.6;
}
.home .home-content .home-recomended-for-you .home-recomended-for-you-title .home-recomended-for-you-title-navigation a:hover,
.home .home-content .home-recomended-for-you .home-recomended-for-you-title .home-recomended-for-you-title-navigation a:focus {
opacity: 1;
}
/* / Recomended for you */
/* Home Content */
.home .product-list-item {
border: 1px solid #c0c0c0;
}
/* / Home.css */
/* Product.css */
/* Product Styles */
.product-attribute-container {
padding: 48px 63px;
background-color: #F3F2F2;
margin-top: 32px;
margin-bottom: 65px;
position: relative;
}
@media (min-width: 992px) and (max-width:1199px) {
.product-attribute-container {
padding: 48px 35px !important;
}
}
.product-attribute-container .merchant-txt,
.product-attribute-container .merchant-txt a {
color: #333333;
font-size: 12px;
font-weight: 300;
letter-spacing: 0;
line-height: 15px;
text-transform: uppercase;
}
.product-attribute-container .merchant-txt{
margin-bottom: 0;
}
.product-attribute-container .product-title {
margin-bottom: 8px;
}
.product-attribute-container .merchant-section .row{
padding-top: 8px;
padding-bottom: 8px;
}
.product-attribute-container .merchant-section label{
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
}
.product-attribute-container .product-rating-section a,
.product-promotions-featured-item-icon a span,
.product-promotions-featured-item-icon a {
color: #002e6d;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
}
a.btn-update-wishlist,
a.btn-share-product{
cursor: pointer;
}
a.btn-update-wishlist:active,
a.btn-share-product:active,
a.btn-update-wishlist:focus,
a.btn-share-product:focus{
outline: none;
}
/* PRICE */
.product-price-section .prod-price-item:not(:first-child) {
padding-left: 20px;
}
.product-price-section .prod-price-item .pricemain{
color: #333333;
font-size: 20px;
letter-spacing: 0;
line-height: 24px;
}
/*Comprobar que afecta a cada cosa porque no se entiende*/
/* .prod-price-item .product-variants .variantbox select{
background-color: transparent;
border: none;
height: 28px;
} */
/*
.prod-price-item .product-variants .variantbox select {
border: 0;
height: 30px;
width: 115px;
}
*/
/*Comprobar que afecta a cada cosa porque no se entiende*/
.product-price-section .prod-price-item .recommendedprice{
text-decoration: line-through;
}
/* VARIANTS */
.product-price-section .prod-price-item .qty-changer-container .qty-changer label {
display: inline-block;
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin-right: 10px;
}
/* QUANTITY */
.product .product-picture-information .qty-changer > a{
display: none;
}
.product-price-section .prod-price-item .qty-changer-container .qty-changer label {
line-height: 30px !important;
margin-right:0px;
}
.product-buttons-section {
margin-top:20px;
}
.product-buttons-section .share-buttons{
margin-top:7px;
text-align: center;
}
/*Free Shiping */
.product-promotions-featured {
position: absolute;
bottom: -48px;
background: #fff;
width: 80%;
height: 88px;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
left: 10%;
}
.product-promotions-featured .bullet-icon-container {
margin: 0 auto;
}
.product-attribute-container .merchant-section .merchant-txt,
.product-attribute-container .merchant-section .merchant-txt a{
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
}
.product-attribute-container .merchant-section hr {
margin: 0;
}
.product-picture-information .breadcrumbs-container .breadcrumb-item:last-child {
display: block;
float: left;
width: 100%;
}
.product-picture-information .breadcrumbs-container .breadcrumb-item+.breadcrumb-item:last-child::before {
display:none;
}
.product {
padding-bottom: 20px;
background:#ffffff;
}
.product .product-top-bar .product-go-back-link,
.product-sellers .product-go-back-link {
padding: 15px 5px;
}
.product .product-top-bar .product-go-back-link a,
.product-sellers .product-go-back-link a {
font-size: 13px;
font-weight: 600;
color: #00457D;
}
.product .product-top-bar .product-go-back-link a:hover,
.product .product-top-bar .product-go-back-link a:focus,
.product-sellers .product-go-back-link a:hover,
.product-sellers .product-go-back-link a:focus {
text-decoration: none;
opacity: 0.6;
}
.product-top-bar .product-promotion-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding-bottom: 10px;
}
.product-top-bar .product-promotion-info .product-promotion-info-text {
padding-left: 10px;
}
.product-top-bar .product-promotion-info .product-promotion-info-text p {
margin-bottom: 0px;
font-size: 10px;
font-weight: bold;
color: #ec2434;
}
.product .product-picture-information {
margin-bottom: 20px;
}
@media (max-width: 991px) {
.product .product-picture-information .col-sm-12 {
padding-right: 0px;
padding-left: 0px;
}
}
@media (max-width: 767px) {
.body-with-sidebar > .container {
max-width: 100%;
}
body .product-buttons-section .share-buttons{
margin-top:24px;
}
.product-free-shipping {
padding-top: 24px !important;
}
.product-reviews-block a#dropdownMenuLink{
float: none;
font-size: 14px;
}
.product-reviews-block .dropdown-menu .dropdown-item{
font-size: 14px;
}
}
@media (max-width: 576px) {
body .product > .container {
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0px;
padding-left: 0px;
}
.body-with-sidebar > .container,
.body-with-sidebar > .container >.row > .col-12{
padding-right: 0px;
padding-left: 0px;
}
.product-attribute-container {
padding: 24px 0px 60px;
}
.product-page-tag-container {
position: static;
margin-top: 24px;
}
.product-promotions-featured {
}
}
.product .product-picture-information .product-images .product-images-main img {
max-width: 100%;
width: 100%;
height: 400px;
object-fit: contain;
object-position: center;
}
.product .product-images-thumnails img {
width: 75px;
height: auto;
max-width: 100%;
max-height: 75px;
object-fit: contain;
object-position: center;
}
.product .product-picture-information .product-price h2 {
font-size: 34px;
font-weight: bold;
color: #707070;
margin-bottom:0px;
}
.product .product-picture-information .product-price .price-argunment-text {
font-size: 14px;
font-weight: normal;
color: #A7A7A7;
margin-top: .5rem;
}
.product .product-picture-information .product-price .recommendedprice {
font-size: 14px;
font-weight: normal;
color: #A7A7A7;
text-decoration: line-through;
}
.product .product-picture-information .rating-box::before {
font-size:14px;
}
.product .product-picture-information .rating-box .rating {
color: #fda000;
}
.product .product-picture-information .rating-box .rating::before {
font-size:14px;
color: #fda000;
}
.product .product-picture-information .qty-changer-container {
display: flex;
align-items: center;
justify-content: center;
}
.product .product-picture-information .product-title h1 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
}
#Product-gallery-Carousel {
margin-top:1rem;
margin-left: -1.5rem;
}
.product .product-picture-information .product-description {
padding-bottom: 10px;
}
.product .product-picture-information .product-description p {
font-size: 16px;
font-weight: bold;
color: #211914;
margin-bottom: 0px;
display: block;
}
.product .product-picture-information .product-description a {
font-size: 16px;
font-weight: normal;
color: #211914;
text-decoration: underline;
}
.product .product-picture-information .product-ratings {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.product .product-picture-information .product-ratings .product-ratings-container {
padding-bottom:35px;
}
.product .product-picture-information .product-ratings .product-ratings-stars {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.product .product-picture-information .product-ratings .product-ratings-stars img {
padding-right: 1px;
}
.product .product-picture-information .product-ratings .product-ratings-text {
padding-left: 4px;
}
.product .product-picture-information .product-ratings .product-ratings-text p,
.product .product-picture-information .product-ratings .product-ratings-text a {
font-size: 13px;
font-weight: normal;
color: #211914;
margin-bottom: 0px;
}
.product .product-picture-information .product-share-buttons a {
color:#211914;
font-size:16px;
margin-left:5px;
}
.product .product-picture-information .qty-changer {
display: inline-flex;
vertical-align: middle;
}
.product .product-picture-information .qty-changer > a {
width: 30px;;
display: block;
color: #000066;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 10px;
padding-right: 10px;
}
.product .product-picture-information .qty-changer > a i {
line-height: 3;
}
.product .product-picture-information .qty-changer #quantityinput {
padding: 5px;
font-size: 16px;
font-weight: normal;
line-height: 21px;
color: #666666;
width: 48px;
height: 36px;
background-color: #FFF;
border: 1px solid #949494;
border-bottom: 1px solid #FFCD00;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
box-shadow: none !important;
outline: none !important;
text-align:center;
}
.product .product-picture-information .product-promotions-featured {
align-items: center;
display: flex;
justify-content: right;
}
.product .product-picture-information .product-promotions-featured .product-promotions-featured-item {
align-items: center;
padding: 5px 0px;
}
.product .product-picture-information .product-promotions-featured .product-promotions-featured-item .product-promotions-featured-item-text {
font-size: 17px;
font-weight: normal;
color: #211914;
padding-left: 0px;
display: inline-block;
}
.product .product-picture-information .product-promotions-featured .product-promotions-featured-item-text .product-promotions-text-align {
display:inline-block;
}
.product .product-picture-information .product-promotions-featured .product-promotions-featured-item-text p {
margin-bottom:0px;
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 1em;
}
.product .product-picture-information .product-promotions-featured .product-promotions-featured-item-text p span{
margin-bottom:0px;
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 1em;
}
.product .product-picture-information .send-by-correos {
margin: 0;
line-height: 1.1em;
color: #333333;
font-size: 15px;
}
.product .product-picture-information .product-promotions-featured .product-promotions-featured-item-text .send-by-correos {
color: #183E6F;
font-size:15px;
}
.product .product-picture-information .product-variants .product-variants-title {
padding-bottom: 10px;
}
.product .product-picture-information .product-variants .product-variants-title p {
font-size: 10px;
font-weight: 600;
color: #444444;
margin-bottom: 0px;
}
.product .product-picture-information .product-variants .product-variants-type {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding-bottom: 15px;
}
.product .product-picture-information .product-variants .product-variants-type .product-variants-type-item {
padding: 0px 5px;
}
.product .product-picture-information .product-variants .product-variants-type .product-variants-type-item a {
border-radius: 0px;
border-color: #00457D;
color: #00457D;
background: transparent;
opacity: 0.6;
}
.product .product-picture-information .product-variants .product-variants-type .product-variants-type-item a:hover,
.product .product-picture-information .product-variants .product-variants-type .product-variants-type-item a:focus {
opacity: 1;
background: #00457D;
color: #fff;
}
.product .product-picture-information .product-variants .product-variants-type .product-variants-type-item a.active {
opacity: 1;
}
.product .product-picture-information .product-sellers .product-sellers-title {
padding-bottom: 10px;
}
.product .product-picture-information .product-sellers .product-sellers-title p {
font-size: 10px;
font-weight: 600;
color: #444444;
margin-bottom: 0px;
}
.product .product-picture-information .product-sellers .product-sellers-list {
padding-bottom: 30px;
}
.product .product-picture-information .product-sellers .product-sellers-list #product-sellers-list-dropdown {
background: transparent;
border-color: #c0c0c0;
box-shadow: none;
color: #00457D;
line-height: 1;
padding: .25rem 1.5rem;
border-radius: 0px;
min-width: 200px;
}
.product .product-picture-information .product-sellers .product-sellers-list #product-sellers-list-dropdown:after {
vertical-align: middle !important;
}
.product .product-picture-information .product-sellers .product-sellers-list .product-sellers-list-price {
font-size: 10px;
font-weight: 600;
color: #ec2434;
}
.product .product-picture-information .product-sellers .product-sellers-list .product-sellers-list-seller {
font-size: 10px;
font-weight: 600;
color: #444444;
}
.product .product-picture-information .product-sellers .product-sellers-list .product-sellers-list-seller-link {
font-size: 10px;
font-weight: 600;
color: #444444;
text-decoration: underline;
}
.product .product-picture-information .product-sellers .product-sellers-list .product-sellers-list-menu {
margin-top: 0px;
min-width: 200px;
border-radius: 0px;
text-align: center;
}
.product .product-picture-information .product-sellers .product-sellers-list .product-sellers-list-menu .dropdown-item.active {
background: #f5f5f5;
}
.product .product-picture-information .product-sellers .product-sellers-list .product-sellers-list-see-more {
font-size: 10px;
font-weight: bold;
color: #00457D;
text-decoration: underline;
}
.product .product-picture-information .product-stock p {
font-size: 16px;
font-weight: 400;
color: #211914;
text-transform: uppercase;
margin-top:6px;
}
.product .product-picture-information .product-buy-buttons .product-add-to-cart-button .btn {
border: 1px solid #B38F00;
border-radius: 4px;
background-color: #FFCD00;
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
text-transform: uppercase;
padding: 20px;
width:100%;
}
.product .product-picture-information .product-buy-buttons .product-add-to-cart-button .btn:hover {
border: 1px solid #B38F00;
border-radius: 4px;
background-color: #DBB000;
}
.product .product-picture-information .product-buy-buttons .product-add-to-cart-button .unavaliable {
color: #002e6d !important;
background-color: #DBDBDB !important;
border-color: #333333;
cursor: default !important;
opacity: 1 !important;
}
.product .product-picture-information .product-buy-buttons .product-buy-now-button a {
padding: 0.75rem 2rem;
}
.product .product-picture-information .product-buy-buttons a {
box-shadow: none !important;
color: #00457D;
background-color: transparent;
background-image: none;
border-color: #00457D;
padding: 0.75rem 2rem;
min-width: 200px;
}
.product .product-picture-information .product-buy-buttons a:hover,
.product .product-picture-information .product-buy-buttons a:focus,
.product .product-picture-information .product-buy-buttons a:active {
color: #fff;
background-color: #00457D;
border-color: #00457D;
}
.product .product-related {
margin-top: 40px;
}
.product .product-related .product-related-title {
text-align: center;
margin-bottom: 40px;
}
.product .product-related .product-related-title p {
font-size: 19px;
font-weight: bold;
color: #444444;
margin-bottom: 0px;
}
.product .product-tabs {
margin-top: 40px;
margin-bottom: 45px;
}
.product .product-tabs .description-title {
color: #333333;
font-size: 28px;
font-weight: 300;
}
.product .product-tabs .Product-Description #Product-Details-Content {
color: #333333;
font-weight: 300;
}
.product .product-tabs .Product-Description #Product-Details-Content p {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
}
.product .product-tabs .Product-Tabs-Content {
background: #fff;
padding: 1rem;
}
.product #Product-Alternative-Content {
background: #ffffff;
padding: 5px 17px;
}
.product #Product-Alternative-Content .row:last-child .product-list-item {
margin-bottom: 0px;
}
.product .product-tabs .Product-Related-Content {
margin:40px 0px;
}
.product .product-tabs .Product-Related-Content h3 {
font-size:34px;
color:#707070;
font-weight:bold;
}
#Product-Information-Content .ProductsContentList .button-container{
display: block;
}
/* / Product.css */
/* Product-sellers.css */
/* Product Sellers Styles */
/* Breadcrumbs */
.product-sellers .product-sellers-breadcrumbs .breadcrumb {
background: transparent;
border-radius: 0px;
margin-bottom: 0px;
padding: 0.75rem 0rem;
}
.product-sellers .product-sellers-breadcrumbs .breadcrumb .breadcrumb-item {
font-size: 12px;
font-weight: 500;
color: #0a3acb;
}
.product-sellers .product-sellers-breadcrumbs .breadcrumb .breadcrumb-item.active {
font-size: 12px;
font-weight: bold;
color: #0a3acb;
}
.product-sellers .product-sellers-breadcrumbs .breadcrumb>li+li:before {content: "\003E\00a0" !important; font-weight: normal;color: #00457D;}
/* / Breadcrumbs */
/* Product info */
.product-sellers .product-sellers-product-info .product-sellers-product-info-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: start;
}
.product-sellers .product-sellers-product-info .product-image {
margin-bottom: 40px;
}
.product-sellers .product-sellers-product-info .product-image img {
width: 280px;
height: 240px;
object-fit: contain;
}
/*Comprobar porque hay dos ¿?*/
.variantbox select {
border-radius: 0;
border: 1px solid #707070;
background-color: #ffffff;
outline: none !important;
}
.variantbox select {
outline: none !important;
background-color: white;
padding: 0 0.9em 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../images/new-design-icons/newicondrop.svg) no-repeat right transparent;
background-position-x: calc(100% - 2px);
}
/*Comprobar porque hay dos ¿?*/
.product-variant-title select.form-select{
outline: none !important;
background-color: white;
padding: 0 4em 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../images/new-design-icons/newicondrop.svg) no-repeat right transparent;
background-position-x: calc(100% - 0px);
background-size: contain;
}
.select#mySelect {
padding: 0 2.9000000000000004em 0 0 !important;
}
#mySelect option:hover {
background-color: gray;
padding-left: 5px;
}
@media (max-width: 991px) {
.product-buttons-section .col-12,
.merchant-section .col-9 {
padding-right: 0px;
padding-left: 0px;
}
.product-sellers .product-sellers-product-info .product-image img {
width: 180px;
height: 140px;
}
.product .product-picture-information .product-description {
text-align:center;
}
.product .product-picture-information .product-description .responsive-align {
display: inline-block;
text-align: left;
}
.product .product-picture-information .product-price {
margin:10px 0px;
}
.product .product-picture-information .product-ratings {
text-align:center;
display:block;
}
.product .product-picture-information .product-share-buttons {
text-align:center;
margin:15px 0px;
}
.product .product-picture-information .product-variants {
text-align:center;
display:block;
}
.product .product-picture-information .product-share-buttons .product-promotions-featured-item-icon,
.variantbox {
text-align: left;
display:inline-block;
max-width:100%;
width: 270px;
}
.product .product-picture-information .qty-changer {
display:flex;
justify-content:center;
}
.product .product-picture-information .product-images .product-images-main .product-title {
margin-bottom: 10px;
}
.product .product-picture-information .product-images-thumnails {
margin: 10px 0px 50px 0px;
}
.product .product-picture-information .product-images .product-images-main img {
height: 250px;
}
.product .product-picture-information .product-promotions-featured {
text-align:center !important;
}
.product .product-picture-information .product-promotions-featured .product-shipping-container .product-promotions-featured-item-icon {
top:auto;
}
.product .product-picture-information .product-promotions-featured .product-shipping-container i {
margin: 10px 10px;
}
.product .Product-Reviews-Content #Reviews-Carousel .item {
/*width: 320px;*/
max-width: 100%;
}
.MerchantList .item .image .merchant-img {
width: 200px !important;
height: 200px !important;
}
.MerchantList .item .merchant .text {
width:100% !important;
}
.MerchantList .item .merchant, .MerchantList .item .description {
margin-left:0px;
}
/* Product page */
.product .product-picture-information .product-title h1 {
margin-bottom:0px;
}
.product .product-picture-information .product-ratings .product-ratings-container {
padding-bottom:0px;
}
.product .product-picture-information .product-ratings .product-ratings-container .product-ratings-container-inner {
display: inline-block;
text-align: left;
width: 270px;
}
.product .product-picture-information .product-ratings .product-ratings-container .product-ratings-text {
display:inline-block;
}
.product .product-picture-information .product-description p {
width: 270px;
max-width:100%;
}
/* / Product page */
}
.navbar-expand-md .navbar-nav .nav-link label {
display: block;
text-align: right;
font-size: 14px;
margin-bottom: 0px;
}
.Categories-Product-Filters .Product-Order-Block #Product-Order {
width: 268px;
padding: 5px 0;
font-size: 18px;
line-height: 1;
border: 0;
border-radius: 5px;
height: 34px;
background: url(../images/categories/chevron-down.png) no-repeat right transparent;
-webkit-appearance: none;
background-position-x: 235px;
font-weight: 300;
}
@media (max-width: 767px) {
.product-sellers .product-sellers-product-info .product-image img {
width: 100%;
height: 250px;
}
.product-sellers .product-sellers-product-info .product-sellers-product-info-content {
flex-direction: column;
}
.product-sellers .product-sellers-product-info .product-information {
padding-left: 0px !important;
}
.product-sellers .product-sellers-product-info .product-image,
.product-sellers .product-sellers-product-info .product-variants {
margin-bottom: 25px;
}
#make-yourself-merchant.common-content-styles .features-background {
padding: 5rem 4rem;
}
.common-content-styles .how-are-the-requirements .text {
margin-bottom: 0rem;
}
.common-content-styles .title h1, .common-content-styles .title h4 {
font-size: 30px;
}
.merchant-page .merchant-container .merchant-title-content .merchant-info {
padding: 0px 5rem;
}
.product .product-picture-information .product-description p {
width:250px;
max-width:100%;
}
.product .product-picture-information .product-share-buttons .product-promotions-featured-item-icon,
.variantbox {
width:250px;
max-width:100%;
}
.product .product-picture-information .product-ratings .product-ratings-container .product-ratings-container-inner {
width: 250px;
}
.MerchantList .item .image .icon {
right:15% !important;
}
.merchant-page .merchant-container .merchant-title-content .merchant-title h1 {
font-size:40px !important;
text-align:center;
}
.merchant-page .merchant-container .merchant-title-content .merchant-title h2 {
font-size:1.5rem;
text-align:center;
margin-bottom: 1.5rem;
}
.merchant-page .merchant-container .merchant-title-content .justify-content-end {
justify-content: center !important;
}
.merchant-page .merchant-container .merchant-title-content .merchant-info {
padding: 0px 0rem;
}
.merchant-page .merchant-container .merchant-title-content .product-ratings {
align-self: start;
}
}
@media (max-width: 550px) {
.MerchantList .item .image .icon {
right:10% !important;
}
.MerchantList .item .image .icon img {
margin-right:0 !important
}
.Home-Market-Slider-Text h1 {
font-size: 36px;
}
.Home-Market-Slider-Text .text-content .carousel-container-title {
font-size:30px;
font-weight: 900;
}
}
@media (max-width: 450px) {
#make-yourself-merchant.common-content-styles .features-background {
background-size: contain;
}
.Categories-Product-Filters .navbar .navbar-nav {
width:100%;
display:flex;
align-items:center;
}
.merchant-page .merchant-container .merchant-title-content .merchant-title h1 {
font-size:32px !important;
}
.merchant-page .merchant-container .merchant-title-content .merchant-title h2 {
font-size:1.3rem;
}
.merchant-page .merchant-container .merchant-title-content .merchant-slogan h4 {
font-size: 24px !important;
}
.merchant-page .merchant-container .merchant-title-content .merchant-slogan img {
width: 38px !important;
height: 28px !important;
}
.rating-box {
position: relative;
vertical-align: middle;
display: inline-block;
color: #fda000;
margin-right: 8px;
}
}
@media (max-width:400px) {
.MerchantList .item .image .icon {
right:0 !important;
}
}
@media (max-width: 360px) {
body .merchant-page .merchant-container .merchant-title-content .merchant-info .row .responsive-align {
padding: 0px !important;
}
}
.product-sellers .product-sellers-product-info .product-information {
padding-left: 40px;
}
.product-sellers .product-sellers-product-info .product-title h4 {
font-size: 20px;
font-weight: 600;
color: #00457D;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-title p {
font-size: 10px;
font-weight: bold;
color: #00457D;
margin-bottom: 5px;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding-bottom: 15px;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options .product-variants-item-options-item {
padding: 0px 5px;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options .product-variants-item-options-item:first-child {
padding: 0px 5px 0px 0px;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options .product-variants-item-options-item a {
border-radius: 0px;
border-color: #00457D;
color: #00457D;
background: transparent;
opacity: 0.6;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options .product-variants-item-options-item a:hover,
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options .product-variants-item-options-item a:focus {
opacity: 1;
background: #00457D;
color: #fff;
}
.product-sellers .product-sellers-product-info .product-variants .product-variants-item-options .product-variants-item-options-item a.active {
opacity: 1;
}
/* / Product info */
/* Sellers List */
.product-sellers .product-sellers-sellers-list {
background: #fff;
padding: 40px 0px;
}
.product-sellers .product-sellers-sellers-list .product-sellers-sellers-list-top {
padding-bottom: 40px;
}
.product-sellers .product-sellers-sellers-list .product-sellers-sellers-list-top-title p {
font-size: 21px;
font-weight: bold;
color: #00457D;
margin-bottom: 0px;
}
.product-sellers .product-sellers-sellers-list #Seller-Order {
font-size: 11px;
font-weight: 600;
color: #00457D;
border: 1px solid #00457D;
padding: .5rem;
}
/* Tables */
.product-sellers .product-sellers-sellers-list-table thead th {
border-top: 0px !important;
border-bottom: 3px solid #e4e9f9;
border-color: #e4e9f9;
font-size: 14px;
font-weight: bold;
color: #474747;
}
.product-sellers .product-sellers-sellers-list-table table.table {
min-width: 690px;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-price {
font-size: 27px;
font-weight: 600;
color: #e9283a;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-delivery {
font-size: 10px;
font-weight: 500;
color: #474747;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-delivery a {
font-size: 10px;
font-weight: 500;
color: #0a3acb;
text-decoration: underline;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-seller-info .sellers-list-table-seller-info-top {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-seller-info .sellers-list-table-seller-info-top .sellers-list-table-seller-info-name h4 {
font-size: 12px;
font-weight: bold;
color: #00457D;
margin-bottom: 0px;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-seller-info .sellers-list-table-seller-info-top .sellers-list-table-seller-info-ratings {
padding-left: 10px;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-seller-info .sellers-list-table-seller-info-bottom p {
font-size: 10px;
font-weight: 500;
color: #444444;
margin-bottom: 0px;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-options .btn {
background: transparent;
font-size: 11px;
font-weight: bold;
color: #093acc;
border-radius: 0px;
border-color: #093acc;
}
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-options .btn:hover,
.product-sellers .product-sellers-sellers-list-table .sellers-list-table-options .btn:focus {
background: #093acc;
border-color: #093acc;
color: #fff;
}
.product-sellers-sellers-list-top-title .sellers-filter {
margin-left:30px;
display: inline-block;
}
.product-sellers-sellers-list-top-title .offers-sellers label {
color:#00457D;
}
table.merchant-condition-table td,
table.merchant-condition-table th {
padding: .3rem;
border:none;
}
table.merchant-condition-table td p,
table.merchant-condition-table th p{
font-size: 10px;
}
/* / Tables */
.offers-sellers {}
.offers-sellers span{
font-size: 21px;
font-weight: bold;
color: #00457D;
}
/* SELECT DROPDOWN */
.select-dropdown {}
.select-dropdown .btn{
color: #00457D;
background-color: transparent;
border-color: #00457D;
}
.select-dropdown.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #00457D;
border-color: #fff;
}
.select-dropdown .dropdown-toggle::after {
display: none;
}
.select-dropdown .dropdown-menu > li > a{
color: #00457D;
}
/* /SELECT DROPDOWN */
/* / Sellers List */
/* Pagination */
.product-sellers .product-sellers-table-pagination {
padding: 20px 0px;
}
.product-sellers .product-sellers-table-pagination .category-pagination-container {
margin: 0px;
}
/* / Pagination */
/* Recently Viewed */
.product-sellers .product-sellers-recently-viewed {
padding: 20px 0px 40px 0px;
}
.product-sellers .product-sellers-recently-viewed .product-sellers-recently-viewed-title {
padding-bottom: 40px;
text-align: center;
}
.product-sellers .product-sellers-recently-viewed .product-sellers-recently-viewed-title h4 {
font-size: 18px;
font-weight: bold;
color: #010101;
margin-bottom: 0px;
}
/* / Recently Viewed */
/* / Product-sellers.css */
/* Collection.css */
/* Collection Styles */
.collection {}
/* Breadcrumb */
.collection .collection-breadcrumbs .breadcrumb {
background: #fff;
border-radius: 0px;
margin-bottom: 0px;
padding: 0.75rem 0rem;
}
.collection .collection-breadcrumbs .breadcrumb .breadcrumb-item {
font-size: 12px;
font-weight: 500;
color: #0a3acb;
}
.collection .collection-breadcrumbs .breadcrumb .breadcrumb-item.active {
font-size: 12px;
font-weight: bold;
color: #0a3acb;
}
.collection .collection-breadcrumbs .breadcrumb>li+li:before {content: "\003E\00a0" !important; font-weight: normal;color: #00457D;}
/* / Breadcrumb */
/* Collection Header */
.collection .collection-header {
background: #fff;
}
.collection .collection-header .collection-title h1 {
font-size: 25px;
font-weight: bold;
color: #707070;
margin-bottom: 20px;
}
.collection .collection-header .collection-title h4 {
font-size: 25px;
font-weight: bold;
color: #707070;
margin-bottom: 20px;
}
.collection .collection-header .collection-description {
margin-bottom: 20px;
}
.collection .collection-header .collection-description img {
max-width: 100%;
height: auto;
}
.collection .collection-header .collection-filters {
margin-bottom: 20px;
}
.collection .collection-header #collection-filters-accordion {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
/* / Collection Header */
.collection .collection-items {}
/* / Collection.css */
/* Static-Page.css */
/* Static Page Styles */
.static-page {
background: #fff;
padding-bottom: 2rem;
}
/* Breadcrumb */
.static-page .static-page-breadcrumbs .breadcrumb {
background: #fff;
border-radius: 0px;
margin-bottom: 0px;
padding: 0.75rem 0rem;
}
.static-page .static-page-breadcrumbs .breadcrumb .breadcrumb-item {
font-size: 12px;
font-weight: 500;
color: #0a3acb;
}
.static-page .static-page-breadcrumbs .breadcrumb .breadcrumb-item.active {
font-size: 12px;
font-weight: bold;
color: #0a3acb;
}
.static-page .static-page-breadcrumbs .breadcrumb>li+li:before {content: "\003E\00a0" !important; font-weight: normal;color: #00457D;}
/* / Breadcrumb */
/* Title */
.static-page .static-page-title {}
.static-page .static-page-title h4 {
font-size: 40px;
font-weight: bold;
color: #0a3acb;
margin-bottom: 20px;
}
/* / Title */
/* / Static-Page.css */
/* Ratings.css */
.rating-box {
position: relative;
vertical-align: middle;
display: inline-block;
color: #fda000;
}
.rating-box::before {
font-family: 'Font Awesome 5 Free';
content: "\f005 \f005 \f005 \f005 \f005";
font-weight: 400;
color: lightgray;
font-size: 14px;
}
.rating-box .rating {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
overflow: hidden;
color: #fda000;
}
.rating-box .rating::before {
font-family: 'Font Awesome 5 Free';
content: "\f005 \f005 \f005 \f005 \f005";
font-weight: 900;
font-size: 14px;
color: #fda000;
}
/* / Ratings.css */
/* Request-Demo */
.request-demo-form {
max-width: 75%;
margin: auto;
padding: 45px 0px;
}
.request-demo-form h4 {
font-size: 24px;
font-weight: bold;
color: #00457D;
margin-bottom: 15px;
}
.request-demo-form button[type="submit"] {
background: #00457D;
border-color: #00457D;
color: #ffffff;
}
.request-demo-form button[type="submit"]:hover,
.request-demo-form button[type="submit"]:focus {
background: #ffffff;
border-color: #00457D;
color: #00457D;
font-size: bold;
}
/* / Request-Demo */
/* Request-Demo For Merchants */
.request-demo-for-merchants-form {
max-width: 75%;
margin: auto;
padding: 45px 0px;
}
.request-demo-for-merchants-form h4 {
font-size: 24px;
font-weight: bold;
color: #00457D;
margin-bottom: 15px;
}
.request-demo-for-merchants-form button[type="submit"] {
background: #00457D;
border-color: #00457D;
color: #ffffff;
}
.request-demo-for-merchants-form button[type="submit"]:hover,
.request-demo-for-merchants-form button[type="submit"]:focus {
background: #ffffff;
border-color: #00457D;
color: #00457D;
font-size: bold;
}
/* / Request-Demo For Merchants */
/* Static Pages common */
.static-page-content {
padding: 20px;
}
.static-page-content a {
/*display: block;*/
}
@media (max-width: 991px) {
.static-page-content {
padding: 20px;
word-break: break-word;
}
}
/* / Static Pages common */
/* Collection Filters */
.collection-filters .dropdown:not(:last-child) {
margin-right: .5rem;
}
.collection-filters .dropdown .dropdown-toggle {
background: #fff;
border: 1px solid #00457D;
border-radius: 4px;
color: #00457D;
box-shadow: none !important;
}
.collection-filters .dropdown .dropdown-toggle:hover,
.collection-filters .dropdown .dropdown-toggle:focus {
background: #00457D;
color: #fff;
}
.collection-filters .dropdown .dropdown-menu {
border-color: #00457D;
}
.collection-filters .dropdown .dropdown-menu .dropdown-item {
background: #ffffff;
color: #00457D;
}
.collection-filters .dropdown .dropdown-menu .dropdown-item:hover,
.collection-filters .dropdown .dropdown-menu .dropdown-item:focus {
background: #00457D;
color: #fff;
}
/* / Collection Filters */
/* .IO Document CSS */
.document {
display: block;
}
.document h1,
.document h2,
.document h3,
.document h4,
.document h5 {
text-align: left;
}
.document__header {
margin-bottom: 45px;
}
.document__sub_header {
margin-bottom: 30px;
}
.document p {
margin-bottom: 45px;
}
.document p.section {
text-decoration: underline;
font-weight: 500;
margin-bottom: 15px;
}
.document a {
display: inline;
margin-left: 5px;
font-family: futura-pt, sans-serif;
color: #6d7082;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: .2px;
}
.document section>ol>li {
text-decoration: underline;
margin: 30px 0 15px;
}
.document ul :last-child {
margin-bottom: 5px;
}
.document ol>ol,
.document ol>ul,
.document ul>ol,
.document ul>ul {
font-weight: 400;
}
@media (min-width:1100px) {
.document a {
font-size: 18px;
line-height: 26px;
letter-spacing: .2px;
}
}
@media (max-width:1099px) {
.document {
margin-top: 100px;
}
.document h1,
.document h2 {
text-align: left;
}
}
/* / .IO Document CSS */
/* Carousel for products */
.ProductsCarousel {
margin-bottom: 2rem;
position: relative;
}
.ProductsCarousel .carousel-inner {
position: static !important;
margin: auto;
width: calc(100% - 64px);
overflow: visible;
}
.ProductsCarousel .carousel-control-next,
.ProductsCarousel .carousel-control-prev {
width: 2rem;
}
.ProductsCarousel .carousel-control-next-icon {
background-image: url(../images/new-design-icons/carousel-arrow-right.svg);
}
.ProductsCarousel .carousel-control-prev-icon {
background-image: url(../images/new-design-icons/carousel-arrow-left.svg);
}
@media (min-width: 992px) {
.ProductsCarousel .carousel-item-next,
.ProductsCarousel .carousel-item-prev,
.ProductsCarousel .carousel-item.active {
display: flex;
}
.ProductsCarousel .carousel-inner .carousel-item-right.active,
.ProductsCarousel .carousel-inner .carousel-item-next {
transform: translateX(0);
}
.ProductsCarousel .carousel-inner .carousel-item-left.active,
.ProductsCarousel .carousel-inner .carousel-item-prev {
transform: translateX(-33.33%);
display: none;
}
.ProductsCarousel .carousel-inner .carousel-item-right,
.ProductsCarousel .carousel-inner .carousel-item-left{
transform: translateX(0);
}
}
.ProductsContentList {
width: 100%;
}
/* items design */
.ProductsCarouselTitle .title {
margin: 2rem 0rem;
}
.ProductsCarouselTitle .title h4 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
}
.ProductsContentList .item .image img {
width: 100%;
max-width: 100%;
height: 136px;
max-height: 100%;
object-fit: contain;
object-position: center;
}
.ProductsContentList .collections .item .image img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
object-position: center;
height: 338px;
flex-shrink: 0;
background: url(''), lightgray 50% / cover no-repeat;
border-radius: 10px;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
}
.collections {
height: 250px;
padding-bottom: 15px;
padding-top: 15px;
}
.collections:hover {
background-color: none;
border-radius: 0px;
height: 250px;
}
.ProductsContentList .collections .item .image .card-text {
color: #FFF;
text-align: center;
font-size: 28px;
font-family: Cartero;
font-style: normal;
font-weight: 300;
top: 80px;
line-height: normal;
position: absolute;
margin: 0px 24px 0px 24px;
right: 0;
left: 0;
}
.card-text {
width: auto;
overflow: hidden;
}
.collect-title {
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ProductsContentList .collections .item .image p {
color: #FFF;
text-align: center;
font-size: 20px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
/* top: 0; */
position: absolute;
left: 0;
right: 0;
bottom: 20px;
padding-bottom: 10px;
}
.ProductsContentList .collections .item .image img.home-go-white-icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
background-color: rgba(0,0,0,0);
filter: brightness(1);
}
.recommendedprice-category, .originalprice-category {
color: #757575;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 24px;
text-decoration: line-through;
margin-right: 12px;
white-space: nowrap;
}
.price-argunment-text {
font-size: 14px;
font-weight: normal;
color: #A7A7A7;
}
@media (max-width: 768px) {
.ProductsContentList .item .image img {
height: 112px;
}
.ProductsContentList .collections .item .image img {
height: 250px;
}
}
@media (max-width: 425px) {
.ProductsContentList .item .price p, .recommendedprice-category {
font-size:16px !important;
}
}
@media (max-width: 991px) {
.productCarouselResponsive .item .image img {
width: 100%;
max-width: 100%;
height: 170px;
max-height: 100%;
object-fit: contain;
object-position: center;
margin: 10px 0px;
}
.productCarouselResponsive .item .name {
display: flex;
justify-content: center;
align-items: center;
height: 60px;
margin-bottom: .325rem;
}
.productCarouselResponsive .item .name a {
color: #211914;
}
.productCarouselResponsive .item .name .name-text {
max-height: 40px;
font-size: 16px;
font-weight: bold;
color: #211914;
line-height: 1.2;
margin-bottom: 0px;
white-space: normal !important;
overflow: hidden;
vertical-align: middle;
}
.productCarouselResponsive .item .name .name-text span {
white-space: normal !important;
overflow: hidden;
}
.productCarouselResponsive .item .name .know-more {
font-size: 20px;
font-weight: normal;
color: #211914;
margin-bottom: 0px;
}
.productCarouselResponsive .item .price-argument {
margin-bottom: .325rem;
}
}
.ProductThumbnail .item .image img {
width: 100%;
max-width: 100%;
height: 100px;
max-height: 100%;
object-fit: contain;
object-position: center;
}
.MerchantList .item .image .merchant-img {
object-fit: cover;
border-radius: 50%;
}
.ProductsContentList .item .name {
margin: 1rem 0rem;
text-align: left;
vertical-align: middle;
position: relative;
}
.ProductsContentList .item .name h4,
.ProductsContentList .item .name a {
font-size: 13px;
font-weight: 300;
color: #211914;
margin-bottom: 0px;
}
.ProductsContentList .item .name .name-text {
font-size: 13px;
font-weight: 300;
color: #002e6d;
vertical-align: middle;
text-align: center;
}
.ProductsContentList .item .name .name-text .text {
max-width: fit-content;
white-space: pre-wrap;
}
.product-alternatives-products-list .ProductsContentList .item .name .name-text .text {
max-width: fit-content;
white-space: pre-wrap;
overflow: hidden;
}
.product-alternatives-products-list .ProductsContentList .item .name .name-text .text {
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
text-overflow: "......";
}
.ProductsContentList .item .name .know-more {
font-size: 12px;
font-weight: normal;
color: #211914;
margin-bottom: 0px;
}
/* Go shopping responsive styles */
.productCarouselResponsive .name {
flex-direction: column;
}
.productCarouselResponsive .name .name-text a {
font-size: 16px;
font-weight: bold;
color: #211914;
line-height: 1.2;
margin-bottom: 0px;
white-space: normal;
display:flex;
overflow: hidden;
vertical-align: middle;
}
.productCarouselResponsive .price p {
font-size: 25px;
font-weight: bold;
color: #707070;
margin-right: 0px;
}
.productCarouselResponsive .button .simple-button {
border-radius: 0px;
border-color: #211914;
background: #211914;
color: #FFFFFF;
font-size: 19px;
font-weight: normal;
box-shadow: none !important;
outline: none !important;
padding: 8px 25px;
}
.productCarouselResponsive .button .simple-button:hover,
.productCarouselResponsive .button .simple-button:focus,
.productCarouselResponsive .button .simple-button:active {
border-color: #211914 !important;
background: transparent !important;
color: #211914 !important;
}
@media (max-width: 767px) {
.productCarouselResponsive .button .simple-button {
padding: .375rem .75rem;
font-size: 16px;
}
}
/* Go shopping responsive styles */
body .MerchantList > .row > .d-block.col-12.col-lg-4.mb-4 {
margin-bottom: 3.5rem !important;
}
.MerchantList h1 {
font-size:34px;
color:#707070;
}
.MerchantList h2 {
font-size:19px;
color:#211914;
margin-bottom:2.5rem;
}
.MerchantList .item .merchant {
padding: 1rem 1.5rem 0.2rem;
}
.MerchantList .item .merchant .text {
text-align: left;
margin: 0 auto;
width: 100% !important;
/*
* Causes issues with content too large.
width: -moz-fit-content;
width: -webkit-fit-content;
*/
}
.MerchantList .item .image .icon {
margin: 0 0.8rem;
position: absolute;
right: 0;
}
.MerchantList .item .image .icon img {
max-width:100%;
margin-top:-60px;
margin-right: 1.5rem;
width: 50px;
height: 50px;
object-fit: contain;
}
.MerchantList .item .merchant h4 {
font-size: 27px;
font-weight: bold;
color: #211914;
text-align:center;
}
.MerchantList .item .merchant p {
font-size: 16px;
font-weight: bold;
color: #707070;
text-align:center;
}
.MerchantList .item .description p {
font-size: 16px;
font-weight: normal;
color: #211914;
}
.MerchantList .item .description {
margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 35px;
vertical-align: middle;
text-align:center;
padding:0 1.5rem;
max-width: 250px;
margin: auto;
}
.MerchantList .item .merchant p,
.MerchantList .item .description p {
margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 30px;
vertical-align: middle;
}
.MerchantList .item .see-more p {
font-size: 16px;
font-weight: normal;
color: #211914;
text-decoration: underline;
}
.MerchantList .item a:hover .see-more p {
text-decoration: underline;
}
.ProductsContentList .item .price-block {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: .4rem;
margin-top: 10px;
}
@media (max-width: 991px) {
.ProductsContentList {
padding: 0 !important;
}
.home-collection .products {
padding-right: 0px;
padding-left: 0px;
}
.home-collection .img-container,
.ProductsContentList .item {
margin-bottom: 50px;
}
.ProductsContentList .item .name .name-text {
font-size:13px;
overflow: hidden;
}
.item .body-item-container {
padding: 10px 0px !important;
}
}
.ProductsContentList .item .price p {
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
margin: 0;
font-weight: bold;
white-space: nowrap;
}
.ProductsContentList .item .price {
display: flex;
flex-direction: column;
justify-content: center;
}
.ProductsContentList .item .price-argument {
min-height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.button-container .button {
text-align: center;
}
.ProductsContentList .button-container {
display:none;
}
@media (min-width: 992px) {
.ProductsContentList .item:hover {
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
border: 1px solid #F3F2F2;
z-index: 99;
height: 271px;
}
.ProductsContentList .item.colect:hover {
box-shadow: none !important;
border: none !important;
z-index: 0 !important;
}
.ProductsContentList .item:hover .button-container {
display: block !important;
position: absolute;
width: 100%;
left: 0;
padding: 5px 0px;
background: #fff;
box-shadow: 0 -6px 0 #fff, 0 1px 6px rgba(0,0,0, .1);
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
top: 246px;
}
.list-opened .ProductsContentList .item {
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
border: 1px solid #F3F2F2;
z-index: 99;
margin-bottom: 20px;
}
.list-opened .ProductsContentList .item .button-container {
display: block !important;
position: static;
width: 100%;
left: auto;
bottom: auto;
background: #fff;
box-shadow: none;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
height: auto;
padding-top: 10px;
}
.list-opened .ProductsContentList .item .button-container .simple-button {
width: 100%;
}
}
.ProductsContentList .item {
position: relative;
border-radius: 16px;
margin-bottom: 25px;
border: 1px solid transparent;
}
.ProductsContentList .item.colect{
border: 0px solid transparent;
position: relative;
border-radius: 0px !important;
margin-bottom: 0px !important
}
.item .body-item-container {
padding: 5px 5px;
}
/* Tags offer / collection */
.item .tags-container {
position: absolute;
top: 0;
right: 0;
z-index: 11;
box-sizing: content-box;
height: 36px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.item .tags-container .tag-item {
text-align: center;
height: 36px;
}
.item .tags-container .tag-item.offer {
height: 50px;
}
.item .tags-container .tag-item .tag-text {
background: #EC0E1D;
display: flex;
flex-direction: column;
justify-content: center;
width: fit-content;
max-width: 100%;
/*height: 25px;*/
padding: 0px 14px;
font-size: 12px;
font-weight: 100;
color: #fff;
text-transform: capitalize;
}
.item .tags-container .tag-item.collection-tag {
flex-grow: 1;
}
.item .tags-container .tag-item .collection-text {
margin-right: auto;
margin-left: 0;
width: 100%;
align-items: flex-start;
/*
border-bottom-right-radius: 16px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 16px;
*/
border-radius: 16px 0px;
line-height: 12px;
font-size: 13px;
padding: 7px;
/*padding-top: 6px;*/
}
.item .tags-container .tag-item .collection-text.short {
width: fit-content !important;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 0px;
padding: 7px;
}
.item .tags-container .tag-item .offer-text {
margin-right: 0px;
margin-left: 0;
align-items: flex-end;
border-top-right-radius: 16px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 16px;
}
/* End Tags offer / collection */
.MerchantList .item a {
text-decoration: none !important;
}
.MerchantList .item .image .merchant-img {
width: 168px;
max-width: 100%;
height: 168px;
max-height: 100%;
}
.ProductsContentList .item .button .styles-button {
padding: 3px;
width: 80%;
font-size: 13px;
line-height: 16px;
}
@media (min-width: 992px) and (max-width: 1399px) {
.ProductsContentList .item .button .styles-button {
font-size: 10px;
}
}
.ProductsContentList .item .button .simple-button {
border: 1px solid #B38F00;
border-radius: 4px;
background-color: #FFCD00;
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
box-shadow: none !important;
outline: none !important;
padding: 16px 20px;
width: 82%;
text-transform: uppercase;
}
@media (max-width: 768px) {
.ProductsContentList .item .button .simple-button {
font-size: 13px;
padding: 8px 12px;
}
}
.ProductsContentList .item .button .simple-button:hover,
.ProductsContentList .item .button .simple-button:focus {
border-color: #211914 !important;
background: transparent !important;
color: #211914 !important;
}
/* / Carousel for products */
/* / Merchant Page */
/* Go Shopping Page */
.go-shopping .ProductsCarouselTitle .title h1,
.go-shopping .ProductsCarouselTitle .title h4 {
font-size: 25px;
font-weight: bold;
color: #707070;
}
/* / Go Shopping Page */
/* make yourself merchant + common-content-styles */
.common-content-styles .title {
text-align: center;
margin-top: 2rem;
margin-bottom:1rem;
}
.common-content-styles .title h1,
.common-content-styles .title h4 {
font-size: 34px;
font-weight: bold;
color: #707070;
margin-bottom: 0px;
}
@media (max-width: 991px) {
#make-yourself-merchant .title {
margin-top: 1.5rem;
}
#make-yourself-merchant .how-to-sell-in ul,
#make-yourself-merchant .how-to-sell-in ol {
padding: 0rem 1rem;
}
#make-yourself-merchant .features li,
#make-yourself-merchant .how-to-sell-in li {
font-size: 19px;
margin: 5px 0px;
}
}
.common-content-styles .text ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.common-content-styles .text li {
font-size: 16px;
font-weight: normal;
color: #211914;
margin-bottom: 0px;
}
.common-content-styles .text p {
font-size: 19px;
line-height: 24px;
font-weight: normal;
color: #211914;
}
.common-content-styles .image {
margin-bottom: 2rem;
}
.item {
min-height:273px;
}
@media (max-width: 991px){
.common-content-styles .image {
text-align: center;
}
.Categories-Product-Filters .navbar {
margin-bottom:1rem;
}
body .MerchantList > .row > .d-block.col-12.col-lg-4.mb-4 {
margin-bottom: 2.5rem !important;
}
.ProductsCarouselTitle .title {
margin-bottom: 0.5rem;
}
#go-shopping .best-selled-items, #go-shopping .recent-seen-items {
margin-bottom: 4rem;
}
#Categories-Sidebar {
margin-bottom: 35px;
}
}
@media (max-width: 575px){
.MerchantList h1 {
font-size: 30px;
}
.common-content-styles .title h1, .common-content-styles .title h4 {
font-size:30px;
}
.breadcrumbs-container ol.breadcrumb {
margin-bottom:0.5rem;
}
#home-page .section-block {
padding: 20px 0;
}
#home-page .title-section {
font-size: 30px;
}
#home-page .great-creators-section .title-section-underline {
font-size: 30px;
}
#home-page #recipeCarouselMobile .merch-text {
padding:0px !important;
padding-left:30px !important;
}
#home-page #recipeCarouselMobile .merch-title {
padding:0px !important;
}
}
.common-content-styles .features-background {
background: url(../images/staticpages/hazte-productor/banner-1.jpg);
background-size: cover;
background-position: center center;
padding: 7rem 4rem;
}
.common-content-styles .features ul {
list-style: none;
padding: 1rem 31px;
margin: 0px;
}
.common-content-styles .features li {
font-size: 26px;
line-height: 33px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 0px;
}
.common-content-styles .features ul li:not(:last-child) {
margin-bottom: 10px;
}
.common-content-styles .how-to-sell-in ul,
.common-content-styles .how-to-sell-in ol {
padding: 0rem 3rem;
}
.common-content-styles .how-to-sell-in .text li:not(:last-child) {
margin-top: 15px;
margin-bottom: 15px;
}
.common-content-styles .how-are-the-requirements .text {
margin-bottom: 2rem;
}
.common-content-styles .how-are-the-requirements .text ul li {
position: relative;
margin-bottom: 1.5rem;
padding-left: 2rem;
}
.common-content-styles .how-are-the-requirements .text ul li div::before {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-color: #FFD300;
border-radius: 0rem;
}
.common-content-styles .contact-form .form-title {
background: url(../images/staticpages/hazte-productor/banner-5.png);
background-size: cover;
background-position: center center;
padding: 7rem 4rem;
text-align: center;
}
.common-content-styles .contact-form .form-title h4 {
font-size: 34px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 0px;
}
.common-content-styles .contact-form .arrow {
display: block;
height: 33.5px;
width: 100%;
}
.common-content-styles .contact-form .form {
margin-bottom: 2rem;
}
.common-content-styles .contact-form .form .inputs .form-group {
margin-bottom: 1.5rem;
}
.common-content-styles .contact-form .form .inputs label {
font-size: 12px; /* font-size: 19px; */
font-weight: normal;
color: #707070;
}
.common-content-styles .contact-form .form .inputs input {
border-color: #707070;
border-radius: 0rem;
outline: none !important;
box-shadow: none !important;
}
@media (min-width: 992px) {
.common-content-styles .contact-form .form .category {
width: 50%;
}
}
.common-content-styles .contact-form .form .category .btn.btn-secondary {
background: transparent !important;
outline: none !important;
box-shadow: none !important;
border: 0px !important;
font-size: 19px;
font-weight: normal;
color: #211914;
}
.common-content-styles .contact-form .form .category .btn.btn-secondary::after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
border: 0px !important;
font-size: 20px;
vertical-align: inherit;
}
.common-content-styles .contact-form .form .category .dropdown-menu {
position: static !important;
margin: 0px;
transform: none !important;
border: 0px !important;
background: transparent !important;
float: none !important;
}
.common-content-styles .contact-form .form .category .dropdown-menu a {
font-size: 19px;
font-weight: normal;
color: #211914;
box-shadow: none !important;
outline: none !important;
cursor: pointer !important;
}
.common-content-styles .contact-form .form .category .dropdown-menu a:hover,
.common-content-styles .contact-form .form .category .dropdown-menu a:focus,
.common-content-styles .contact-form .form .category .dropdown-menu a:active {
background: transparent !important;
color: #211914 !important;
text-decoration: underline;
}
.common-content-styles .contact-form .form .category .title {
text-align: left;
}
.common-content-styles .contact-form .form .category .title p {
font-size: 19px;
font-weight: normal;
color: #707070;
margin-bottom: 0px;
border-bottom: 1px solid #707070;
}
.common-content-styles .contact-form .form .category .button,
.common-content-styles .contact-form .form .category .content {
text-align: left;
}
.common-content-styles .contact-form .form .category .button button {
background: transparent !important;
border: 0px !important;
color: #211914;
font-size: 19px;
font-weight: normal;
width: 100%;
text-align: left;
box-shadow: none !important;
outline: none !important;
}
.common-content-styles .contact-form .form .category .content ul {
list-style: none;
padding: 0px 20px;
margin: 0px;
}
.common-content-styles .contact-form .form .category .content li {
font-size: 16px;
line-height: 20px;
font-weight: normal;
color: #211914;
}
.common-content-styles .contact-form .form .category .content li:not(:last-child) {
margin-bottom: 10px;
}
.common-content-styles .contact-form .form .right-block {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.common-content-styles .contact-form .form .image {
text-align: center;
}
.common-content-styles .contact-form .form .buttons {
display: flex;
margin-top: 20px;
}
.common-content-styles .contact-form .form .buttons .btn {
border-radius: 0px;
border-color: #211914;
background: #211914;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
box-shadow: none !important;
outline: none !important;
padding: 7px 29px;
}
.common-content-styles .contact-form .form .buttons .btn:hover,
.common-content-styles .contact-form .form .buttons .btn:focus {
border-color: #211914 !important;
background: transparent !important;
color: #211914 !important;
}
.common-content-styles .contact-form .form .button .btn[aria-expanded="true"] span i::before {
content: "\f106" !important;
}
.common-content-styles .contact-form .form .alert {
background-color: transparent;
border-radius: 0px;
border-color: #f6f6f6;
color: #211914;
}
/* / make yourself merchant + common-content-styles */
/* / Go Shopping Page */
/* --- HOME PAGE --- */
/* HOME PAGE
---------------------------------------------------------------- */
/* CUSTOMIZE THE CAROUSEL SLIDER HOME
-------------------------------------------------- */
/* Carousel base class */
#home-page #sliderHome .carousel {
margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
#home-page #sliderHome .carousel-caption {
top:20%;
z-index: 10;
right: 0%;
left: 47%;
}
#home-page #sliderHome .carousel-caption h1 {
font-size: 34px;
font-weight: bold;
}
#home-page #sliderHome .carousel-caption h2 {
font-size: 19px;
font-weight: normal;
}
/* Declare heights because of positioning of img element */
#home-page #sliderHome .carousel-item {
height: 19rem;
background-color: #777;
}
#home-page #sliderHome .carousel-item > img {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
height: 19rem;
max-width: 100%;
object-fit: cover;
}
#home-page #sliderHome .carousel-item::after {
display: block;
position: relative;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
content: '';
height: 19rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
#home-page .marketing .col-lg-4 {
margin-bottom: 1.5rem;
text-align: center;
}
#home-page .marketing h2 {
font-weight: 400;
}
#home-page .marketing .col-lg-4 p {
margin-right: .75rem;
margin-left: .75rem;
}
/* Featurettes
------------------------- */
#home-page .featurette-divider {
margin: 5rem 0; /* Space out the Bootstrap
more */
}
/* Thin out the marketing headings */
#home-page .featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -.05rem;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
/* Bump up size of carousel content */
#home-page .carousel-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
#home-page .featurette-heading {
font-size: 50px;
}
}
@media (min-width: 62em) {
#home-page .featurette-heading {
margin-top: 7rem;
}
}
/* TEXTOS HOME
-------------------------------------------------- */
#home-page .title-section {
color: #707070;
font-weight: bold;
margin-bottom: 40px;
}
#home-page .great-creators-section .title-section-underline {
font-size: 34px;
}
#home-page .title-section-underline {
color: #707070;
font-weight: bold;
font-size: 26px;
}
#home-page .section-block { padding:40px 0; }
#home-page .img-yellow-border{
-webkit-box-shadow: 20px 20px 0px 0px rgba(255,211,0,1);
-moz-box-shadow: 20px 20px 0px 0px rgba(255,211,0,1);
box-shadow: 20px 20px 0px 0px rgba(255,211,0,1);
}
#home-page .great-creators-section {margin-top: 30px;}
#home-page .great-creators {
background-color: #E5E5E5;
}
#home-page .white-underline {
height: 2px;
width: 80%;
background-color: #fff;
}
#home-page .col-w-img {
padding: 30px 40px 40px 30px;
}
/* Merchant Carousel at home */
#home-page #recipeCarouselMobile .card {
width: 100%;
}
#home-page #recipeCarousel,
#home-page #recipeCarouselMobile {
margin-top: 40px;
margin-bottom: 0px;
}
#home-page #recipeCarousel .carousel-inner .carousel-item-right.active,
#home-page #recipeCarousel .carousel-inner .carousel-item-next {
transform: translateX(25%);
}
#home-page #recipeCarousel .carousel-inner .carousel-item-left.active,
#home-page #recipeCarousel .carousel-inner .carousel-item-prev {
transform: translateX(-25%)
}
#home-page #recipeCarousel .carousel-inner .carousel-item-right,
#home-page #recipeCarousel .carousel-inner .carousel-item-left{
transform: translateX(0);
}
#home-page #recipeCarousel .carousel-item,
#home-page #recipeCarouselMobile .carousel-item {
background-color: transparent;
}
#home-page #recipeCarousel .card img {
width: 168px;
height: 168px;
margin: 0 auto;
border-radius: 50%;
object-fit: cover;
}
#home-page #recipeCarouselMobile .card img {
width: 84px;
height: 84px;
margin: 0 auto;
border-radius: 50%;
object-fit: cover;
}
#home-page #recipeCarousel .card,
#home-page #recipeCarouselMobile .card {
background: transparent;
border: none;
}
#home-page #recipeCarousel .card .card-body,
#home-page #recipeCarouselMobile .card .card-body{
padding:30px 20px;
}
#home-page #recipeCarousel .merch-name {
font-size: 27px;
font-weight: bold;
padding:0 30px;
margin-bottom: 0px;
}
#home-page #recipeCarouselMobile .merch-name {
font-size: 22px;
font-weight: bold;
padding: 0px;
margin-bottom: 0px;
word-break: normal;
white-space: pre-line;
}
#home-page #recipeCarouselMobile .merch-name,
#home-page #recipeCarouselMobile .merch-title{
text-align: center;
}
#home-page #recipeCarousel .merch-title,
#home-page #recipeCarouselMobile .merch-title {
font-size: 16px;
font-weight: bold;
color: #707070;
padding:0 30px;
}
#home-page #recipeCarouselMobile .merch-title {
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
#home-page #recipeCarouselMobile .black-btn,
#home-page #recipeCarouselMobile .black-btn:hover {
padding: .375rem .75rem;
font-size: 16px;
}
#home-page #recipeCarouselMobile .carousel-control-prev,
#home-page #recipeCarouselMobile .carousel-control-next {
width: 20px;
}
#home-page #recipeCarousel .carousel-control-prev,
#home-page #recipeCarousel .carousel-control-next {
width: 31px;
}
#home-page #recipeCarousel .carousel-control-prev {
left: -35px;
}
#home-page #recipeCarousel .carousel-control-prev-icon {
background-image: url(../images/staticpages/home/ic_keyboard_arrow_left_-1.png);
width:31px;
height:50px;
}
#home-page #recipeCarousel .carousel-control-next {
right: -35px;
}
#home-page #recipeCarousel .carousel-control-next-icon {
background-image: url(../images/staticpages/home/ic_keyboard_arrow_left_24px.png);
width:31px;
height:50px;
}
#home-page #recipeCarousel .merch-text{
font-size: 16px;
font-weight: normal;
padding: 0 30px;
background: url(../images/staticpages/home/double-quotes.png) no-repeat top left;
line-height: 1.3em;
margin-top: 5px;
display: inline-flex;
}
#home-page #recipeCarouselMobile .merch-text{
font-size: 16px;
font-weight: normal;
padding:0 30px;
background: url(../images/staticpages/home/double-quotes.png) no-repeat top left;
line-height: 1.3em;
margin: 5px auto;
display: table;
min-height: 70px;
overflow: hidden;
word-break: normal;
white-space: pre-line;
text-overflow: ellipsis;
}
#home-page .black-btn{
background-color: #000;
padding:10px 24px;
color: #fff;
font-weight: normal;
font-size: 19px;
border-radius: 0px;
}
#home-page .black-btn:hover{
background-color: #8000;
padding:10px 24px;
color: #211914;
font-weight: normal;
font-size: 19px;
border: 1px solid #211914;
}
/* Masonry of Categories */
#home-page .row.no-gutters {
margin-right: 0;
margin-left: 0;
overflow: hidden;
}
#home-page .row.no-gutters > [class^="col-"],
#home-page .row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
overflow: hidden;
}
#home-page .cat-ms{
padding: 40px;
background-size: cover;
background-repeat: no-repeat;
transition: width 1s, height 1s, transform 1s;
-moz-transition: width 1s, height 1s, -moz-transform 1s;
-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
-o-transition: width 1s, height 1s,-o-transform 1s;
}
#home-page .cat-ms:hover{
transform: scale(1.05);
}
#home-page .categories-mazonry a{display: block; width: 100%; height:100%;}
#home-page .categories-mazonry a:hover,
#home-page .categories-mazonry a:hover h3,
#home-page .categories-mazonry a:hover p,
#home-page .categories-mazonry a:focus,
#home-page .categories-mazonry a:focus h3,
#home-page .categories-mazonry a:focus p{
text-decoration: none;
}
#home-page .cat-ms h3, #home-page .cat-ms p{
color: #fff;
}
#home-page .cat-1-ms {
width: 100%;
height: 480px;
background-image:linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),url(../images/staticpages/home/bg-cat-1.jpg);
}
#home-page .cat-1-ms:hover {
background-image:linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
),url(../images/staticpages/home/bg-cat-1.jpg);
}
#home-page .cat-2-ms {
width: 100%;
height: 240px;
background-image:linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),url(../images/staticpages/home/bg-cat-2.jpg);
}
#home-page .cat-2-ms:hover {
background-image:linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
),url(../images/staticpages/home/bg-cat-2.jpg);
}
#home-page .cat-3-ms {
width: 100%;
height: 240px;
background-image:linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),url(../images/staticpages/home/bg-cat-3.jpg) ;
}
#home-page .cat-3-ms:hover {
background-image:linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
),url(../images/staticpages/home/bg-cat-3.jpg) ;
}
#home-page .cat-4-ms {
width: 100%;
height: 480px;
background-image:linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),url(../images/staticpages/home/bg-cat-4.jpg);
}
#home-page .cat-4-ms:hover {
background-image:linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
),url(../images/staticpages/home/bg-cat-4.jpg);
}
#home-page .cat-5-ms {
width: 100%;
height: 480px;
background-image:linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
), url(../images/staticpages/home/bg-cat-5.jpg);
}
#home-page .cat-5-ms:hover {
background-image:linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
), url(../images/staticpages/home/bg-cat-5.jpg);
}
#home-page .cat-6-ms {
width: 100%;
height: 240px;
background-image: linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),url(../images/staticpages/home/bg-cat-6.jpg);
}
#home-page .cat-6-ms:hover {
background-image: linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
),url(../images/staticpages/home/bg-cat-6.jpg);
}
/* Category responsive */
#home-page .categories-mazonry .home-responsive-mazonry-item h3 {
color: #ffffff;
font-size: 20px;
margin: 0;
text-align: center;
}
#home-page .categories-mazonry .home-responsive-mazonry-item {
display: flex;
align-items: center;
justify-content: center;
height: 90px;
background-size:cover;
background-position:center;
background-repeat: no-repeat;
}
/* Category responsive */
/* Responsive
-------------------------------------------------- */
@media screen and (min-width: 768px) {
#home-page #recipeCarousel .carousel-item-next,
#home-page #recipeCarousel .carousel-item-prev,
#home-page #recipeCarousel .carousel-item.active {
display: flex;
}
}
@media screen and (max-width: 1199px){
#home-page #recipeCarousel .card .card-body {
padding: 30px 10px;
}
#home-page #recipeCarousel .merch-text {
padding: 0 0px 0 30px;
}
#home-page #recipeCarousel .merch-name {
font-size:22px;
}
}
@media screen and (max-width: 991px){
#home-page #recipeCarousel .card .card-body {
padding: 30px 10px;
}
#home-page #recipeCarousel .merch-text {
padding: 0 0 0 20px;
background-size: 15px;
font-size: 14px;
}
#home-page #recipeCarousel .merch-name,
#home-page #recipeCarousel .merch-title {
padding: 0 10px;
}
#home-page #recipeCarousel .merch-name{
font-size:18px;
}
#home-page #recipeCarousel .merch-title {
font-size:14px;
}
#home-page #recipeCarousel .black-btn {
font-size:14px;
}
#home-page #sliderHome .carousel-item {
height: 19rem;
}
#home-page #sliderHome .carousel-caption {
top: 20%;
}
#home-page .section-block {
padding: 15px 0;
}
#home-page .title-section {
margin-bottom: 10px;
}
#home-page #recipeCarouselMobile .merch-text {
display: block; /* or inline-block */
text-overflow: ellipsis;
word-wrap: normal;
overflow: hidden;
height: 2.6em;
line-height: 1.4em;
}
}
@media screen and (max-width: 767px){
#home-page .cat-1-ms, #home-page .cat-4-ms, #home-page .cat-5-ms {
height: 240px;
}
#home-page #recipeCarousel {
display: none;
}
#home-page #sliderHome .carousel-caption {
right: 0;
left: 0;
}
.MerchantList .item .image img {
max-width: 100%;
height: auto;
max-height: 100%;
}
}
@media screen and (min-width: 550px) and (max-width: 575px) {
#home-page .categories-mazonry .home-responsive-mazonry-item {
height: 100px;
}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
#home-page .section-block {
padding: 30px 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#home-page .cat-ms h3 {
font-size: 24px;
}
#home-page .cat-1-ms,
#home-page .cat-4-ms,
#home-page .cat-5-ms{
height: 400px;
}
#home-page #recipeCarousel .card img{
max-width: 148px;
height: 148px;
}
#home-page #recipeCarousel .merch-text {
text-align: left;
}
.merchant-page-container #glide-one-and-half-0 .image .img-fluid {
max-width:80%;
}
#home-page .categories-mazonry .home-responsive-mazonry-item {
height:125px;
}
.prod-price-item .product-variants .variantbox select.form-select {
height: 26px;
}
.product-container {
padding: 0px;
}
.prod-price-item {
display: grid;
}
}
.btn-añadir-amarillo, .btn-añadir-azul {
width: 100%;
height: 48px;
flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.btn-añadir-amarillo, .btn-añadir-azul {
width: 100%;
}
}
/*Breadcrumb for new file product*/
@media(max-width: 990px){
li.breadcrumb-item.aditional-breadcrumb{
margin-left: 14px;
}
}
/*Breadcrumb for new file product*/
/* --- / HOME PAGE --- */
/* Product Features */
.product-feature .product-feature-container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 991px) {
.productCarouselResponsive .button a {
font-size:14px !important;
padding: .375rem .75rem;
}
.productCarouselResponsive .name a {
font-size:16px;
}
.productCarouselResponsive .price p {
font-size: 22px;
}
.productCarouselResponsive .glide-one-and-half .name a {
display: flex;
justify-content: center;
}
.MerchantList .item .image .icon {
right:20%;
}
}
.product-feature h3 {
font-size: 16px;
font-weight: normal;
line-height: 20px;
color:black;
margin: 0rem 0.1rem;
}
.product-feature p {
font-size: 16px;
color: black;
margin: 0rem 0.1rem;
}
.product-feature .item {
margin: 0rem 0.0rem;
}
.product-feature img {
object-fit: contain;
object-position: center;
}
/* / Product Features */
.merchant-page .merchant-description img {
max-width: 100%;
margin: auto;
}
/* Fixes in responsive for product page */
@media (max-width: 991px) {
.product .product-tabs {
margin-bottom: 0px;
padding-top:40px;
}
.product .productCarouselResponsive img,
.merchant-page-container .productCarouselResponsive img {
object-fit: contain;
object-position: center;
width: 200px;
height: 200px;
}
}
/* / Fixes in responsive for product page */
/* Make your*/
/* Go shopping category list */
.go-shopping-main-categories .button img {
padding-left:10px;
}
.go-shopping-main-categories .button .btn {
display:flex;
margin:10px auto auto auto;
}
/* / Go shopping category list */
/* Alcohol notice product page */
.notice-18-years-alcoholic-drinks {
padding: 0px;
}
.notice-18-years-alcoholic-drinks .image {
padding: 0px 10px 0px 0px;
}
.notice-18-years-alcoholic-drinks .red-circle-alcohol {
height: 35px;
width: 35px;
background: #cc0000;
display: flex;
justify-content: center;
align-items: center;
line-height: 60px;
border-radius: 50%;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.notice-18-years-alcoholic-drinks .text p {
margin: 0px;
}
/* / Alcohol notice product page */
/* Fancybox styles */
a.fancybox,
a.fancybox img {
/* cursor: zoom-in !important; */
}
/* / Fancybox styles */
/* GlideJS Arrows */
.glide__arrow {
color: #E5E5E5 !important;
outline: none !important;
background: #FFF !important;
border-radius: 50%;
border: 1px solid rgb(112 112 112 / 50%) !important;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
}
.glide__arrow--left {
left: 0px !important;
}
.glide__arrow--right {
right: 0px !important;
}
.glide__arrows .glide__arrow i {
color: #002e6d;
}
/* / GlideJS Arrows */
@media (max-width: 767px) {
#home-page .categories-mazonry .home-responsive-mazonry-item {
height: 125px;
}
}
@media (max-width: 575px) {
#home-page .categories-mazonry .home-responsive-mazonry-item {
height: 100px;
}
.common-content-styles .features ul {
padding-bottom:0;
}
}
/* Identification page */
.checkout-identification .identification-title {
padding: 30px 0px;
text-align: center;
}
.checkout-identification .identification-title h4 {
font-size: 34px;
font-weight: normal;
color: #333333;
margin: 0px;
}
.checkout-identification .identification-content {
background: #ffffff;
margin-bottom: 30px;
}
.checkout-identification .identification-content .form-title h4 {
font-size: 26px;
font-weight: normal;
color: #002e6d;
margin-bottom: 15px;
text-align: left;
}
.checkout-identification .identification-content .form-title p {
font-size: 19px;
font-weight: normal;
color: #002e6d;
margin-botom: 20px;
text-align: left;
}
.checkout-identification .identification-content .identification-guest p {
font-size: 19px;
font-weight: normal;
}
.checkout-identification .identification-content .identification-guest {
margin-top: 40px;
}
.checkout-identification .identification-content .identification-guest .form-title p {
line-height: 18px;
margin-top: 5px;
}
.checkout-identification .identification-content .identification-guest .btn {
margin-top: 30px;
}
.checkout-identification .identification-content .btn {
width: 100%;
}
.checkout-identification .identification-content .btn.btn-primary {
background: #211914 !important;
border-color: #211914;
color: #ffffff;
font-weight: normal;
opacity: 1;
display:block;
width: 40%;
padding: 7px 10px;
}
.checkout-identification .identification-content .btn.btn-secondary {
background: #eeeeee;
border-color: #eeeeee;
color: #211914;
opacity: 1;
}
.checkout-identification .identification-content .btn.btn-primary:hover,
.checkout-identification .identification-content .btn.btn-primary:focus,
.checkout-identification .identification-content .btn.btn-secondary:hover,
.checkout-identification .identification-content .btn.btn-secondary:focus {
opacity: 0.8;
}
.checkout-identification .identification-content input,
.checkout-identification .identification-content select,
.checkout-identification .identification-content textarea {
border-radius: 0px;
width: 80%;
}
.checkout-identification .identification-content .identification-login .form-group p {
color: #002e6d;
font-size: 19px;
margin-bottom: 20px;
}
.checkout-identification .identification-content .identification-restore-password {
text-align: left;
margin-bottom: 10px;
}
.checkout-identification .identification-content .identification-restore-password a {
font-size: 16px;
font-weight: normal;
color: #707070;
margin: 0px;
margin-bottom: 5px;
}
.checkout-identification .identification-content .identification-restore-password a:hover,
.checkout-identification .identification-content .identification-restore-password a:focus {
color: #211914;
text-decoration: underline;
cursor: pointer;
}
.checkout-identification .identification-content input,
.checkout-identification .identification-content select,
.checkout-identification .identification-content textarea {
font-size: 14px;
font-weight: normal;
color: #211914;
padding: .5rem 1rem;
border-color: #bfbfbf;
background: #ffffff;
}
.checkout-identification .rgpd-content-content label {
font-size: 14px !important;
font-weight: normal !important;
text-align: center !important;
}
.checkout-identification .identification-content label {
color: #707070;
text-align: left;
margin-bottom: 10px;
}
.checkout-identification .identification-content .identification-not-registered span {
font-size: 16px;
}
.checkout-identification .identification-content .identification-not-registered .custom-checkbox a {
font-size: 14px;
font-weight: bold;
color: #211914;
}
.checkout-identification .identification-content .identification-not-registered .not-registered-form .btn {
width: 100%;
}
@media (min-width: 1200px) {
.checkout-identification .identification-not-registered,
.checkout-identification .identification-login,
.checkout-identification .identification-guest {
width: 65%;
margin: auto;
}
}
@media (max-width: 1199px) {
.checkout-identification .identification-content {
padding: 25px;
}
.checkout-identification .identification-content input, .checkout-identification .identification-content select, .checkout-identification .identification-content textarea, .checkout-identification .identification-content .btn {
width: 100%;
margin: auto;
}
.checkout-identification .identification-not-registered,
.checkout-identification .identification-login,
.checkout-identification .identification-guest {
width: 85%;
margin: auto;
}
.checkout-identification .identification-content .identification-not-registered input, .checkout-identification .identification-content .identification-not-registered select {
width: 100%;
}
#Create-Account-Form .btn {
width: 100%;
}
.checkout-identification .identification-content .identification-login .btn,
.checkout-identification .identification-content .identification-guest .btn {
width: 100%;
}
}
@media (max-width: 991px) {
.checkout-identification .identification-content .identification-login,
.checkout-identification .identification-content .identification-guest {
padding-bottom: 0px;
margin-top: 3rem;
}
.checkout-identification .identification-content .identification-not-registered:after,
.checkout-identification .identification-content .identification-login:after,
.checkout-identification .identification-content .identification-guest:after {
content: "";
display: block;
width: 25%;
margin: auto;
padding-top: 30px;
border-bottom: 1px solid #bfbfbf;
}
.checkout-identification .identification-not-registered,
.checkout-identification .identification-login,
.checkout-identification .identification-guest {
width: 85%;
margin: auto;
}
}
@media (max-width: 767px) {
.checkout-identification .identification-content input, .checkout-identification .identification-content select, .checkout-identification .identification-content textarea, .checkout-identification .identification-content .btn {
width: 100% !important;
}
.checkout-finish .jumbotron {
padding:0;
}
.checkout-identification .identification-not-registered,
.checkout-identification .identification-login,
.checkout-identification .identification-guest {
width: 90%;
margin: auto;
}
}
#Create-Account-Form .btn {
margin-top: 30px;
}
.checkout-identification .rgpd .rgpd-content-title,
.checkout-identification .rgpd .rgpd-content-text p,
.checkout-identification .rgpd .rgpd-content-content span,
.checkout-identification .rgpd .rgpd-content a,
.checkout-identification .rgpd .rgpd-content a:hover,
.checkout-identification .rgpd .rgpd-content a:focus {
font-size: 16px !important;
}
.checkout-identification .identification-content .identification-login .btn {
margin-top: 30px;
}
/* / Identification page */
/* Finish order page */
.checkout-finish .jumbotron {
background:transparent;
padding: 4rem 6rem;
}
.checkout-finish h4 {
color: #707070;
font-size:34px;
font-weight:bold;
margin-bottom: 4rem;
text-align:center;
}
.checkout-finish span {
color:#211914 !important;
font-size:19px;
}
.checkout-finish .order-message {
color: #211914;
font-size:19px;
font-weight:bold;
}
/* / Finish order page */
/* RGPD IDENTIFICATION PAGE */
.checkout-identification .rgpd input {
width: initial !important;
}
/* / RGPD IDENTIFICATION PAGE */
/* Design of Description in product page */
/* First Level */
#Product-Details-Content ul > li,
#Product-Details-Content ul > li > p {
font-size: 18px;
margin-bottom: 3px;
}
/* Second Level */
#Product-Details-Content ul > li > ul > li,
#Product-Details-Content ul > li > ul > li > p {
font-size: 18px;
margin-bottom: 3px;
}
/* Third Level */
#Product-Details-Content ul > li > ul > li > li > ul > li,
#Product-Details-Content ul > li > ul > li > li > ul > li > p {
font-size: 16px;
margin-bottom: 3px;
}
/* Design of Description in product page */
/* Static pages design */
.gray-txt, .grey-txt {
color: #707070;
}
/* Static pages design */
/* Asociation design */
@media (max-width: 991px) {
.association-block {
margin-bottom: 16px;
}
}
.association-block .association-block-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.association-block .association-block-content .image {
margin-right: 30px;
}
@media (max-width: 991px) {
.association-block .association-block-content .image {
margin-right: 0px;
margin-bottom: 8px;
}
}
.association-block .association-block-content .image img {
width: auto;
height: auto;
max-width: 200px;
max-height: 100px;
object-fit: contain;
object-position: center;
}
@media (min-width: 992px) {
.association-block .association-block-content .text {
display: none;
}
}
.association-block .association-block-content .text p {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin: 0px;
}
.association-block .association-block-content .text a {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin: 0px;
text-decoration: underline;
cursor: pointer;
}
/* / Asociation design */
.responsive-navigation-subcategory .navbar-nav .nav-item {
max-width: 100% !important;
margin: initial !important;
}
/* New Home styles */
/* Slider */
/* #Home-Market-Slider .carousel-home-controllers {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: left;
justify-content: space-between;
align-items: center;
padding-left: 0;
list-style: none;
width: 100%;
height: 100%;
} */
/* @media (max-width: 991px) {
#Home-Market-Slider .carousel-home-controllers {
position: absolute;
z-index: 105;
height: 15%;
bottom: 0;
}
} */
#Home-Market-Slider .carousel-indicators {
position: absolute;
bottom: 10px;
z-index: 15;
display: -ms-flexbox;
display: flex;
align-items: center;
-ms-flex-pack: left;
padding: 0;
margin: 0;
list-style: none;
}
#Home-Market-Slider .carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 100%;
opacity: 0.8;
background-color: transparent;
border: 2px solid #ffffff;
margin-right: 5px;
}
#Home-Market-Slider .carousel-indicators .active {
opacity: 1;
background-color: #fff;
width: 15px;
height: 15px;
border: none;
}
#Home-Market-Slider .btn-play-pause-container {
box-sizing: border-box;
border: 1px solid #B1BFD2;
border-radius: 4px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
text-align:center;
margin: 0px 20px;
}
#Home-Market-Slider .btn-play-pause-container .btn {
color: #707070;
}
#Home-Market-Slider .btn-play-pause-container .btn-play-pause-slider {
color: #707070;
padding: 0px 3px;
margin: 0px 8px;
outline: none !important;
box-shadow: none !important;
width: 23px;
text-align: center;
}
.button-main-next{
right: 0 !important;
}
@media (min-width: 992px) {
#Home-Market-Slider .btn-play-pause-container {
position: absolute;
top: 50%;
z-index: 200;
}
/* #Home-Market-Slider .carousel-home-controllers .btn-play-pause-container:last-child {
right: 0;
} */
}
/* Home collections styles */
.home-collection .img-container {
border-radius: 4px;
overflow: hidden;
background-position: center;
background-size: cover;
margin-bottom: 20px;
height: 255px;
padding: 50px;
border: none;
}
.home-collection .img-container:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
}
.home-collection .img-container h3{
color: #FFFFFF;
font-size: 26px;
font-weight: 400;
letter-spacing: 0;
line-height: 32px;
position: relative;
}
.home-collection .img-container p{
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-transform: uppercase;
margin-top: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: start;
}
.home-collection .image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.home-collection-2 .carousel-item {
justify-content: center;
align-items: center;
}
.ProductsCarousel .item {
max-width: 100%;
}
@media ( max-width : 991px) {
.home-collection .img-container {
padding: 16px !important;
height: 170px !important;
margin-bottom: 20px;
}
.home-collection .img-container h3 {
font-size: 24px !important;
}
#Home-Market-Slider .btn-play-pause-container {
position: absolute;
bottom: 0;
z-index: 200;
}
}
@media (max-width: 768px) {
.home-collection.home-1-6images .home-collection-image-section.row > .col {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
/* Styles for Mobile add to cart confirmation modal */
@media (min-width: 270px) and (max-width: 290px) {
.modal-content.footer-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
/* width: 58%; */
max-width: 265px;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 0.3rem;
outline: 0;
}
#rc-imageselect, .g-recaptcha {transform: scaleX(0.70) scaleY(0.9);-webkit-transform: scaleX(0.70) scaleY(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media (min-width: 291px) and (max-width: 575px){
.modal-content.footer-modal-content{
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
/* width: 70%; */
max-width: 290px;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 0.3rem;
outline: 0;
/* left:13px; */
}
#rc-imageselect, .g-recaptcha {transform: scaleX(1);-webkit-transform: scaleX(1);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
.mobile-add-to-cart-confirmation {
height: 100%;
margin: 0px 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mobile-add-to-cart-confirmation .modal-content {
border-radius: 0px;
}
.mobile-add-to-cart-confirmation .modal-header,
.mobile-add-to-cart-confirmation .modal-footer {
border-radius: 0px;
border: 0px;
}
.mobile-add-to-cart-confirmation .modal-title {
font-size: 22px;
font-weight: bold;
}
.mobile-add-to-cart-confirmation .modal-body p {
font-size: 18px;
margin-bottom: 0px;
}
.mobile-add-to-cart-confirmation .btn-close-modal {
background: transparent;
color: #211914;
border-radius: 0px;
outline: none !important;
box-shadow: none !important;
border: 0px;
font-weight: bold;
}
.mobile-add-to-cart-confirmation .btn-go-to-cart {
background: transparent;
color: #211914;
border-radius: 0px;
outline: none !important;
box-shadow: none !important;
border: 0px;
font-weight: bold;
}
/* Read more function */
.read-more-section {
overflow: hidden;
}
.read-more-button {
font-size: 12px;
font-weight: normal;
color: #211914;
border: 0px;
background: transparent;
outline: none !important;
box-shadow: none !important;
width: 100%;
}
.read-more-button:hover,
.read-more-button:focus {
text-decoration: underline;
}
/* Make yourselfe merchant */
#make-yourself-merchant .select-state {
width: 100%;
outline: 0;
font-size: 16px;
line-height: 1.5;
border-radius: 3px;
border: 1px solid #dfdfdf;
background-color: #fff;
box-sizing: border-box;
transition: all .2s ease-in-out;
margin-bottom: 24px;
padding: 6px 12px;
border-color: #707070;
border-radius: 0rem;
outline: none !important;
box-shadow: none !important;
}
.home-collection .home-collection-image-section img {
max-height: 500px;
}
.home-collection .home-collection-image-section a {
text-decoration: none !important;
}
.modal > section,
.modal > div,
.modal > .modal-dialog {
width: fit-content !important;
margin-left: auto !important;
margin-right: auto !important;
}
#Categories-Content .Category-Featured-Items {
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 15px;
}
@media (min-width: 992px) {
.ProductsCarousel .mb-4,
.ProductsCarousel .my-4,
.ProductsContentList .mb-4,
.ProductsContentList .my-4 {
margin-bottom: 4rem !important;
}
.ProductsContentList .item .name {
margin: 0rem 0rem .4rem;
line-height: 1;
}
}
@media (max-width: 991px) {
.container-category-body .col-md-9 {
padding-right: 0px;
}
.ProductsCarousel .mb-4,
.ProductsCarousel .my-4,
.ProductsContentList .mb-4,
.ProductsContentList .my-4 {
margin-bottom: 3rem !important;
}
.ProductsContentList .item .name {
margin: .4rem 0rem 0 0;
line-height: 1.2;
}
.home-collection > .container > .row > .home-collection-image-section{
margin-bottom:20px;
}
.home-collection .home-collection-image-section img{
max-height: 170px;
}
}
.home-go-white-icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
}
/* ############# NEW DESIGN FOR MARKET ############# */
/* Product list structure */
.gallery .item {
border: 0px;
border-radius: 1rem;
box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2);
min-height: 410px;
}
.gallery .item .image {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
overflow: hidden;
}
.gallery .item .button .simple-button {
border-radius: 5rem;
font-weight: bold;
text-transform: uppercase;
}
.gallery .item .button {
display: none;
}
.gallery .item:hover .button {
display: block;
}
/* End Product list structure */
/* Help center */
.help-center .top-section {
padding-bottom: 40px;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 80px;
}
.help-center .top-section .top-section-content .top-section-title .top-section-title-title {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 16px 0px;
margin-top: 24px;
}
.help-center .top-section .top-section-content .top-section-title .top-section-title-subtitle {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
margin-bottom: 64px;
}
.help-center .top-section .top-section-content .top-section-links .top-section-link-item {
margin-bottom: 8px;
}
.help-center .top-section .top-section-content .top-section-links .top-section-link-item a {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
padding: 0px;
margin: 0px;
text-decoration: none !important;
cursor: pointer;
}
.help-center .top-section .top-section-content .top-section-links .top-section-link-item a span {
margin-left: 9px;
}
.help-center .middle-section .faq {
margin-bottom: 104px;
}
.help-center .middle-section .faq .faq-title {
margin-bottom: 48px;
}
.help-center .middle-section .faq .faq-title h3 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 0px;
}
.help-center .middle-section .faq .panel-title {
margin-bottom: 24px;
}
.help-center .middle-section .faq .panel-title > a {
text-decoration: none !important;
cursor: pointer;
color: #002e6d;
}
.help-center .middle-section .faq .panel-heading .panel-title .text-left {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.help-center .middle-section .faq .panel-title .chevron {
margin-left: 16px;
}
.help-center .middle-section .faq .panel-title > a[aria-expanded="true"] .chevron img {
transform: rotate( -180deg );
transition: transform ease;
}
.help-center .middle-section .faq .panel-title > a[aria-expanded="false"] .chevron img {
transform: rotate( 0deg );
transition: transform ease;
}
.help-center .middle-section .faq .faq-content {
margin-bottom: 48px;
}
.help-center .middle-section .faq .faq-content p {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
margin-bottom: 0px;
}
.help-center .middle-section .faq .faq-content ul {
list-style: none;
}
.help-center .more-doubts {
margin-bottom: 80px;
}
.help-center .more-doubts .more-doubts-content .more-doubts-text {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 32px;
}
.help-center .more-doubts .more-doubts-content .more-doubts-link a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding: 18px 0px;
display: flex;
justify-content: start;
align-items: center;
text-decoration: none !important;
cursor: pointer;
}
.help-center .more-doubts .more-doubts-content .more-doubts-link a img {
margin-left: 11px;
}
@media (min-width: 1200px) {
.help-center .top-section .top-section-content .top-section-links .row > .col-12:nth-child(2) {
padding-left: 30px;
padding-right: 0px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.help-center .top-section .top-section-content .top-section-links .row > .col-12 {
padding-right: 0px;
}
.help-center .top-section .top-section-content .top-section-links .row > .col-12:nth-child(2) {
padding-left: 30px;
padding-right: 0px;
}
.help-center .top-section .top-section-content .top-section-links .top-section-link-item a {
font-size: 18px;
}
.col-12.col-lg-9.container-reviews {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 991px) {
.help-center .top-section {
padding-bottom: 48px;
margin-bottom: 64px;
}
.help-center .top-section .top-section-content .top-section-title .top-section-title-title {
margin-top: 0px;
padding-top: 16px;
padding-bottom: 24px;
}
.help-center .top-section .top-section-content .top-section-title .top-section-title-subtitle {
margin-bottom: 32px;
}
.help-center .top-section .top-section-content .top-section-links {
margin-bottom: 0px;
}
.help-center .top-section .top-section-content .top-section-links .row > .col-12 {
padding: 0px;
}
.help-center .top-section .top-section-picture {
text-align: center;
}
.help-center .more-doubts .more-doubts-image {
text-align: center;
}
.help-center .middle-section .faq .panel-title .chevron {
margin-left: 8px;
}
.help-center .more-doubts .more-doubts-content .more-doubts-text {
margin-bottom: 24px;
}
.help-center .more-doubts .more-doubts-content .more-doubts-link {
margin-bottom: 40px;
}
.help-center .more-doubts .more-doubts-content .more-doubts-link a {
font-size: 14px;
line-height: 17px;
padding: 8px 0px;
}
.help-center .more-doubts {
margin-bottom: 24px;
}
}
/* End Help center */
/* Help center template page */
.help-center-page .help-center-page-navigation {
margin-bottom: 80px;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item {
padding: 0px;
margin: 0px;
border: 0px;
display: flex;
align-items: center;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item:not(:first-child) {
margin-top: 8px;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item:not(:last-child) {
margin-bottom: 8px;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item.active,
.help-center-page .help-center-page-navigation .list-group .list-group-item:hover,
.help-center-page .help-center-page-navigation .list-group .list-group-item:focus {
background: #F3F2F2;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item a {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
padding: 0px 8px;
margin: 0px;
text-decoration: none !important;
cursor: pointer;
display: block;
width: 100%;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item.active a,
.help-center-page .help-center-page-navigation .list-group .list-group-item:hover a,
.help-center-page .help-center-page-navigation .list-group .list-group-item:focus a {
font-weight: normal;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item .submenu-toggler {
color: #002e6d;
padding: 0px 10px;
cursor: pointer;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.help-center-page .help-center-page-navigation .list-group .list-group-item .submenu-toggler.open {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.help-center-page .help-center-page-navigation .list-group .sublist-menu {
padding-top: 5px;
padding-left: 35px;
padding-bottom: 5px;
}
.help-center-page .help-center-page-navigation .list-group .sublist-menu a {
font-size: 16px;
}
.help-center-page .help-center-page-navigation .go-back-to-help-center {
padding-top: 40px;
}
.help-center-page .help-center-page-navigation .go-back-to-help-center .list-group-item {
margin: 8px 0px;
}
.help-center-page .help-center-page-content {
margin-bottom: 80px;
}
.help-center-page .help-center-page-content .help-center-page-content-text {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.help-center-page .help-center-page-content .help-center-page-content-text h1 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 0px;
}
.help-center-page .help-center-page-content .help-center-page-content-text h2 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 16px;
}
.help-center-page-navigation-responsive {
margin: 40px 0px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item {
border-bottom: 1px solid #CBCBCB;
padding: 16px 0px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-item-title .btn {
display: flex;
justify-content: space-between;
text-decoration: none !important;
cursor: pointer;
padding: 0px;
margin: 0px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-item-title .btn .title {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-item-title .btn .chevron {
transform: rotate( -180deg );
transition: transform ease;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-item-title .btn.collapsed .chevron {
transform: rotate( 0deg );
transition: transform ease;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content {
padding-top: 24px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item {
border: 0px;
margin: 0px;
padding: 0px;
display: flex;
align-items: center;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item:not(:first-child) {
padding-top: 8px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item:not(:last-child) {
padding-bottom: 8px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item a {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
padding: 2px 0px;
text-decoration: none !important;
width: 100%;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item.active {
background: transparent !important
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item.active a {
font-weight: normal;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item .submenu-toggler {
color: #002e6d;
padding: 0px 10px;
cursor: pointer;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .list-group-item .submenu-toggler.open {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .sublist-menu {
padding-top: 5px;
padding-left: 35px;
padding-bottom: 5px;
}
.help-center-page-navigation-responsive .help-center-page-navigation-responsive-item .help-center-page-navigation-responsive-content .list-group .sublist-menu a {
font-size: 16px;
}
@media (min-width: 992px) {
.help-center-page .help-center-page-navigation {
margin-top: 80px;
}
.help-center-page .help-center-page-content {
margin-top: 16px;
}
}
/* End Help center template page */
/* 404 Error page */
.page-error-404 {
margin-top: 40px;
margin-bottom: 80px;
}
.page-error-404 .top-part {
margin-bottom: 40px;
}
.page-error-404 .top-part .page-404-title {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-error-404 .top-part .page-404-title h1 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin: 0px;
padding: 0px;
}
.page-error-404 .bottom-part .page-404-links .page-404-links-title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 16px;
}
.page-error-404 .bottom-part .page-404-links .page-404-links-content .page-404-links-content-item a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding: 18px 0px;
display: flex;
justify-content: start;
align-items: center;
text-decoration: none !important;
cursor: pointer;
text-transform: uppercase;
}
.page-error-404 .bottom-part .page-404-links .page-404-links-content .page-404-links-content-item a img {
margin-left: 11px;
}
@media (max-width: 991px) {
.page-error-404 .top-part .row > .col-12 {
padding: 0px;
}
.page-error-404 .top-part .page-404-image {
padding-top: 40px;
text-align: center;
}
.page-error-404 .bottom-part .page-404-links .page-404-links-title {
font-size: 24px;
}
.page-error-404 .bottom-part .page-404-links .page-404-links-content .page-404-links-content-item a {
font-size: 14px;
display: block;
}
}
.page-error-404 .page-404-links-jump-merchants,
.page-error-404 .page-404-links-jump-products,
.page-error-404 .page-404-links-jump-canary {
display: none;
}
@media (max-width: 485px) {
.page-error-404 .page-404-links-jump-canary {
display: block;
}
}
@media (max-width: 391px) {
.page-error-404 .page-404-links-jump-merchants {
display: block;
}
}
@media (max-width: 362px) {
.page-error-404 .page-404-links-jump-products {
display: block;
}
}
/* End 404 Error page */
/* 403 Error page */
.page-error-403 {
margin-top: 40px;
margin-bottom: 80px;
}
.page-error-403 .top-part {
margin-bottom: 40px;
}
.page-error-403 .top-part .page-403-title {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-error-403 .top-part .page-403-title h1 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin: 0px;
padding: 0px;
}
.page-error-403 .bottom-part .page-403-links .page-403-links-title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 16px;
}
.page-error-403 .bottom-part .page-403-links .page-403-links-content .page-403-links-content-item a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding: 18px 0px;
display: flex;
justify-content: start;
align-items: center;
text-decoration: none !important;
cursor: pointer;
text-transform: uppercase;
}
.page-error-403 .bottom-part .page-403-links .page-403-links-content .page-403-links-content-item a img {
margin-left: 11px;
}
@media (max-width: 991px) {
.page-error-403 .top-part .row > .col-12 {
padding: 0px;
}
.page-error-403 .top-part .page-403-image {
padding-top: 40px;
text-align: center;
}
.page-error-403 .bottom-part .page-403-links .page-403-links-title {
font-size: 24px;
}
.page-error-403 .bottom-part .page-403-links .page-403-links-content .page-403-links-content-item a {
font-size: 14px;
display: block;
}
}
.page-error-403 .page-404-links-jump-merchants,
.page-error-403 .page-404-links-jump-products,
.page-error-403 .page-404-links-jump-canary {
display: none;
}
@media (max-width: 485px) {
.page-error-403 .page-404-links-jump-canary {
display: block;
}
}
@media (max-width: 391px) {
.page-error-403 .page-404-links-jump-merchants {
display: block;
}
}
@media (max-width: 362px) {
.page-error-403 .page-404-links-jump-products {
display: block;
}
}
/* End 403 Error page */
/* Descubre page */
.discover .discover-title {
margin-top: 24px;
}
.discover .discover-title h1 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin: 0px;
padding: 16px 0px;
}
.discover .discover-title p {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
margin: 0px;
padding: 0px;
}
.discover .discover-content {
margin-top: 72px;
}
@media (min-width: 992px) {
.discover .discover-content .row > .col-12.col-lg-6:nth-of-type(odd) {
padding-right: 8px;
}
.discover .discover-content .row > .col-12.col-lg-6:nth-of-type(even) {
padding-left: 8px;
}
}
.discover .discover-content .discover-item {
margin-bottom: 80px;
}
.discover .discover-content .discover-item a {
display: block;
text-decoration: none !important;
outline: none !important;
box-shadow: none !important;
}
.discover .discover-content .discover-item .discover-item-container .top-part .discover-item-top-container {
border-radius: 8px;
height: 250px;
width: 100%;
padding: 32px;
}
/*Landing */
.white-rectangle {
background-color: white;
width: 90%;
height: 250px;
margin: 0 auto;
/* margin-top: -144px; */
position: relative;
bottom: 123px;
background-color: white;
margin-top: 50px; /* Ajusta el margen superior según tus necesidades */
padding: 20px; /* Ajusta el relleno interno según tus necesidades */
}
.white-rectangle-item-description,
.white-title-number {
font: normal normal normal 16px Cartero;
letter-spacing: 0px;
color: #333333;
opacity: 1;
}
.white-rectangle-title-container.d-flex.justify-content-center .mt-4{
text-align: left;
font: normal normal normal 26px Cartero;
letter-spacing: 0px;
color: #333333;
opacity: 1;
}
.white-title-just-number {
font-weight: bold;
color: #333;
background-color: #f2f2f2;
shape-outside: circle();
clip-path: circle();
padding: 8px;
}
.new-banner {
top: 20px;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
text-align: left;
margin-left: auto;
width: 90%;
margin-right: auto;
color: #333;
transform: translate(0,0);
}
.suscriptions-pill-approved {
width: 650px;
height: 100px;
box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;
opacity: 1;
background: #F4F4F4 0% 0% no-repeat padding-box;
display: flex;
justify-content: center;
align-items: center;
}
.suscriptions-pill-approved-title {
display: flex;
align-items: center;
}
.suscriptions-pill-approved-title-text{
font: normal normal normal 21px Cartero;
letter-spacing: 0px;
color: #333333;
opacity: 1;
font-weight: 300;
}
p.suscriptions-pill-approved-title-text {
margin-top: 0px;
margin-bottom: 0px;
}
.landing-banner-title {
font: normal normal normal 23px Cartero;
}
.landing-banner-description {
font: normal normal normal 15px Cartero;
}
.white-rectangle-item-icon-container {
border-radius: 50%;
background-color: #f2f2f2;
text-align: center;
display: contents;
}
.white-rectangle-item {
width: 75%;
}
.footer-landing .footer-middle-links.d-none.footer-landing.d-lg-flex {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: center;
flex-direction: row;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 768px){
.content-for-mobile {
height: 300px !important;
}
}
@media(max-width: 400px) {
.landing-page-options-container {
/* height: 15vh !important; */
width: 100%;
}
.new-banner {
color: #FFFFFF !important;
}
.background-image {
width: 100%;
}
.content-for-mobile{
height: 630px !important;
}
.rectangle{
height: auto;
width: 90% !important;
}
}
@media screen and (min-width: 230px) and (max-width: 550px) {
.content-for-mobile{
height: 300px !important;
}
.suscriptions-pill-approved {
width: 100%;
height: 59px;
}
.suscriptions-pill-approved-title-text{
font: normal normal normal 16px Cartero;
margin-top: 12px;
font-weight: 300;
}
#my-svg {
width: 66px;
height: 37px;
margin-bottom: 2px !important;
}
}
@media screen and (min-width: 551px) and (max-width: 991px) {
.content-for-mobile{
height: 300px !important;
}
.suscriptions-pill-approved {
width: 559px;
height: 63px;
}
.suscriptions-pill-approved-title{
gap:1px;
padding: 0 1.5rem;
}
p.suscriptions-pill-approved-title-text {
margin-top: 0px;
}
.suscriptions-pill-approved-title-text{
font: normal normal normal 18px Cartero;
margin-top: 12px;
font-weight: 300;
}
#my-svg {
width: 66px;
height: 37px;
margin-bottom: 2px !important;
}
}
.rectangle {
width: 80%;
background-color: #fff;
margin-left: auto;
margin-right: auto;
transform: translate(0%,0%);
padding: 0 15px;
align-items: center;
position: relative;
margin-top: 6%;
height: auto;
/* height: 350px;
display: flex;*/
}
@media(min-width: 1200px) {
.landing-text-inner-banner {
font-size: 42px;
}
}
@media(min-width: 1200px) {
.landing-text-inner-banner {
font-size: 34px;
}
}
@media(max-width: 767px) {
.rectangle {
z-index: 1;
border-radius: 10px 10px 10px 10px;
bottom: 0;
}
.landing-text-inner-banner {
font-size: 26px;
}
}
.landing-text-inner-banner {
font-size: 1rem;
font-weight: bold;
position: relative;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) var(--unnamed-font-family-cartero);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
text-align: left;
font: normal normal 300 Cartero;
letter-spacing: 0px;
color: #FFFFFF;
font-size: 26px;
opacity: 1;
text-transform: uppercase;
}
@media(max-width: 767px) {
.landing-text-inner-banner {
left: 0;
font-size: inherit;
bottom: 0;
}
.background-image{
width: 100%;
}
.landing-banners-titles-container.mt-3.text-center.d-flex.align-items-center{
width: 100%;
}
.landing-page-options-container{
width: 100%;
}
}
.container-newLanding-page {
/* max-width: 1360px; */
padding: 0 15px;
margin: 0 0 35px auto;
}
.container-landing-page-options {
position: relative;
}
.background-image .text-overlay {
position: absolute;
margin-left: auto;
margin-right: auto;
align-items: center;
width: fit-content;
margin-top: auto;
margin-bottom: auto;
display: flex;
color: #FFFFFF;
align-content: center;
flex-wrap: wrap;
left: 3rem;
bottom: 5rem;
}
.landing-banner-section-title {
margin-left:auto;
margin-right:auto;
color: var(--unnamed-color-333333);
text-align: left;
font: normal normal normal 20px Cartero;
letter-spacing: 0px;
color: #333333;
opacity: 1;
}
p.landing-banner-section-title-one {
margin-bottom: 0rem;
text-align: initial;
font-size: 21px;
}
p.landing-banner-section-title-two {
text-align: initial;
font-size: 21px;
}
.landing-form-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.Categories-Content .top-tools .category-order.collection {
display: flex;
flex-direction: row;
}
.Categories-Content .top-tools .category-order .collection p {
color: #0F2D69;
font-size: 18px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0px;
margin-left: auto;
}
.category-inner-title.colections {
text-align: center;
}
.category-inner-title.colections .category-inner-title-content.colections h1 {
display: flex;
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 36.05px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.category-inner-title.colections .category-inner-description.colections p {
display: flex;
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 28px;
font-family: Cartero;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 60px;
margin-bottom: 40px;
}
.category-inner-title .collections .category-inner-title-content{
display: flex;
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 36.05px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.category-inner-title .collections .category-inner-title-content .category-inner-description {
display: flex;
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 22.031px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.footer-subscription-data-protection-container .footer-subscription-data-protection-title {
width: 242px;
}
/* RGPD CHECK */
.footer-subscription-data-protection-title{
width: 100;
color: #002e6d;
font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 16px; margin-bottom: 0px;
}
.bottom-part-rgpd.button-rgpd-style{
width: 300px;
}
.footer-subscription-data-protection-title a {
color: #002e6d;
font-size: 14px;
font-weight: normal;
line-height: normal;
text-decoration: underline;
margin-bottom: 0px;
}
.footer-margin-top{
margin-top: 150px;
}
.rgpd .rgpd-content .switch-field {
width: 100%;
overflow: hidden;
}
.rgpd .rgpd-content .switch-title {
margin-bottom: 6px;
}
.rgpd .rgpd-content .switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.rgpd .rgpd-content .switch-field label {
float: left;
}
#data-protection-main-switch {
margin: 16px 0px;
}
.rgpd .rgpd-content .switch-field label {
display: inline-block;
width: 33.33%;
background-color: #F3F2F2;
color: #002e6d;
font-size: 18px;
line-height: 22px;
font-weight: 300;
text-align: center;
text-shadow: none;
padding: 16.5px;
margin: 0px;
border: 1px solid #949494;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#data-protection-main-switch label:first-of-type {
border-right: 0px !important;
}
.rgpd .rgpd-content .switch-field label:last-of-type {
border-left: 0px !important;
}
.rgpd .rgpd-content .switch-field label:hover {
cursor: pointer;
}
.rgpd .rgpd-content .rgpd-content-content-some {
margin-top: 16px;
}
.rgpd .rgpd-content .rgpd-content-content-some .rgpd-content-content-some-item {
margin-bottom: 24px;
}
.rgpd .rgpd-content .rgpd-content-content-some .rgpd-content-content-some-item .rgpd-content-content-some-item-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.rgpd .rgpd-content .rgpd-content-content-some .rgpd-content-content-some-item .rgpd-content-content-some-item-container .rgpd-content-content-some-text {
margin-right: 8px;
}
.rgpd .rgpd-content .rgpd-content-content-some .rgpd-content-content-some-item .rgpd-content-content-some-item-container .rgpd-content-content-some-input {
flex-shrink: 0;
margin-left: 8px;
}
.rgpd .rgpd-content .rgpd-content-content-some .switch-field label {
width: auto;
padding: 8px;
min-width: 69px;
}
.rgpd .rgpd-content .switch-field input[value="1"]:checked + label {
background-color: #FFCD00;
}
.rgpd .rgpd-content .switch-field input[value="0"]:checked + label,
#switch_no_1:checked + label {
background-color: #CBCBCB;
}
.rgpd .rgpd-content .switch-field input:checked + label {
background-color: #FFCD00;
-webkit-box-shadow: none;
box-shadow: none;
}
.rgpd .rgpd-content .switch-field label:first-of-type {
border-radius: 4px 0 0 4px;
}
.rgpd .rgpd-content .switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
}
.rgpd .rgpd-content-title input[type="checkbox"] {
margin-right: 5px;
margin-top: 0px;
}
.rgpd .rgpd-content-title,
.rgpd .rgpd-content-text p,
.rgpd .rgpd-content-content span {
font-size: 15px;
line-height: 24px;
font-weight: 300;
color: #333333;
text-transform: none;
display: block;
margin: 10px 0px 8px 0px;
}
.rgpd .rgpd-content a,
.rgpd .rgpd-content a:hover,
.rgpd .rgpd-content a:focus {
text-decoration: none !important;
font-size: 15px;
font-weight: normal;
color: #002e6d;
text-transform: none;
}
.rgpd-content-main-switch {
margin-top: 5px;
}
/* / RGPD CHECK */
/* START reCAPTCHA */
#rc-anchor-container{
transform: scale(0.84);
transform-origin: 0 0;
}
/* END reCAPTCHA */
/* backgrounds */
.background-image {
background: url(../images/staticpages/discover/landing_1.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 90%;
position: relative;
align-items: center;
display: flex;
margin: auto;
min-height: 30vh;
}
.landing-page-options-container {
background: url(../images/staticpages/discover/landing_2.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 80%;
position: relative;
align-items: center;
margin: auto;
height: 474px;
padding-bottom: 40px;
}
/* finish....Landing*/
.discover .discover-content .food-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/alimentacion.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .health-and-beauty-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/belleza.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .art-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/arte-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .books-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/libros-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .cine-and-tv-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/cine-tv-y-musica-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .maternidad-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/maternidad-bebes-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .technology-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/tecnologia-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .sports-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/deporte-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .health-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/salud-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .beauty-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/belleza.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .correos-shop-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/tienda-correos-img-categoria.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .clothing-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/moda.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .home-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/hogar.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .handmade-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/artesania.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.discover .discover-content .drinks-category .discover-item-container .top-part .discover-item-top-container {
background: url(../images/staticpages/discover/bebidas.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* backgrounds */
.discover .discover-content .discover-item .discover-item-container .top-part .discover-item-top-container .discover-item-title {
color: #FFFFFF;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
}
.discover .discover-content .discover-item .discover-item-container .top-part .discover-item-top-container .discover-item-subtitle {
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part {
margin-top: -50px;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
/* Styles */
width: 108px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0px 32px;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container .discover-item-bottom-image {
padding-top: 12px;
padding-bottom: 7px;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container .discover-item-bottom-image .discover-item-bottom-image-container {
width: 40px;
height: 40px;
border: 1px solid #B38F00;
border-radius: 100%;
background: #FFCD00;
display: flex;
align-items: center;
justify-content: center;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container .discover-item-bottom-text {
padding-bottom: 9px;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container .discover-item-bottom-text p {
margin: 0px;
padding: 0px;
/* Font */
color: #002e6d;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
}
@media (max-width: 991px) {
.discover .discover-content .discover-item .discover-item-container .bottom-part {
margin-top: -33px;
}
.discover .discover-content .discover-item .discover-item-container .top-part .discover-item-top-container .discover-item-title {
font-size: 32px;
}
.discover .discover-content > .row > .col-12 {
padding: 0px;
}
.footer-margin-top.landing-footer-margin-top{
margin-top: 70px;
}
p.landing-banner-section-title-one {
margin-bottom: 1rem;
text-align: initial;
font-size: 21px;
}
p.landing-banner-section-title-two {
text-align: initial;
font-size: 21px;
}
.be-a-merchant-features.inner-banner-titles-landing {
padding-top: 0px;
}
.category-inner-title.colections {
text-align: center;
margin-top: 1rem;
}
.category-inner-title.colections .category-inner-title-content.colections h1 {
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 26px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.category-inner-title.colections.category-inner-description.colections p {
display: flex;
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 20px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.category-inner-title.colections .category-inner-description.colections p {
display: flex;
flex-direction: column;
flex-shrink: 0;
color: #243661;
text-align: center;
font-size: 21px;
font-family: Cartero;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 70px;
margin-bottom: 40px;
top: 80px;
}
}
@media (max-width: 767px) {
.discover .discover-title h1 {
margin-bottom: 24px;
}
.discover .discover-content .discover-item {
margin-bottom: 48px;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container .discover-item-bottom-image {
padding: 12px 0px !important;
}
.discover .discover-content .discover-item .discover-item-container .bottom-part .discover-item-bottom-container .discover-item-bottom-text {
display: none;
}
}
/* End Descubre page */
/* Contact page */
.contact-page .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/contact/top-background.png);
/* Mask config */
height: 390px;
max-height: 390px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-home_escritorio.svg);
-webkit-mask: url(../images/masks/mascara-home_escritorio.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
}
@media (max-width: 991px) {
.contact-page .top-page-background {
/* margin-top: -32px; */
}
}
@media (max-width: 550px) {
.contact-page .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/contact/top-background.png);
/* Mask config */
height: 200px;
max-height: 200px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-cabeceras_smartphone.svg);
-webkit-mask: url(../images/masks/mascara-cabeceras_smartphone.svg);
mask-size: 580px;
-webkit-mask-size: 580px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
/* margin-top: -32px; */
}
}
.contact-page .top-part {
position: relative;
z-index: 50;
}
.contact-page .top-part .contact-page-title {
margin-top: 16px;
margin-bottom: 94px;
}
.contact-page .top-part .contact-page-title h1 {
color: #FFFFFF;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
padding: 7px 0px;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container {
padding-bottom: 128px;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container .contact-page-main-block-content {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
padding: 48px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container .contact-page-main-block-content h4 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 12px 0px;
}
.contact-page .more-doubts {
margin-bottom: 80px;
}
.contact-page .more-doubts .more-doubts-content .more-doubts-text {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 32px;
}
.contact-page .more-doubts .more-doubts-content .more-doubts-link a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding: 18px 0px;
display: flex;
justify-content: start;
align-items: center;
text-decoration: none !important;
cursor: pointer;
}
.contact-page .more-doubts .more-doubts-content .more-doubts-link a img {
margin-left: 11px;
}
@media (max-width: 991px) {
.contact-page .top-part .contact-page-title {
margin-bottom: 32px;
}
.contact-page .top-part .contact-page-title h1 {
font-size: 36px;
line-height: 48px;
padding: 0px;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container {
padding-bottom: 56px;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container .contact-page-main-block-content {
padding: 24px 0px;
flex-direction: column;
align-items: start;
justify-content: center;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container .contact-page-main-block-content h4 {
font-size: 28px;
}
.contact-page .top-part .contact-page-main-block .contact-page-main-block-container .contact-page-main-block-content .contact-page-main-block-phone {
margin-bottom: 32px;
}
.contact-page .more-doubts .more-doubts-content .more-doubts-link {
margin-bottom: 22px;
}
.contact-page .more-doubts .more-doubts-image {
text-align: center;
}
.contact-page .more-doubts .more-doubts-content .more-doubts-text {
margin-bottom: 24px;
}
.contact-page .more-doubts {
margin-bottom: 24px;
}
}
/* End Contact page */
/* legal documents styles */
.cookie-policy table tr td {
padding: 10px;
}
/* End legal documents styles */
/* Merchant detail page */
.merchant-detail-page {
padding-top: 16px;
}
.merchant-detail-page .top-part {
padding-bottom: 80px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container {
position: relative;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-logo {
z-index: 10;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-logo .merchant-detail-image-logo-content {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
padding: 16px;
display: flex;
justify-content: center;
align-items: center;
height: 210px;
width: 100%;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-logo .merchant-detail-image-logo-content img {
width: 100%;
height: auto;
max-height: 180px;
object-fit: contain;
object-position: center;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category {
margin-top: -46px;
z-index: 200;
position: absolute;
width: 100%;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category .merchant-detail-category-container {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
width: 108px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category .merchant-detail-category-container .merchant-detail-category-image {
padding-top: 12px;
padding-bottom: 7px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category .merchant-detail-category-container .merchant-detail-category-image .merchant-detail-category-image-container {
width: 40px;
height: 40px;
border: 1px solid #B38F00;
border-radius: 100%;
background: #FFCD00;
display: flex;
align-items: center;
justify-content: center;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category .merchant-detail-category-container .merchant-detail-category-text {
padding-bottom: 9px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category .merchant-detail-category-container .merchant-detail-category-text p {
margin: 0px;
padding: 0px;
color: #002e6d;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 24px;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 16px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-title-container {
flex-grow: 1;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-title-container .merchant-detail-name {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 16px 0px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-title-container .merchant-detail-slogan {
color: #333333;
font-size: 18px;
font-weight: normal;
letter-spacing: 0;
line-height: 32px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-valoration-container {
text-align: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-valoration-container .merchant-detail-reviews a {
color: #002e6d;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
text-decoration: none !important;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-description {
margin-bottom: 35px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-description .merchant-detail-description-content {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container .title {
color: #333333;
font-size: 15px;
letter-spacing: 0;
line-height: 24px;
padding: 4px 0px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container .text a,
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container .text p {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
padding: 7.5px 0px;
text-decoration: none !important;
margin-bottom: 0px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container .merchant-detail-contact-item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container .merchant-detail-contact-item a {
text-decoration: none !important;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-map-marker {
float: right;
width: 28px;
height: 28px;
border: 1px solid #B38F00;
border-radius: 100%;
background: #FFCD00;
display: flex;
align-items: center;
justify-content: center;
}
.merchant-detail-page .bottom-part .nav-tabs {
border-bottom: 1px solid #CBCBCB;
}
.merchant-detail-page .bottom-part .nav-tabs .nav-item .nav-link {
color: #002e6d;
font-size: 18px;
letter-spacing: 0;
line-height: 32px;
text-align: center;
paddin-bottom: 19px;
border: 0px;
border-bottom: 3px solid transparent;
}
.merchant-detail-page .bottom-part .nav-tabs .nav-item .nav-link.active {
border-bottom: 3px solid #FFCD00;
}
.merchant-detail-page .bottom-part .tab-content {
padding: 80px 0px;
}
.merchant-detail-page .bottom-part .merchant-detail-page-tabcontent-description,
.merchant-detail-page .bottom-part .merchant-detail-page-tabcontent-description p,
.merchant-detail-page .bottom-part .merchant-detail-page-tabcontent-description h3 {
color: #002e6d !important;
}
.merchant-detail-page .bottom-part .bottom-part-content .title{
/* left: 0 !important;
position: relative;
display: flex;
align-items: center;
padding-bottom: 25px;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center; */
display: flex;
align-items: center;
padding-bottom: 25px;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: left;
}
.merchant-detail-page .bottom-part .bottom-part-content .title h4{
color: #333;
font-size: 28px;
font-weight: 300;
padding: 0px;
}
.merchant-detail-page .bottom-part .bottom-part-content .title h5{
font-size: 16px;
text-align: left;
}
.advice-container-new{
background-color:#EAEDF0;
}
.advice-container-description{
color:#002e6d !important;
font-weight: 500;
}
.new-advice-button {
width: 100%;
font-size: 18px;
font-weight: bold;
}
@media ( min-width : 768px) {
.new-advice-button {
width: 25%;
}
}
@media (max-width: 991px) {
.merchant-detail-page .top-part {
padding-bottom: 40px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-logo .merchant-detail-image-logo-content {
max-width: 204px;
margin: auto;
padding: 12px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container .merchant-detail-image-category {
margin-top: -60px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-image-container {
margin-bottom: 48px; /* 32 + 16 margin*/
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title {
flex-direction: column;
justify-content: start;
padding-bottom: 17px;
margin-bottom: 32px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-title-container {
margin-bottom: 16px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-title-container .merchant-detail-name {
padding: 8px 0px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-title-container .merchant-detail-slogan {
margin-bottom: 8px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-valoration-container {
flex-direction: row;
justify-content: start;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-valoration-container .merchant-detail-reviews a {
padding: 11.5px 0px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-description {
margin-bottom: 32px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container {
flex-direction: column;
justify-content: start;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-contact .merchant-detail-contact-container .merchant-detail-contact-item:not(:last-child) {
margin-bottom: 24px;
}
.merchant-detail-page .bottom-part .tab-content {
padding: 24px 0px;
}
.merchant-detail-page .top-part .merchant-detail-info .merchant-detail-content .merchant-detail-title .merchant-detail-valoration-container .merchant-detail-stars {
margin-right: 8px;
}
}
@media (max-width: 575px) {
.merchant-detail-page .bottom-part .bottom-part-nav {
width: 100%;
overflow-x: auto;
overflow-y:hidden;
}
.merchant-detail-page .bottom-part .nav-tabs {
width: 528px;
}
}
@media (max-width: 320px) {
.merchant-detail-page .bottom-part .nav-tabs {
width: 390px;
}
.merchant-detail-page .bottom-part .nav-tabs .nav-item .nav-link {
padding: 0px 16px 15px 16px;
white-space: nowrap;
}
}
/* End Merchant detail page */
/* Reviews Styles */
a#dropdownMenuLink {
background: #F2F2F2 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
color: #333333;
width: min-content;
height: 45px;
position: relative;
font-size: 16px;
border: 0;
margin: 30px 0px 30px 0px;
display: block;
float: right;
}
.product .product-reviews-block .ProductsReviewsTitle h5, .merchant-reviews .title h5{
font-size: 16px;
margin-bottom: 0;
}
.product .Product-Reviews-Content {
margin-top:40px;
}
.product .product-reviews-block .ProductsReviewsTitle .title {
display: flex;
align-items: center;
padding-bottom: 25px;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: left;
}
.product .product-reviews-block .ProductsReviewsTitle h4,
.merchant-reviews .title h4{
color: #333333;
font-size: 28px;
font-weight: 300;
padding: 0px 0px;
}
.review-item .review-txt{
white-space: normal;
}
.review-item .user {
text-align: left;
margin-bottom: 5px;
}
.review-item .user .user-image {
border-radius: 50%;
overflow: hidden;
margin-right: 1rem;
}
.review-item .user .user-image {
max-width: 100%;
width: 35px;
height: 35px;
object-fit: contain;
}
.reviews-container {
padding: 1px 25px;
background-color: #fff;
}
.review-item .user .user-name {
color: #333333;
font-size: 16px;
font-weight: normal;
letter-spacing: 0;
line-height: 24px;
text-align: left;
opacity: 1;
}
.review-item .title {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
}
.review-item .title .title-text {
font-size: 16px;
font-weight: bold;
color: #212529;
}
.review-item .date {
text-align: left;
color: #757575;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
padding: 3.5px 0px;
}
.review-item .aditional-data {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
}
.review-item .aditional-data .variant-name {
font-size: 16px;
font-weight: normal;
color: #212529;
}
.review-item .aditional-data .verified-buyer {
font-size: 16px;
font-weight: bold;
color: #00457D;
}
.review-item .review-title {
display: flex;
margin-bottom: 5px;
}
.review-item .review-title h4 {
color: #333333;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 32px;
margin-bottom: 0px;
}
.review-item .description {
display: flex;
flex-direction: column;
align-items: start;
margin-bottom: 10px;
}
.review-item .description p {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
margin-top: 4px;
}
.review-item .rating-box::before {
font-size:14px;
}
.review-item .rating-box .rating {
color: #fda000;
}
.review-item .rating-box .rating::before {
color: #fda000;
font-size:14px;
}
/* Reviews reply */
.review-item {
/*padding-bottom: 49px;*/
}
.review-item:not(:last-child) {
border-bottom: 1px solid #CBCBCB;
margin-bottom: 40px;
padding: 1px 0px;
}
.review-item .answer-blockquote {
background-color: #fff;
width: 80%;
float: right;
padding: 20px;
margin-top: 20px;
font-size: 1rem !important;
}
.review-item .ratings-date {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
/*Rating opinions*/
.heading {
font-size: 25px;
margin-right: 25px;
}
.fa {
font-size: 15px;
}
.checked {
color: orange;
}
/* Three column layout */
.side {
float: left;
margin-top:10px;
font-size: 12px;
margin-right: 3%;
text-align: left;
width: 53px;
}
.side.selected {
font-weight: 400;
}
.middle {
margin-top:10px;
float: left;
width: 56%;
}
/* Place text to the right */
.right {
text-align: right;
margin-left: 3%;
width: 30px;
}
.puntuation {
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* The bar container */
.bar-container {
width: 100%;
background-color: #f1f1f1;
text-align: center;
color: white;
border-radius: 5px;
}
/* Individual bars */
.bar {
width: 60%;
height: 18px;
background-color: #fda000;
border-radius: 4px;
}
.rating.opinions {
margin-top: 1.25rem;
display: grid;
align-content: center;
justify-content: center;
align-items: center;
}
.rating.opinions > .opinion > .container > .row {
justify-content:center;
}
@media (max-width: 1199px) and (min-width: 992px) {
.opinion{
position: relative;
}
.rating.opinions {
display: grid;
align-content: center;
justify-content: center;
align-items: center;
}
}
/*End the rating opinions*/
span.users {
color: #757575;
font-weight: 400;
}
.opinions {margin-top: 3.25rem;}
.container-circle {
margin-bottom: 1.25rem;
width: 130px;
height: 130px;
border-radius: 50%;
border: 5px solid;
border-color: #e3e3e3;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: column;
margin-left: auto;
position: relative;
margin-right: auto;
}
.number {
display: flex;
/* position: relative; */
font-size: 40px;
color: #949494;
font-weight: 300;
}
.customers-opinions {
display: grid;
align-content: center;
justify-content: center;
align-items: center;
margin-top: 0.45em;
}
@media (max-width: 992px) {
.review-item .ratings-date {
flex-direction: column;
}
.rating.opinions {
display: grid;
align-content: center;
justify-content: center;
align-items: center;
}
}
/* End Reviews Styles*/
/* Be a Merchant page */
.be-a-merchant .top-page-background.landing-banner-picture1 {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/be-a-merchant/img-cabecera-lading-novedades.jpg);
/* Mask config */
height: 254px;
max-height: 254px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-home_escritorio.svg);
-webkit-mask: url(../images/masks/mascara-home_escritorio.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
}
.be-a-merchant .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/be-a-merchant/top-background.png);
/* Mask config */
height: 280px;
max-height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-responsive-280.svg);
-webkit-mask: url(../images/masks/mascara-responsive-280.svg);
mask-size: 100%;
-webkit-mask-size: 100%;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
/* margin-top: -32px; */
}
@media (max-width: 991px) {
.be-a-merchant .top-page-background {
/* margin-top: -32px; */
}
}
@media (max-width: 550px) {
.be-a-merchant .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/be-a-merchant/top-background.png);
/* Mask config */
height: 280px;
max-height: 280px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-responsive-280.svg);
-webkit-mask: url(../images/masks/mascara-responsive-280.svg);
mask-size: 578px;
-webkit-mask-size: 578px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
/* margin-top: -32px; */
}
}
.be-a-merchant .be-a-merchant-title {
padding-top: 16px;
padding-bottom: 34px;
position: relative;
z-index: 50;
min-height: 180px;
}
.be-a-merchant .be-a-merchant-title h1 {
color: #FFFFFF;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
padding: 7px 0px;
margin-bottom: 0px;
}
.be-a-merchant .be-a-merchant-features {
padding-top: 104px;
padding-bottom: 128px;
}
.be-a-merchant-features.inner-banner-titles-landing{
padding-top: 60px;
padding-bottom: 50px;
}
.be-a-merchant .be-a-merchant-features .features-container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.be-a-merchant .be-a-merchant-features .features-container .features-item {
flex-basis: 25%;
text-align: center;
}
.be-a-merchant .be-a-merchant-features .features-container .features-item .features-item-icon {
height: 48px;
width: 48px;
background-color: #FFCD00;
margin: auto auto 16px auto;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.be-a-merchant .be-a-merchant-features .features-container .features-item .features-item-text p {
margin-bottom: 0px;
color: #333333;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container.landing-banner-picture2 {
background: url(../images/staticpages/be-a-merchant/landing-novedades-1430x609.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 519px;
border-radius: 8px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container {
background: url(../images/staticpages/be-a-merchant/step-background.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 519px;
border-radius: 8px;
}
@media (min-width: 541px) and (max-width: 997px) {
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container.landing-banner-picture2 {
background: url(../images/staticpages/be-a-merchant/landing-novedades-1430x609.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 441px;
border-radius: 8px;
}
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container .steps-title {
padding-top: 75px;
padding-bottom: 80px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container .steps-title.landing-titles-middle-container {
padding-top: 72px;
padding-bottom: 20px;
}
.steps-title.landing-titles-middle-container {
margin-left: auto;
margin-right: auto;
width: 83%;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container .steps-title .steps-title-main {
color: #FFFFFF;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container .steps-title .steps-title-subtitle {
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
padding: 2px 0px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part {
margin-top: -313px;
padding-bottom: 128px;
}
.bottom-part.landing-page-bottom-part.landing{
padding-bottom:0px;
margin-top: -291px;
}
.be-a-merchant-features.inner-banner-titles-landing{
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content {
background: #ffffff;
border-radius: 8px;
padding: 40px 24px 48px 24px;
text-align: center;
border: 1px solid #F3F2F2;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content.landing-bottom-part-content {
background: #ffffff;
border-radius: 8px;
padding: 34px 24px 40px 24px;
border: 1px solid #F3F2F2;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top {
margin-bottom: 40px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top.landing-content-top {
margin-bottom: 46px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top .content-title {
color: #333333;
font-size: 18px;
letter-spacing: 0;
line-height: 32px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top .content-title.landing-content-title {
color: #333333;
font-size: 28px;
letter-spacing: 0;
line-height: 32px;
font-weight: 500;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .line {
width: 75%;
border-top: 1px solid #D8D8D8;
margin-bottom: -28px;
margin: auto auto -28px auto;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps.landing-steps {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 48px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item {
flex-basis: calc(100% / 3);
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item.landing-steps-item {
flex-basis: calc(100% / 4);
text-align: center;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number {
width: 120px;
margin: auto auto 8px auto;
background: #fff;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number .content {
height: 56px;
width: 56px;
margin: auto;
border: 1px solid #D8D8D8;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number .content .text {
color: #211914;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-text {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-bottom button {
padding: 16px 32px;
}
.be-a-merchant .be-a-merchant-why {
margin-bottom: 128px;
}
.be-a-merchant .be-a-merchant-why .why-text h4 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
margin-bottom: 16px;
}
.be-a-merchant .be-a-merchant-why .why-text p {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.be-a-merchant .be-a-merchant-how-to-achieve {
margin-bottom: 128px;
}
.be-a-merchant .be-a-merchant-how-to-achieve .achieve-text h4 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
margin-bottom: 16px;
}
.be-a-merchant .be-a-merchant-how-to-achieve .achieve-text p {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.be-a-merchant .be-a-merchant-criteria {
margin-bottom: 128px;
}
@media (min-width: 992px) {
.be-a-merchant .be-a-merchant-criteria .criteria-content {
margin-left: -7.5px;
}
}
@media (max-width: 991px) {
/* .steps-title.landing-titles-middle-container {
margin-left: 0px;
} */
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top .content-title.landing-content-title {
color: #333333;
font-size: 24px;
letter-spacing: 0;
line-height: 32px;
font-weight: 500;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-text.landing-steps-item-text {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container .steps-title.landing-titles-middle-container {
padding-top: 23px;
padding-bottom: 20px;
}
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-title {
margin-bottom: 48px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-title .criteria-title-text {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 0px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list {
display: flex;
flex-direction: row;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list .list {
padding-right: 32px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list .list .list-item {
position: relative;
padding-left: 32px;
margin-bottom: 24px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list .list .list-item:before {
position: absolute;
top: 6px;
left: 0px;
content:"";
width: 16px;
height: 16px;
background-color: #FFCD00;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list .list .list-item .list-item-text {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .separator {
width: 100%;
margin: 32px 0px 16px 7.5px;
border-bottom: 1px solid #CBCBCB;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-message .criteria-message-text {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .see-more button {
background: transparent;
border: 0px;
width: 100%;
color: #002e6d;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
margin-top: 24px;
margin-bottom: 16px;
}
.be-a-merchant .be-a-merchant-contact-us {
margin-bottom: 136px;
position: relative;
}
.be-a-merchant .be-a-merchant-contact-us .contact-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/be-a-merchant/contact-background.png);
/* Mask config */
height: 300px;
max-height: 300px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-home_escritorio.svg);
-webkit-mask: url(../images/masks/mascara-home_escritorio.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
}
@media (max-width: 550px) {
.be-a-merchant .be-a-merchant-contact-us .contact-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/be-a-merchant/contact-background.png);
/* Mask config */
height: 200px;
max-height: 200px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-cabeceras_smartphone.svg);
-webkit-mask: url(../images/masks/mascara-cabeceras_smartphone.svg);
mask-size: 580px;
-webkit-mask-size: 580px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
}
}
.be-a-merchant .be-a-merchant-contact-us .contact-content {
position: relative;
width: 100%;
}
.be-a-merchant .be-a-merchant-contact-us .contact-content .contact-block {
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
padding: 48px;
margin-top: 56px;
}
.be-a-merchant .be-a-merchant-contact-us .contact-content .contact-block .title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 32px;
}
.be-a-merchant .be-a-merchant-contact-us .contact-content .contact-block .button button {
padding: 16px 32px;
}
/* Modal */
#be-a-merchant-modal {
}
@media (min-width: 992px) {
#be-a-merchant-modal .modal-dialog {
min-width: 764px
}
}
#be-a-merchant-modal .modal-content {
border-radius: 8px;
padding: 40px;
}
#be-a-merchant-modal .modal-header {
border-bottom: 0px !important;
padding: 0px;
margin-bottom: 40px;
}
#be-a-merchant-modal .modal-header .modal-title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
}
#be-a-merchant-modal .modal-header .close {
opacity: 1 !important;
padding: 0px !important;
margin: 0px !important;
}
#be-a-merchant-modal .modal-body {
padding: 0px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .inputs {
margin-bottom: 32px;
}
@media (min-width: 992px) {
#be-a-merchant-modal .be-a-merchant-modal-content .inputs.row {
margin-right: -8px;
margin-left: -8px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .inputs .col-12.col-lg-6 {
padding: 0px 8px !important;
}
#be-a-merchant-modal .be-a-merchant-modal-content .inputs .col-12 {
padding: 0px 8px !important;
}
}
#be-a-merchant-modal .be-a-merchant-modal-content .inputs .form-group {
margin-bottom: 16px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .category .form-group {
margin-bottom: 16px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .data-protection-container {
margin-bottom: 28px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .data-protection-container .styles-checkbox {
padding-left: calc(1.5rem + 3px);
}
#be-a-merchant-modal .be-a-merchant-modal-content .data-protection-title {
margin: 0px;
padding-top: 1px;
padding-left: 19px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .buttons .btn {
padding: 16px 143px;
text-transform: uppercase;
}
#be-a-merchant-modal .be-a-merchant-modal-content .alert-no-styles {
color: #333333 !important;
background-color: transparent !important;
border-color: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
/* End Modal */
@media (max-width: 991px) {
.be-a-merchant .be-a-merchant-title {
padding-bottom: 60px;
}
.be-a-merchant .be-a-merchant-title h1 {
color: #FFFFFF;
font-size: 36px;
font-weight: 300;
letter-spacing: 0;
line-height: 43px;
padding: 0px;
}
.be-a-merchant .be-a-merchant-features {
padding-top: 174px;
padding-bottom: 72px;
}
.be-a-merchant-features.inner-banner-titles-landing {
padding-top: 60px;
padding-bottom: 63px;
}
.be-a-merchant .be-a-merchant-features .features-container {
flex-direction: column;
}
.be-a-merchant .be-a-merchant-features .features-container .features-item {
flex-basis: 100%;
margin-bottom: 24px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container {
height: 445px;
}
.be-a-merchant .be-a-merchant-steps .top-part .top-part-container .steps-title {
padding-top: 32px;
padding-bottom: 0px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part{
margin-top: -93px;
padding-bottom: 64px;
}
.bottom-part.landing-page-bottom-part.landing{
padding-bottom: 1px;
margin-top: -179px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content {
padding: 16px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top {
display: none !important;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-top.landing-content-top {
display:block !important;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .line {
display: none !important;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps {
flex-direction: column;
margin-bottom: 8px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item {
flex-basis: 100%;
margin-bottom: 32px;
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number .content {
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}
.be-a-merchant .be-a-merchant-steps .bottom-part .bottom-part-content .content-bottom button {
line-height: 20px;
padding: 12px;
}
.be-a-merchant .be-a-merchant-why,
.be-a-merchant .be-a-merchant-how-to-achieve {
margin-bottom: 64px;
}
.be-a-merchant .be-a-merchant-why .container,
.be-a-merchant .be-a-merchant-why .container .col-12,
.be-a-merchant .be-a-merchant-how-to-achieve .container,
.be-a-merchant .be-a-merchant-how-to-achieve .container .col-12 {
padding: 0px;
}
.be-a-merchant .be-a-merchant-why .why-text,
.be-a-merchant .be-a-merchant-how-to-achieve .achieve-text {
margin-bottom: 40px;
}
.be-a-merchant .be-a-merchant-criteria {
margin-bottom: 64px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list {
flex-direction: column;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list .list {
padding: 0px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .criteria-list .list .list-item {
margin-bottom: 16px;
}
.be-a-merchant .be-a-merchant-criteria .criteria-content .separator {
margin: 40px 0px 16px 0px;
}
.be-a-merchant .be-a-merchant-contact-us {
margin-bottom: 24px;
}
.be-a-merchant .be-a-merchant-contact-us .contact-content .contact-block {
padding: 16px;
margin-top: 100px;
}
.be-a-merchant .be-a-merchant-contact-us .contact-content .contact-block .title {
font-size: 24px;
line-height: 32px;
}
#be-a-merchant-modal {
padding: 0px 15px !important;
}
#be-a-merchant-modal .modal-dialog {
width: 100% !important;
}
#be-a-merchant-modal .modal-content {
padding: 16px;
}
#be-a-merchant-modal .modal-header {
position: relative;
}
#be-a-merchant-modal .be-a-merchant-modal-content .inputs .form-group,
#be-a-merchant-modal .be-a-merchant-modal-content .category .form-group {
padding: 0px;
}
#be-a-merchant-modal .be-a-merchant-modal-content .buttons .btn {
width: 100%;
padding: 16px;
}
}
@media (max-width: 764px) {
.be-a-merchant .be-a-merchant-features {
padding-top: 128px;
}
.be-a-merchant-features.inner-banner-titles-landing{
padding-top: 60px;
}
}
@media (max-width: 462px) {
.be-a-merchant .be-a-merchant-title {
padding-bottom: 20px;
}
}
@media (max-width: 378px) {
.be-a-merchant .be-a-merchant-features {
padding-top: 64px;
}
}
@media (min-width: 379px) and (max-width: 557px) {
.be-a-merchant-features.inner-banner-titles-landing{
padding-top: 60px;
}
}
/* End Be a Merchant page */
/* Our Denomination */
.our-denomination-new .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/our-denomination/top-background.png);
/* Mask config */
height: 254px;
max-height: 254px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-home_escritorio.svg);
-webkit-mask: url(../images/masks/mascara-home_escritorio.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
}
@media (max-width: 550px) {
.our-denomination-new .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/our-denomination/top-background.png);
/* Mask config */
height: 360px;
max-height: 360px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-responsive-360.svg);
-webkit-mask: url(../images/masks/mascara-responsive-360.svg);
mask-size: 578px;
-webkit-mask-size: 578px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
/* margin-top: -32px; */
}
}
.our-denomination-new .our-denomination-new-title {
padding-top: 16px;
padding-bottom: 110px;
position: relative;
z-index: 50;
}
.our-denomination-new .our-denomination-new-title h1 {
color: #FFFFFF;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
padding: 7px 0px;
margin-bottom: 0px;
}
.our-denomination-new .our-denomination-stamp {
position: relative;
margin-bottom: 80px;
}
.our-denomination-new .our-denomination-stamp .stamp-content {
display: flex;
justify-content: flex-end;
margin-top: -142px;
}
.our-denomination-new .our-denomination-stamp .stamp-content .stamp-container {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
padding: 16px 22px;
}
.our-denomination-new .our-denomination-stamp .stamp-content .stamp-container img {
width: 136px;
height: 136px;
max-width: 100%;
}
.our-denomination-new .our-denomination-new-steps .top-part .top-part-container {
background: url(../images/staticpages/our-denomination/steps-background.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 609px;
border-radius: 8px;
}
.our-denomination-new .our-denomination-new-steps .top-part .top-part-container .steps-title {
padding-top: 128px;
padding-bottom: 80px;
}
.our-denomination-new .our-denomination-new-steps .top-part .top-part-container .steps-title .steps-title-main {
color: #FFFFFF;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
}
.our-denomination-new .our-denomination-new-steps .top-part .top-part-container .steps-title .steps-title-subtitle {
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
letter-spacing: 0;
line-height: 28px;
margin-top: 24px;
margin-bottom: 40px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part {
margin-top: -313px;
padding-bottom: 128px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content {
background: #ffffff;
border-radius: 8px;
padding: 40px 24px 48px 24px;
text-align: center;
border: 1px solid #F3F2F2;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-top {
margin-bottom: 80px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-top .content-title {
color: #333333;
font-size: 18px;
letter-spacing: 0;
line-height: 32px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .line {
width: 75%;
border-top: 1px solid #D8D8D8;
margin: 28px auto -28px auto;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 48px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item {
flex-basis: calc(100% / 4);
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number {
width: 120px;
margin: auto auto 8px auto;
background: #fff;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number .content {
height: 56px;
width: 56px;
margin: auto;
border: 1px solid #D8D8D8;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number .content .text {
color: #211914;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-text {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-bottom a {
padding: 16px 80px;
}
.our-denomination-new .our-denomination-new-why {
margin-bottom: 128px;
}
.our-denomination-new .our-denomination-new-why .why-text h4 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
margin-bottom: 16px;
}
.our-denomination-new .our-denomination-new-why .why-text p {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.our-denomination-new .our-denomination-new-how-to-achieve {
margin-bottom: 128px;
}
.our-denomination-new .our-denomination-new-how-to-achieve .achieve-text h4 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
margin-bottom: 16px;
}
.our-denomination-new .our-denomination-new-how-to-achieve .achieve-text p {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.our-denomination-new .our-denomination-new-criteria {
margin-bottom: 128px;
}
@media (min-width: 992px) {
.our-denomination-new .our-denomination-new-criteria .criteria-content {
margin-left: -7.5px;
}
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-title {
margin-bottom: 48px;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-title .criteria-title-text {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin-bottom: 0px;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list .list {
padding-right: 32px;
flex-basis: 50%;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list .list .list-item {
position: relative;
padding-left: 32px;
margin-bottom: 24px;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list .list .list-item:before {
position: absolute;
top: 6px;
left: 0px;
content:"";
width: 16px;
height: 16px;
background-color: #FFCD00;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list .list .list-item .list-item-text {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .separator {
width: 100%;
margin: 32px 0px 16px 7.5px;
border-bottom: 1px solid #CBCBCB;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-message .criteria-message-text {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .see-more button {
background: transparent;
border: 0px;
width: 100%;
color: #002e6d;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
margin-top: 24px;
margin-bottom: 16px;
}
@media (max-width: 991px) {
.our-denomination-new .our-denomination-new-title {
margin-bottom: 40px;
}
.our-denomination-new .our-denomination-new-title h1 {
color: #FFFFFF;
font-size: 36px;
font-weight: 300;
letter-spacing: 0;
line-height: 43px;
padding: 0px;
}
.our-denomination-new .our-denomination-new-steps .top-part .top-part-container {
height: 445px;
}
.our-denomination-new .our-denomination-new-steps .top-part .top-part-container .steps-title {
padding-top: 32px;
padding-bottom: 0px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part{
margin-top: -233px;
padding-bottom: 64px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content {
padding: 24px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .line {
display: none !important;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps {
flex-direction: column;
margin-bottom: 8px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item {
flex-basis: 100%;
margin-bottom: 32px;
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-middle .middle-container .steps .steps-item .steps-item-number .content {
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}
.our-denomination-new .our-denomination-new-steps .bottom-part .bottom-part-content .content-bottom a {
line-height: 20px;
padding: 14px;
}
.our-denomination-new .our-denomination-new-why,
.our-denomination-new .our-denomination-new-how-to-achieve {
margin-bottom: 64px;
}
.our-denomination-new .our-denomination-new-why .why-text,
.our-denomination-new .our-denomination-new-how-to-achieve .achieve-text {
margin-bottom: 40px;
}
.our-denomination-new .our-denomination-new-criteria {
margin-bottom: 64px;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list {
flex-direction: column;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list .list {
padding: 0px;
flex-basis: 100%;
}
.our-denomination-new .our-denomination-new-criteria .criteria-content .criteria-list .list .list-item {
margin-bottom: 16px;
}
.our-denomination-new .our-denomination-stamp .stamp-content {
margin-top: -110px;
justify-content: center;
}
}
@media (max-width: 370px) {
.our-denomination-new .our-denomination-new-steps .bottom-part{
margin-top: -193px;
}
}
/* End Our Denomination */
/* Search results */
.search-results .has-results .search-results-title {
padding-top: 16px;
padding-bottom: 8px;
}
.search-results .has-results .search-results-title h1 {
color: #333333;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
text-transform: capitalize;
padding: 7px 0px;
margin-bottom: 0px;
}
.search-results .has-results .search-results-top-settings {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
.search-results .has-results .search-results-top-settings .results-amount {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.search-results .has-results .search-results-top-settings .results-ordering {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.search-results .has-results .search-results-top-settings .results-ordering p {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin-bottom: 8px;
}
.search-results .has-results .search-results-top-settings .results-ordering .Product-Order {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
text-align-last: right;
border: 0px;
padding-right: 28px;
background: url(../images/categories/chevron-down.png) no-repeat right transparent;
background-position-x: 100%;
background-repeat: no-repeat;
-webkit-appearance: none;
appearance: none;
}
.search-results .has-results .seach-results-list {
padding-top: 40px;
padding-bottom: 80px;
}
.search-results .no-results .search-results-title {
padding-top: 16px;
padding-bottom: 8px;
}
.search-results .no-results .search-results-title h1 {
color: #333333;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
text-transform: capitalize;
padding: 7px 0px;
margin-bottom: 0px;
}
.search-results .no-results .search-no-results-text {
padding-bottom: 120px;
}
.search-results .no-results .search-no-results-text p {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
margin-bottom: 0px;
}
.search-results .most-selled-products {
position: relative;
}
.search-results .most-selled-products .most-selled-background {
position: absolute;
z-index: 0;
height: 329px;
width: 100%;
background-color: #F6F6F6;
}
.search-results .most-selled-products .most-selled-title {
position: relative;
z-index: 50;
padding-top: 48px;
padding-bottom: 40px;
}
.search-results .most-selled-products .most-selled-title h4 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
margin-bottom: 0px;
}
.search-results .most-selled-products .most-selled-products-list {
position: relative;
z-index: 50;
}
@media (max-width: 991px) {
.search-results .has-results .search-results-title,
.search-results .no-results .search-results-title {
padding-bottom: 18px;
}
.search-results .has-results .search-results-title h1,
.search-results .no-results .search-results-title h1 {
font-size: 36px;
line-height: 43px;
padding: 2.5px 0px;
}
.search-results .no-results .search-no-results-text {
padding-bottom: 48px;
}
.search-results .has-results .search-results-top-settings .results-amount,
.search-results .no-results .search-no-results-text p {
font-size: 16px;
line-height: 28px;
}
.search-results .has-results .search-results-top-settings {
margin-bottom: 14px;
align-items: center;
width: 100%;
max-width: 100%;
overflow: hidden !important;
}
.search-results .has-results .search-results-top-settings .results-ordering p {
display: none !important;
}
.search-results .has-results .search-results-top-settings .results-ordering .Product-Order {
width: 23px;
padding-right: 23px;
background: url(../images/new-design-icons/filter.svg) no-repeat right transparent;
background-position-x: calc(100% - 1px);
}
}
/* End Search results */
/* Merchant listing */
.merchant-list .breadcrumbs-container .breadcrumb-item+.breadcrumb-item::before {
background: url(../images/new-design-icons/path-white.svg);
background-repeat: no-repeat;
background-position: center;
}
.merchant-list .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/merchant-list/listado-productores.png);
/* Mask config */
height: 254px;
max-height: 254px;
width: 100%;
background-size: cover;
background-position: center;
background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);
mask: url(../images/masks/mascara-desktop-254.svg);
-webkit-mask: url(../images/masks/mascara-desktop-254.svg);
mask-size: 1925px;
-webkit-mask-size: 1925px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
}
@media (max-width: 991px) {
.merchant-list .top-page-background {
/* margin-top: -32px; */
}
}
@media (max-width: 550px) {
.merchant-list .top-page-background {
position: absolute;
z-index: 0;
background-image: url(../images/staticpages/merchant-list/listado-productores-mobile.png);
/* Mask config */
height: 200px;
max-height: 200px;
width: 100%;
background-size: cover;
background-position: center;
/*background-color: rgba(0,0,0,0.5);
filter: brightness(0.5);*/
mask: url(../images/masks/mascara-cabeceras_smartphone.svg);
-webkit-mask: url(../images/masks/mascara-cabeceras_smartphone.svg);
mask-size: 580px;
-webkit-mask-size: 580px;
mask-position: center bottom;
-webkit-mask-position: center bottom;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
/* End Mask config */
/* margin-top: -32px; */
}
}
.merchant-list .merchant-list-title {
position: relative;
padding-top: 16px;
}
.merchant-list .merchant-list-title h1 {
color: #FFFFFF;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 58px;
padding: 7px 0px;
margin-bottom: 0px;
}
.merchant-list .top-links {
position: relative;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.merchant-list .top-links .top-links-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
}
@media (max-width: 991px) {
.merchant-list .top-links .top-links-map {
display: none !important;
}
}
.merchant-list .top-links .top-links-map a {
color: #002e6d;
text-decoration: none !important;
box-shadow: none !important;
outline: none !important;
}
.merchant-list .top-links .top-links-map .cat-icon {
position: relative;
bottom: 0;
height: auto;
width: 200px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.merchant-list .top-links .top-links-map .cat-icon .yellow-circle {
display: flex;
align-items: center;
justify-content: center;
color: #002e6d;
}
.merchant-list .top-links .top-links-content {
display: flex;
flex-direction: column;
}
.merchant-list .top-links .top-links-content .top-links-item {
margin-bottom: 8px;
}
.merchant-list .top-links .top-links-content .top-links-item a {
display: block;
text-decoration: none !important;
}
.merchant-list .top-links .top-links-content .top-links-item .top-links-item-container {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
width: 244px;
height: 56px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 24px;
margin: auto 0 auto auto;
}
.merchant-list .top-links .top-links-content .top-links-item .top-links-item-container .text {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
text-transform: uppercase;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop {
padding-top: 10px;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item {
padding: 0px;
margin: 0px;
border: 0px;
border-radius: 0px;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item:not(:first-child) {
margin-top: 4px;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item:not(:last-child) {
margin-bottom: 4px;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item.active,
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item:hover,
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item:focus {
background: #F3F2F2;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item a {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 24px;
padding: 0px 8px;
margin: 0px;
text-decoration: none !important;
cursor: pointer;
display: block;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item.active a,
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item:hover a,
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group .list-group-item:focus a {
font-weight: normal;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group.see-all {
padding-bottom: 32px;
}
.merchant-list .content .merchant-categories .merchant-categories-desktop .list-group.see-all .list-group-item {
margin: 4px 0px;
padding: 4px 0px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item {
border-bottom: 1px solid #CBCBCB;
padding: 16px 0px;
margin-bottom: 40px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-item-title .btn {
display: flex;
justify-content: space-between;
text-decoration: none !important;
cursor: pointer;
padding: 0px;
margin: 0px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-item-title .btn .title {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-item-title .btn .chevron {
transform: rotate( -180deg );
transition: transform ease;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-item-title .btn.collapsed .chevron {
transform: rotate( 0deg );
transition: transform ease;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content {
padding-top: 24px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content .list-group .list-group-item {
border: 0px;
margin: 0px;
padding: 0px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content .list-group .list-group-item:not(:first-child) {
padding-top: 8px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content .list-group .list-group-item:not(:last-child) {
padding-bottom: 8px;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content .list-group .list-group-item a {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
padding: 2px 0px;
text-decoration: none !important;
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content .list-group .list-group-item.active {
background: transparent !important
}
.merchant-list .content .merchant-categories .merchant-categories-mobile .merchant-categories-mobile-item .merchant-categories-mobile-content .list-group .list-group-item.active a {
font-weight: normal;
}
.merchant-list .content .merchant-listing .top-tools {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 24px;
}
.merchant-list .content .merchant-listing .top-tools .merchant-amount .merchant-amount-text {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.merchant-list .content .merchant-listing .top-tools .merchant-order {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.merchant-list .content .merchant-listing .top-tools .merchant-order p {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin-bottom: 8px;
}
.merchant-list .content .merchant-listing .top-tools .merchant-order .Product-Order {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
text-align-last: right;
border: 0px;
padding-right: 28px;
background: url(../images/categories/chevron-down.png) no-repeat right transparent;
background-position-x: 100%;
background-repeat: no-repeat;
-webkit-appearance: none;
appearance: none;
}
@media (max-width:575px) {
.merchant-list-collection .mt-sm-5.pt-sm-5 {
padding-top: 3rem !important;
}
}
.merchant-list-collection .merchant-categories-mobile-content h3 {
font-size: 1.6em;
}
.merchant-list-collection .merchant-categories-desktop h3 {
font-size: 1.4em;
margin-bottom: .7em;
}
@media (max-width: 991px) {
.merchant-list .merchant-list-title {
padding-bottom: 40px;
}
.merchant-list .merchant-list-title h1 {
font-size: 36px;
padding: 0px;
line-height: 48px;
}
.merchant-list .top-links {
padding-bottom: 32px;
}
.merchant-list .content .merchant-listing .top-tools {
margin-bottom: 14px;
align-items: center;
width: 100%;
max-width: 100%;
overflow: hidden !important;
}
.merchant-list .content .merchant-listing .top-tools .merchant-order p {
display: none !important;
}
.merchant-list .content .merchant-listing .top-tools .merchant-order .Product-Order {
width: 23px;
padding-right: 23px;
background: url(../images/new-design-icons/filter.svg) no-repeat right transparent;
background-position-x: calc(100% - 1px);
}
}
@media (max-width: 991px) {
.merchant-list .top-links .top-links-content .top-links-item .top-links-item-container {
margin: auto;
}
}
/* Merchant list item */
.merchant-list-gridview > .row {
margin: 0px -8px;
}
.merchant-list-gridview .merchant-list-gridview-col {
padding: 0px 8px;
}
.merchant-list-item {
margin-bottom: 16px;
}
.merchant-list-item a {
text-decoration: none !important;
color: unset !important;
outline: none !important;
box-shadow: none !important;
}
.merchant-list-item .merchant-list-item-container {
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
padding: 16px 20px;
}
.merchant-list-item .merchant-list-item-container .merchant-image {
margin-bottom: 16px;
}
.merchant-list-item .merchant-list-item-container .merchant-image .merchant-image-container {
display: flex;
justify-content: center;
align-items: center;
}
.merchant-list-item .merchant-list-item-container .merchant-image .merchant-image-container img {
width: 100%;
height: 154px;
object-fit: contain;
object-position: center;
}
.merchant-list-item .merchant-list-item-container .merchant-jobtitle-container {
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
padding: 12px 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
margin-bottom: 18px;
}
.merchant-list-item .merchant-list-item-container .merchant-jobtitle-container .merchant-icon .icon-container {
height: 40px;
width: 40px;
border: 1px solid #B38F00;
background-color: #FFCD00;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.merchant-list-item .merchant-list-item-container .merchant-jobtitle-container .merchant-icon .icon-container img {
max-width: 100%;
}
.merchant-list-item .merchant-list-item-container .merchant-jobtitle-container .merchant-job {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 24px;
margin-left: 16px;
display: block;
display: -webkit-box;
max-width: 100%;
max-height: 48px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.merchant-list-item .merchant-list-item-container .merchant-slogan {
margin-bottom: 16px;
position: relative;
}
.merchant-list-item .merchant-list-item-container .merchant-slogan .merchant-slogan-text {
color: #333333;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
text-align: center;
display: block;
display: -webkit-box;
max-width: 100%;
height: 62px;
padding: 4px 0px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.merchant-list-item .merchant-list-item-container .merchant-name {
margin-bottom: 16px;
}
.merchant-list-item .merchant-list-item-container .merchant-name .merchant-name-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
}
.merchant-list-item .merchant-list-item-container .merchant-name .merchant-name-container .text {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 24px;
word-break: break-all;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.merchant-list-item .merchant-list-item-container .merchant-name .merchant-name-container .icon {
margin-left: 11px;
}
@media (max-width: 991px) {
.merchant-list .content > .container > .row > .col-12 {
padding-right: 0px;
padding-left: 0px;
}
.merchant-list-gridview .merchant-list-gridview-col:nth-of-type(odd) {
padding-right: 4px;
padding-left: 0px;
}
.merchant-list-gridview .merchant-list-gridview-col:nth-of-type(even) {
padding-right: 0px;
padding-left: 4px;
}
.merchant-list-item .merchant-list-item-container {
padding: 8px 14px;
}
.merchant-list-item .merchant-list-item-container .merchant-image .merchant-image-container img {
height: 112px;
}
.merchant-list-item .merchant-list-item-container .merchant-slogan .merchant-slogan-text .merchant-slogan-text-inner {
font-size: 16px;
line-height: 20px;
}
.merchant-list-item .merchant-list-item-container .merchant-jobtitle-container {
display: none !important;
}
.merchant-list-item .merchant-list-item-container .merchant-name {
margin-bottom: 0px;
}
.merchant-list-item .merchant-list-item-container .merchant-name .merchant-name-container {
flex-direction: column;
}
.merchant-list-item .merchant-list-item-container .merchant-name .merchant-name-container .icon {
margin-left: 0px;
}
}
/* End Merchant list item */
/* End Merchant listing */
/* Product page alternatives */
.product-alternatives-products {
position: relative;
}
.product-alternatives-products .product-alternatives-title {
position: relative;
z-index: 50;
}
.product-alternatives-products .product-alternatives-title h4 {
color: #002E6D;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 5px 0px;
margin: 15px 0px;
}
.product-alternatives-products .product-alternatives-products-list {
position: relative;
z-index: 50;
}
/* End Product page alternatives */
/* Home go white styles */
#Home-Market-Slider .Home-Market-Slider-Text-Icon {
width: 18px;
max-width: 18px;
height: 18px;
max-height: 18px;
object-position: initial;
margin-left: 11px;
}
/* Home go white styles */
/* Category styles */
.Categories-Content .top-tools {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 24px;
}
.Categories-Content .top-tools .category-amount .merchant-amount-text {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
}
.Categories-Content .top-tools .category-order {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 40px;
margin-bottom: 10px;
}
.Categories-Content .top-tools .category-order p,
.Categories-Content .top-tools .category-order label {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 17px;
margin-bottom: 8px;
}
.Categories-Content .top-tools .category-order .collection p {
color: #0F2D69;
font-size: 18px;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0px;
margin-left: auto;
}
.Categories-Content .top-tools .category-order .Product-Order {
color: #002e6d;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 22px;
text-align-last: right;
border: 0px;
padding-right: 28px;
background: url(../images/categories/chevron-down.png) no-repeat right transparent;
background-position-x: 100%;
background-repeat: no-repeat;
-webkit-appearance: none;
appearance: none;
}
@media (max-width: 991px) {
.Categories-Content .top-tools {
margin-bottom: 14px;
align-items: center;
width: 100%;
max-width: 100%;
overflow: hidden !important;
padding-right: 15px;
}
.Categories-Content .top-tools .category-order p,
.Categories-Content .top-tools .category-order label {
display: none !important;
}
.Categories-Content .top-tools .category-order .Product-Order {
width: 23px;
padding-right: 23px;
background: url(../images/new-design-icons/filter.svg) no-repeat right transparent;
background-position-x: calc(100% - 1px);
}
}
.category-filters-mobile .category-filters-mobile-item {
border-bottom: 1px solid #CBCBCB;
padding: 16px 0px;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .btn {
display: flex;
justify-content: space-between;
text-decoration: none !important;
cursor: pointer;
padding: 0px;
margin: 0px;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .title {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .chevron {
transform: rotate( -180deg );
transition: transform ease;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-title .btn.collapsed .chevron {
transform: rotate( 0deg );
transition: transform ease;
}
.category-filters-mobile .category-filters-mobile-item .category-filters-mobile-item-content {
padding-top: 24px;
}
@media (max-width: 991px) {
.container-cat-icon {
display: none !important;
}
}
.container-category-body-no-banner {
margin-top: 24px;
}
@media (max-width: 991px) {
.category .wave-banner.svg-header {
background: none !important;
mask: none !important;
-webkit-mask: none !important;
height: auto !important;
}
.category .wave-banner.svg-header:before {
display: none !important;
}
.category .wave-banner .cat-title {
display: none !important;
}
.container-category-body {
margin-top: 16px;
}
.category .wave-banner .new-breadcrumbs p {
margin-bottom: 0px;
color: #002e6d;
font-size: 12px;
letter-spacing: 1.6px;
line-height: 24px;
text-transform: uppercase;
text-decoration: none !important;
cursor: pointer;
box-shadow: none !important;
outline: none !important;
}
.category .wave-banner .new-breadcrumbs .brd-item a {
color: #002e6d;
}
.category .wave-banner .new-breadcrumbs .current-brd {
color: #666666;
}
}
/* Category styles */
/* Product answer styles */
.answer .blockquote {
margin-top: 16px;
}
.answer .blockquote p {
color: #333333;
font-size: 16px;
background: #F2F2F2 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
width: fit-content;
max-width: 85%;
padding: 5px 20px 5px 20px;
position: relative;
margin-left: auto;
text-align: initial !important;
}
/* End Product answer styles */
/* Product free shipping module */
.product-free-shipping {
width: 100%;
padding-top: 40px;
margin-bottom: -93px;
}
.product-free-shipping .product-free-shipping-container {
margin: 0px 8px;
padding: 16px;
box-sizing: border-box;
border: 1px solid #F3F2F2;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
display: flex;
justify-content: start;
}
.product-free-shipping .product-free-shipping-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%
}
.product-free-shipping .product-free-shipping-icon .product-free-shipping-icon-container {
height: 40px;
width: 40px;
background-color: #FFCD00;
margin-right: 16px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-free-shipping .product-free-shipping-text {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.product-free-shipping .product-free-shipping-text .expected-shipment-content {
margin-right: 16px;
}
.product-free-shipping .product-free-shipping-text .expected-shipment-content p {
margin: 0px;
padding: 0px;
}
.product-free-shipping .product-free-shipping-text .expected-shipment-content span.free-shipping-included,
.product-free-shipping .product-free-shipping-text .expected-shipment-content {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 1.1em;
}
.product-free-shipping .product-free-shipping-text .expected-shipment-content span.shipping-time{
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 1.1em;
}
.product-free-shipping .product-free-shipping-text .send-by-correos-content {
display: flex;
justify-content: flex-end;
}
.product-free-shipping .product-free-shipping-text .send-by-correos-content p {
padding: 0px;
margin: 0px;
color: #333333;
font-size: 15px;
font-weight: normal;
letter-spacing: 0;
line-height: 32px;
}
@media (max-width: 767px) {
.product-free-shipping .product-free-shipping-text {
flex-direction: column;
}
.product-free-shipping .product-free-shipping-text .send-by-correos-content {
justify-content: start;
margin-top: 8px;
}
.product-attribute-container {
margin-bottom: 75px;
}
.product-free-shipping {
margin-bottom: -107px;
}
.answer .blockquote p {
color: #333333;
font-size: 16px;
background: #F2F2F2 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
width: fit-content;
max-width: 85%;
padding: 5px 20px 5px 20px;
position: relative;
margin-left: auto;
text-align: initial !important;
}
}
/* End Product free shipping module */
/* ############# END - NEW DESIGN FOR MARKET ############# */
/* New */
/* Tags offer - collection in product page */
.product-page-tag-container {
position: absolute;
top: 0;
right: 0;
z-index: 11;
box-sizing: content-box;
height: 36px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.product-page-tag-container .tag-item {
text-align: center;
height: 36px;
}
.product-page-tag-container .tag-item .tag-text {
background: #EC0E1D;
display: flex;
flex-direction: column;
justify-content: center;
width: fit-content;
max-width: 100%;
height: 100%;
padding: 0px 16px;
font-size: 15px;
font-weight: 300;
color: #fff;
}
.product-page-tag-container .tag-item.collection-tag {
flex-grow: 1;
}
.product-page-tag-container .tag-item .collection-text {
margin-right: auto;
margin-left: 0;
width: 100%;
align-items: flex-start;
}
.product-page-tag-container .tag-item .collection-text.short {
width: fit-content !important;
border-bottom-right-radius: 16px;
}
.product-page-tag-container .tag-item.offer {
height: 56px;
}
.product-page-tag-container .tag-item .offer-text {
margin-right: 0;
margin-left: auto;
align-items: flex-end;
border-top-right-radius: 16px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 16px;
}
@media (max-width: 576px) {
.product-page-tag-container {
position: static;
}
}
/* End Tags offer - collection in product page */
/* Product list item - Pack amount */
.item .image {
position: relative;
padding-top: 0px;
}
.item .number-items-in-pack {
position: absolute;
bottom: 5px;
right: 5px;
}
.number-items-in-pack {
position: absolute;
bottom: 5px;
right: 5px;
}
.number-items-in-pack .amount {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #ffcc00;
background-color: #ffffff;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
border-radius: 100%;
padding: 0px;
color: #3A3A3A;
font-size: 12px;
font-weight: bold;
}
/* End Product list item - Pack amount */
/* Product page - Pack amount */
.product .product-picture-information .product-images .product-images-main {
position: relative;
}
/* End Product page - Pack amount */
.offer-with-image {
position: absolute;
top: 0px;
right: 8px;
z-index: 11;
box-sizing: content-box;
display: flex;
justify-content: flex-end;
align-items: center;
}
.offer-with-image .offer-with-image-container {
border: 1px solid #ffcc00;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
overflow: hidden;
}
.offer-with-image .offer-with-image-container .text {
text-align: center;
}
.offer-with-image .offer-with-image-container .text p {
color: #002e6d;
font-size: 12px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
margin-bottom: 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.offer-with-image .offer-with-image-container .text p i {
margin-right: 4px;
}
.offer-with-image .offer-with-image-container .image {
}
.offer-with-image .offer-with-image-container .image img {
width: 60px !important;
height: auto !important;
max-width: 100% !important;
max-height: 30px !important;
object-fit: cover !important;
object-position: top !important;
}
.offer-with-image-in-product {
position: absolute;
top: 5px;
right: 20px;
z-index: 11;
box-sizing: content-box;
display: flex;
justify-content: flex-end;
align-items: center;
}
.offer-with-image-in-product .offer-with-image-container {
border: 1px solid #ffcc00;
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
overflow: hidden;
max-width: 150px;
}
.offer-with-image-in-product .offer-with-image-container .text {
text-align: center;
}
.offer-with-image-in-product .offer-with-image-container .text p {
color: #333333;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
margin-bottom: 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.offer-with-image-in-product .offer-with-image-container .text p i {
margin-right: 5px;
}
.offer-with-image-in-product .offer-with-image-container .image {
}
.offer-with-image-in-product .offer-with-image-container .image img {
width: 118px !important;
height: auto !important;
max-width: 100% !important;
max-height: 54px !important;
object-fit: cover !important;
object-position: top !important;
}
.valid-in-version {
font-size: 12px;
font-weight: 300;
color: #333333;
padding: 0px 35px;
}
.valid-in-version .symbol {
font-size: 16px;
font-weight: bold;
}
/* Order Finished page */
.order-finished {
margin-top: 40px;
margin-bottom: 80px;
}
.order-finished .top-part {
margin-bottom: 40px;
}
.order-finished .top-part .order-finished-content {
height: 100%;
display: flex;
flex-direction: column;
margin-bottom: 32px;
}
.order-finished .top-part .order-finished-content h1 {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin: 0px;
padding: 0px;
margin-bottom: 8px;
}
.order-finished .top-part .order-finished-content h4 {
color: #333333;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 24px;
margin: 0px;
padding: 0px;
margin-bottom: 40px;
}
.order-finished .top-part .order-finished-content p {
color: #333333;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
line-height: 18px;
margin: 0px;
padding: 0px;
margin-bottom: 16px;
}
.order-finished .bottom-part .order-finished-links .order-finished-links-title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 16px;
}
.order-finished .bottom-part .order-finished-links .order-finished-links-content .order-finished-links-content-item a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding: 18px 0px;
display: flex;
justify-content: start;
align-items: center;
text-decoration: none !important;
cursor: pointer;
text-transform: uppercase;
}
.order-finished .bottom-part .order-finished-links .order-finished-links-content .order-finished-links-content-item a img {
margin-left: 11px;
}
@media (max-width: 991px) {
.order-finished .top-part .row > .col-12 {
padding: 0px;
}
.order-finished .top-part .order-finished-image {
padding-top: 40px;
text-align: center;
}
.order-finished .bottom-part .order-finished-links .order-finished-links-title {
font-size: 24px;
}
.order-finished .bottom-part .order-finished-links .order-finished-links-content .order-finished-links-content-item a {
font-size: 14px;
display: block;
}
}
.order-finished .page-404-links-jump-merchants,
.order-finished .page-404-links-jump-products,
.order-finished .page-404-links-jump-canary {
display: none;
}
@media (max-width: 485px) {
.order-finished .page-404-links-jump-canary {
display: block;
}
}
@media (max-width: 391px) {
.order-finished .page-404-links-jump-merchants {
display: block;
}
}
@media (max-width: 362px) {
.order-finished .page-404-links-jump-products {
display: block;
}
}
/* Order Finished page */
.temp-red-color {
color: #ea0029 !important;
}
.temp-dark-layer .slider-img {
background-color: transparent !important;
filter: none !important;
}
/* Tecnology category page */
@media (min-width: 992px) {
.tecnology-text-container {
margin-top: 70px;
}
}
.tecnology-text-content {
}
.tecnology-text-content .tecnology-text-content-title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding: 4px 0px;
margin-bottom: 16px;
}
.tecnology-text-content .tecnology-text-content-text {
color: #333333;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 0px;
}
@media (max-width: 991px) {
.tecnology-text-content {
margin-bottom: 40px;
}
}
.tecnology-text-content-image {
text-align: center;
width: 100%;
}
.fancybox {
/* cursor: zoom-in !important; */
}
/* message */
@media (max-width: 767px) {
.alert.alert-secondary p{
font-weight: 400 !important;
font-size:14px;
}
}
.bottom-tools {
margin-top: 64px;
margin-bottom: 80px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
.bottom-tools .see-all-in-one-page a {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
text-decoration: none !important;
outline: none !important;
}
.bottom-tools .pagination {
margin-bottom: 0px;
}
.bottom-tools .pagination a {
color: #002e6d;
font-size: 21px;
font-weight: 300;
letter-spacing: 0;
line-height: 28px;
padding: 0px 8px;
display: flex;
align-items: center;
justify-content: center;
}
.bottom-tools .pagination .next {
padding-right: 24px;
}
.bottom-tools .pagination .back {
padding-left: 24px;
}
@media (max-width: 991px) {
.bottom-tools {
margin-top: 32px;
margin-bottom: 56px;
align-items: center;
justify-content: center;
}
.bottom-tools .see-all-in-one-page a {
color: #002e6d;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-transform: uppercase;
text-decoration: none !important;
cursor: pointer;
}
/* .bottom-tools .pagination {
display: none !important
} */
}
/* Product list item - Sold out tag in image */
.item .image .unavaliable-image-tag {
position: absolute;
top: 0px;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
.item .image .unavaliable-image-tag .unavaliable-image-content {
background: #757575;
height: 20px;
width: fit-content;
display: flex;
justify-content: center;
align-items: center;
padding: 0 16px;
font-size: 12px;
font-weight: 300;
color: #fff;
text-transform: uppercase;
}
/* End Product list item - Sold out tag in image */
/* Collections description */
.collection-page-tabs-container .nav-tabs {
border-bottom: 1px solid #CBCBCB;
}
.collection-page-tabs-container .nav-tabs .nav-item .nav-link {
color: #002e6d;
font-size: 18px;
letter-spacing: 0;
line-height: 32px;
text-align: center;
paddin-bottom: 19px;
border: 0px;
border-bottom: 3px solid transparent;
}
.collection-page-tabs-container .nav-tabs .nav-item .nav-link.active {
border-bottom: 3px solid #FFCD00;
}
#merchant-detail-page-tab-content {
padding: 80px 0px;
}
@media (max-width: 991px) {
#merchant-detail-page-tab-content {
padding: 24px 0px;
}
}
@media (max-width: 575px) {
.collection-page-tabs-container {
width: 100%;
overflow-x: auto;
overflow-y:hidden;
}
}
@media (max-width: 320px) {
.collection-page-tabs-container .nav-tabs .nav-item .nav-link {
padding: 0px 16px 15px 16px;
white-space: nowrap;
}
}
/* Collections description */
/* Search is not working styles */
#search-not-working {
min-height: 450px;
width: 100%;
margin-top: 40px;
margin-bottom: 80px;
font-family: "Cartero","PT Sans","Open Sans",Roboto,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
#search-not-working .top-part {
margin-bottom: 40px;
}
#search-not-working .top-part .search-not-working-content-title {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#search-not-working .top-part .search-not-working-content-title h4 {
color: #333333;
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
margin: 0px;
padding: 0px;
}
#search-not-working .bottom-part .search-not-working-content-links .search-not-working-content-links-title {
color: #333333;
font-size: 28px;
font-weight: 300;
letter-spacing: 0;
line-height: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 16px;
}
#search-not-working .bottom-part .search-not-working-content-links .search-not-working-content-links-content .search-not-working-content-links-content-item a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding: 18px 0px;
display: flex;
justify-content: start;
align-items: center;
text-decoration: none !important;
cursor: pointer;
text-transform: uppercase;
}
#search-not-working .bottom-part .search-not-working-content-links .search-not-working-content-links-content .search-not-working-content-links-content-item a img {
margin-left: 11px;
}
@media (max-width: 991px) {
#search-not-working .top-part .row > .col-12 {
padding: 0px;
}
#search-not-working .top-part .search-not-working-content-image {
padding-top: 40px;
text-align: center;
}
#search-not-working .bottom-part .search-not-working-content-links .search-not-working-content-links-title {
font-size: 24px;
}
#search-not-working .bottom-part .search-not-working-content-links .search-not-working-content-links-content .search-not-working-content-links-content-item a {
font-size: 14px;
display: block;
}
}
#search-not-working .search-not-working-content-links-jump-merchants,
#search-not-working .search-not-working-content-links-jump-products,
#search-not-working .search-not-working-content-links-jump-canary {
display: none;
}
@media (max-width: 485px) {
#search-not-working .search-not-working-content-links-jump-canary {
display: block;
}
}
@media (max-width: 391px) {
#search-not-working .search-not-working-content-links-jump-merchants {
display: block;
}
}
@media (max-width: 362px) {
#search-not-working .search-not-working-content-links-jump-products {
display: block;
}
}
/* / Search is not working styles */
/* New designs for Product page */
.product-flat-design {
}
.product-flat-design hr {
margin-top: 3px;
margin-bottom: 3px;
}
.product-flat-design .product-images {
}
.product-flat-design .product-images .product-images-main {
}
.product-flat-design .product-images .product-images-main #mainimage {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
position: relative;
}
.product-flat-design .product-images .product-images-main #mainimage img {
max-width: 100%;
width: auto;
height: 400px;
object-fit: contain;
object-position: center;
image-rendering: auto;
cursor: zoom-in !important;
}
.imgthumbnail {
margin: 0.5rem;
width: 60px;
}
#popupimg .carousel-item img {
max-width: 100%
}
.product-flat-design .product-images .product-images-thumnails {
margin-bottom: 15px;
}
.product-flat-design .product-pictures-responsive-view {
position: relative;
}
.product-flat-design .product-page-tag-container {
}
.product-flat-design .product-page-tag-container .tag-item {
}
.product-flat-design .product-page-tag-container .tag-item.collection-tag {
}
.product-flat-design .product-page-tag-container .tag-item.offer {
}
.product-flat-design .product-title {
}
@media (min-width: 992px) {
.product-flat-design .product-title {
padding-top: 15px;
}
}
.product-flat-design .product-title h1 {
font-size: 22px;
font-weight: 300;
line-height: 26px;
color: #211914;
margin-bottom: 5px;
}
.product-flat-design .product-title .merchant-txt {
font-size: 16px;
font-weight: 300;
line-height: 20px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .merchant-section {
}
.product-flat-design .merchant-section .merchant-section-content {
display: flex;
flex-direction: column;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-managed-by-txt {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-txt {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-txt a {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
text-decoration: underline;
}
.product-flat-design .merchant-section .merchant-section-content .merchant-txt-subtitle {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .product-rating-section {
}
.product-flat-design .product-rating-section .product-ratings-container-inner {
display: flex;
align-items: center;
}
.product-flat-design .product-rating-section .product-ratings-container-inner .product-ratings-text {
}
.product-flat-design .product-rating-section .product-ratings-container-inner .product-ratings-text a {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
margin-left: 5px;
}
.product-flat-design .product-page-price-plus-variants {
padding-top: 5px;
padding-bottom: 5px;
}
.product-flat-design .price-tag-content {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.product-flat-design .price-tag-content .price-label {
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: right;
color: #3a3a3a;
margin-bottom: 0px;
min-width: 85px;
}
.product-flat-design .price-tag-content .price-tag-item {
}
.product-flat-design .price-tag-content .price-tag-item .pricemain {
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #3a3a3a;
margin-bottom: 0px;
margin-left: 10px;
}
.product-flat-design .product-page-variants-item .variant-name {
display: flex;
align-items: center;
}
.product-flat-design .product-page-variants-item .variant-name:not(:last-child) {
margin-bottom: 10px;
}
.product-flat-design .product-page-variants-item .variant-name .variant-name-text {
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: right;
color: #3a3a3a;
margin-bottom: 0px;
min-width: 85px;
}
.product-flat-design .recommended-price-content {
display: flex;
align-items: center;
}
.product-flat-design .recommended-price-content .price-recommended-item .recommendedprice {
font-size: 16px;
font-weight: 300;
line-height: 20px;
color: #757575;
margin-bottom: 0;
margin-left: 10px;
text-decoration: line-through;
}
.product-flat-design .prod-price-item .product-variants {
}
.product-flat-design .product-page-bundle {
}
.product-flat-design .product-page-bundle .product-page-bundle-title {
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #000066;
margin-top: 10px;
margin-bottom: 10px;
}
.product-flat-design .product-page-bundle .product-page-bundle-list-ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.product-flat-design .product-page-bundle .product-page-bundle-list-ul li {
}
.product-flat-design .product-page-bundle .subvariant-text {
}
.product-flat-design .product-page-description {
margin-bottom: 15px;
}
.product-flat-design .product-page-description.short-description-hidded {
max-height: 500px;
overflow: hidden;
}
.product-flat-design .show-large-description-button {
background: transparent;
border: 0px;
text-decoration: underline;
padding: 0px;
margin: 0px;
}
.product-flat-design .product-page-description .description-title {
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #000066;
margin-top: 10px;
margin-bottom: 10px;
}
.product-flat-design .product-page-description .product-description-content {
}
.product-flat-design .buttons-extra-info-section {
display: flex;
flex-direction: column;
}
.product-flat-design .buttons-desktop-price .price-tag-content {
display: flex;
align-items: start;
margin-bottom: 15px;
}
.product-flat-design .product-page-price-item.buttons-desktop-price .price-tag-content .price-tag-item .pricemain {
font-size: 28px;
margin-left: 0px;
}
.product-flat-design .quantity-buttons-group {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .btn {
border: 1px solid #B38F00;
border-radius: 4px;
background-color: #FFCD00;
color: #002e6d;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
text-transform: uppercase;
padding: 20px;
width:100%;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .btn:hover {
border: 1px solid #B38F00;
border-radius: 4px;
background-color: #DBB000;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .btn:not(:last-child) {
margin-bottom: 15px;
}
.product-flat-design .quantity-buttons-group .product-add-to-cart-button .unavaliable {
color: #002e6d !important;
background-color: #DBDBDB !important;
border-color: #333333;
cursor: default !important;
opacity: 1 !important;
}
.product-flat-design .quantity-buttons-group .qty-changer-container {
margin-bottom: 15px;
}
.product-flat-design .quantity-buttons-group .qty-changer {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product-flat-design .quantity-buttons-group .qty-content {
display: flex;
align-items: center;
}
.product-flat-design .quantity-buttons-group .qty-changer .qty-content > a {
width: 30px;;
display: block;
color: #000066;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 10px;
padding-right: 10px;
}
.product-flat-design .quantity-buttons-group .qty-changer .qty-content > a i {
line-height: 3;
}
.product-flat-design .quantity-buttons-group .qty-changer #quantityinput {
padding: 5px;
font-size: 16px;
font-weight: normal;
line-height: 21px;
color: #666666;
width: 48px;
height: 36px;
background-color: #FFF;
border: 1px solid #949494;
border-bottom: 1px solid #FFCD00;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
box-shadow: none !important;
outline: none !important;
text-align: center;
}
.product-flat-design .product-customization-container .customization-minimize-button {
color: #212529;
background-color: #ffcd00;
border-color: #ffcd00;
}
.product-flat-design .any-doubt-contact {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .any-doubt-contact h4 {
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .any-doubt-contact a {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .flat-shipping-info {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .flat-shipping-info .header-text {
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .flat-shipping-info .simple-text {
font-size: 14px;
font-weight: 300;
line-height: 18px;
color: #000066;
margin-bottom: 0px;
}
.product-flat-design .product-share-info {
background: #f6f8fa;
padding: 20px 15px;
margin-bottom: 15px;
}
.product-flat-design .product-share-info .share-buttons {
display: flex;
align-items: center;
justify-content: start;
}
.product-flat-design .product-share-info .product-promotions-featured-item-icon {
}
.product-flat-design .product-share-info .product-promotions-featured-item-icon .btn-promo-prod {
width: 29px;
height: 28px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #949494;
margin-left: 5px;
padding: 0px;
position: relative;
}
/* End New designs for Product page */
/* Home screen banner styles */
.Publicity .modal {
position: inherit;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.Publicity .modal-content {
position: inherit;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 8px;
outline: 0;
padding: 30px;
top: 30%;
background-image: url(https://images.unsplash.com/photo-1504472685735-9bd4075b3779?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80);
background-repeat: no-repeat;
background-size: contain;
}
.Publicity .btn-primary {
color: #fff;
background-color: #002e6d;
border-color: #002e6d;
border-radius: 8px;
}
.Publicity .modal-full {
min-width: 80%;
margin: 0;
align-items: center;
}
.Publicity .modal-full .modal-content {
min-height: 80vh;
border-radius: 10px;
}
/* / Home screen banner styles */
/* Related product on shopping cart - cart preview */
.related-products-list-cart-preview {
}
.related-products-list-cart-preview .related-products-list-cart-preview-title {
}
.related-products-list-cart-preview .related-products-list-cart-preview-title .related-products-list-cart-preview-title-text {
color: #002e6d;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 5px 0;
margin: 15px 0;
}
.related-products-list-cart-preview .product-carousel-responsive .glide__track {
margin: 0px 35px;
}
/* Related product on shopping cart - cart preview */
/*Cart preview*/
.shop-cart .link-our-products-withoutloggin > a, .link-create-account > a {
color: #002e6d;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 40px;
background: transparent;
border: 0;
padding: 0;
outline: none !important;
box-shadow: none !important;
text-transform: uppercase;
margin-bottom: 1.5rem !important;
}
.shop-cart .go-icon {
margin-left: 11px;
}
.shop-cart .empty-cart-login {
margin-top: 1.5rem;
}
/* End Cart preview */
/* Home collection heading title */
.home-collection .home-collection-heading-title {
}
.home-collection .home-collection-heading-title .home-collection-heading-title-text {
color: #002e6d;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 0;
margin: 10px 0;
display: flex;
align-items: baseline;
}
.home-collection .home-collection-heading-title .home-collection-heading-title-text h2{
color: #002e6d;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
padding: 0;
margin: 10px 0;
display: inline-block;
}
.home-collection-heading-title-text-text {
position: relative;
display: flex;
align-items: center;
margin: 1rem auto;
}
.home-collection .home-collection-heading-title .home-collection-heading-title-text-text h1{
text-align: center;
font-size:14px;
font-weight: 200;
color: #ffffff;
margin:20px 0px 0px 0px;
}
.home-collection .home-collection-heading-title-see-more-link,
.main-shop-correos-see-more-link,
.main-shop-correos-see-more-link:hover {
font-size: 14px;
font-weight: normal;
margin-left: 15px;
color: #002e6d;
text-decoration:underline;
}
/* End Home collection heading title */
/* Hide close button on cookie modal */
body:not(.legal-documents-template) .cookie-message .cookie-message-content .cookie-message-title .close {
display: none !important;
}
/* End Hide close button on cookie modal */
/* fix in originallistingprice */
/* .price-recommended-item .originallistingprice {
margin-left: 10px;
} */
/* fix in originallistingprice */
/* Category page inner title */
.category-inner-title {
}
.category-inner-title .category-inner-title-content {
}
.category-inner-title .category-inner-title-content h1,
.category-inner-title .category-inner-title-content h2 {
color: #002e6d;
font-size: 32px;
font-weight: 500;
letter-spacing: 0;
line-height: 58px;
position: relative;
margin-bottom: 0;
padding-bottom: 20px;
}
category-inner-bottom-description {
}
category-inner-description {
}
/* End Category page inner title */
/* New flat social media share */
.flat-share-buttons {
}
.flat-share-buttons .flat-share-buttons-container {
}
.flat-share-buttons .flat-share-buttons-container .save-as-favourite {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.flat-share-buttons .flat-share-buttons-container .save-as-favourite .save-as-favourite-title {
font-size: 16px;
font-weight: normal;
color: #333333;
}
.flat-share-buttons .flat-share-buttons-container .save-as-favourite .save-as-favourite-button {
}
.flat-share-buttons .flat-share-buttons-container .save-as-favourite .save-as-favourite-button a{
}
.flat-share-buttons .flat-share-buttons-container .save-as-favourite .save-as-favourite-button a .wishlist-btn-text {
width: 29px;
height: 28px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #949494;
margin-left: 5px;
padding: 0px;
position: relative;
}
.flat-share-buttons .flat-share-buttons-container .save-as-favourite .save-as-favourite-button a .wishlist-btn-text img {
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links {
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-title {
font-size: 16px;
font-weight: normal;
color: #333333;
margin-bottom: 10px;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list {
display: flex;
align-items: center;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .flat-social-media-links-item {
width: 29px;
height: 28px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #949494;
margin-left: 5px;
padding: 0px;
position: relative;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .flat-social-media-links-item a,
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .flat-social-media-links-item button {
background: transparent;
border: 0px;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .flat-social-media-links-item a i {
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .fsm-twitter a i {
color: #1DA1F2;
}
.flat-social-media-links-item svg {
margin-bottom: 4px;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .fsm-facebook a i {
color: #4267B2;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .fsm-pinterest a i {
color: #E60023;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .fsm-telegram a i {
color: #2AABEE;
margin-right:3px;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .fsm-email a i {
color: #333333;
}
.flat-share-buttons .flat-share-buttons-container .flat-social-media-links .flat-social-media-links-list .fsm-clipboard button i {
color: #000066;
}
/* New flat social media share */
/* New prodcut file */
.new-varienat-product-container,
.new-varienat-product-container-fluid,
.new-varienat-product-container-xxl,
.new-varienat-product-container-xl,
.new-varienat-product-container-lg,
.new-varienat-product-container-md,
.new-varienat-product-container-sm {
--bs-gutter-x: 1rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media ( min-width : 576px) {
.new-varienat-product-container-sm, .new-varienat-product-container {
max-width: 540px;
}
}
@media ( min-width : 768px) {
.new-varienat-product-container-md, .new-varienat-product-container-sm,
.new-varienat-product-container {
max-width: 720px;
}
}
@media ( min-width : 992px) {
.new-varienat-product-container-lg, .new-varienat-product-container-md,
.new-varienat-product-container-sm, .new-varienat-product-container {
max-width: 960px;
}
}
@media ( min-width : 1200px) {
.new-varienat-product-container-xl, .new-varienat-product-container-lg,
.new-varienat-product-container-md, .new-varienat-product-container-sm,
.new-varienat-product-container {
max-width: 1200px;
}
}
@media ( min-width : 1400px) {
.new-varienat-product-container-xxl, .new-varienat-product-container-xl,
.new-varienat-product-container-lg, .new-varienat-product-container-md,
.new-varienat-product-container-sm, .new-varienat-product-container {
max-width: 1400px;
}
}
@media ( min-width : 1600px) {
.new-varienat-product-container-xxl, .new-varienat-product-container-xl,
.new-varienat-product-container-lg, .new-varienat-product-container-md,
.new-varienat-product-container-sm, .new-varienat-product-container {
max-width: 1600px;
}
}
@media ( min-width : 1200px) {
.btn-añadir-amarillo, .btn-añadir-azul {
width: 100%;
}
.custom-select {
width: 136px;
}
}
@media ( max-width : 500px) {
.btn.btn-añadir-amarillo.shoppingcartbtn.shoppingcartbtn-checkout {
width: 175px;
max-width: 100%;
}
.newQuantityButtons {
padding-left: 5px;
padding-right: 25px;
}
.Product-Reviews-Content .product-reviews-block .ProductsReviewsTitle .title h4 {
font-size: 20px;
}
.Product-Reviews-Content .product-reviews-block .ProductsReviewsTitle .title h5 {
font-size: 18px;
font-weight: 300;
}
}
.container-for-buttons {
width: 100%;
}
.img-product {
object-position: center;
}
.img-product.img-resize-height{
height: fit-content;
max-height: 400px;
}
.img-product.img-resize-height-cart{
padding: 0 12px;
max-width: 100%;
}
button.glide__arrow.glide__arrow--right{
margin-right: -12px;
}
button.glide__arrow.glide__arrow--left{
margin-left:-12px;
}
.brand-text-title{
color: #000;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.prod-price-item.product-page-price-item.recommended-price-content {
font-size: 16px;
color: #666;
}
.sticky-box {
position: sticky;
top: 20px;
}
.scroll-container {
height: fit-content;
}
.scroll-container::-webkit-scrollbar {
width: 0;
background: transparent;
}
.scroll-container::-webkit-scrollbar-thumb {
background: transparent;
}
.rating-text-new-variant {
color: #002E6D;
font-family: 'Cartero';
font-size: 10px;
}
.product-title-new-variant{
color: #000;
font-family:'Cartero';
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-title-new-variant h1 {
color: #000;
font-family: 'Cartero';
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.Product-Reviews-Content .product-reviews-block .ProductsReviewsTitle .title h5 {
font-size: 18px;
font-weight: 300;
}
.Product-Reviews-Content .product-reviews-block .ProductsReviewsTitle .title h4 {
font-size: 20px;
}
.dropdown-menu.dropdown-menu-left.show {
top: 11px !important;
}
.icon-select-variant{
height: 26px;
}
.price-label.prod-page-name-alignments.recommended-price{
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
color: #3a3a3a
}
@media ( max-width : 991px) {
.product-2 .product-picture-information .product-share-buttons .product-promotions-featured-item-icon, .variantbox {
text-align: left;
display: inline-block;
max-width: 100%;
width: 270px;
}
}
.merchant-managed-by-new-variant {
color: #000;
font-family: 'Cartero';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.brand-new-product-subtitle-inner{
color: #002E6D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 1rem;
text-decoration: none;
}
.merchant-txt {
color: var(--text-color);
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-page-price-item-new-variant{
color:#002E6D;
font-family: Cartero;
font-size: 30px;
font-style:normal;
font-weight: bold;
}
.product-variant-title {
color: #000;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-ratings-text .smooth-link {
color: #002E6D;
font-family: 'Cartero';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
.recommendedprice {
text-decoration: line-through;
}
@media(max-width: 300px){
.recommendedprice-new-product-content {
flex-direction: row;
display: contents;
}
}
/*
.form-select {
font-size: 12px;
font-weight: normal;
color: #000;
font-family: Cartero;
font-size: 18px;
appearance: none;
background-color: #f8f8f8 !important;
}
*/
.form-select {
width: 100%;
font-size: 12px;
font-weight: normal;
color: #000;
text-align: center;
font-family: Cartero;
font-size: 18px;
appearance: none;
background-color: #f8f8f8 !important;
border: none;
outline: none;
box-shadow: none;
padding: 0px 10px 0px 10px;
}
.form-select:focus {
border-color: inherit;
box-shadow: none;
}
.custom-select {
position: relative;
padding: 0px;
border: none;
}
.custom-select select {
appearance: none;
width: 100%;
padding-right: 44px;
}
.custom-select svg {
position: absolute;
top: 0;
right: 0;
pointer-events: none;
}
select:focus {
outline: none;
}
.read-more {
display: none;
}
.product-flat-design .product-page-description-2 .description-title {
color: #211914;
font-family: Cartero;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-new-variant-title-on-description-subtitle,
.container-new-variant-first-description-subtitles {
color: #000;
font-family: Cartero;
font-size: 16px;
font-style: normal;
}
.product-page-description-2.toggle-button {
max-height: none;
}
.qty-changer-container .qty-changer {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.qty-changer-container .qty-changer > .btn-update-quantity {
width: 16px;
height: 38px;
display: block;
color: #000000;
line-height: 14px;
text-align: center;
font-size: 8px;
background-color: #fff;
padding-left: 10px;
padding-right: 15px;
border: none;
}
.qty-changer-container .qty-changer > .btn-update-quantity i {
line-height: 5;
}
.qty-changer-container .qty-changer .quantity-input {
margin-right: 15px;
margin-left: 15px;
display: inline-block;
vertical-align: middle;
height: 28px;
width: 35px !important;
font-size: 10px;
text-align: center;
color: #211914;
font-weight: 600;
background: transparent;
border-color: #707070;
border-radius:0px;
}
input.form-control.quantity-input.wishlist-quantity-input {
font-size: 12px;
font-weight: normal;
color: #666;
background-color: #FFF;
border: 1px solid #949494;
border-bottom: 1px solid #ffcd00;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
box-shadow: none !important;
outline: none !important;
text-align: center;
}
.delivery-information-panel{
height: 82px;
flex-shrink: 0;
background: #E5EAF0;
}
.delivery-information-panel-inner {
height: 81px;
color: #002E6D;
}
.delivery-information-panel-titles{
color:var(--text-color);
font-family: Cartero;
font-size: 15px;
font-style: normal;
font-weight: 500;
}
.delivery-information-panel-description >a {
color: var(--text-color);
font-family: Cartero;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 17px;
}
.delivery-information-panel-description {
color: var(--text-color);
font-family: Cartero;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 17px;
}
/* .product-new-variant-title-on-description-titles,.container-new-variant-first-description-titles{
color:var(--text-color);
font-family: Cartero;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
} */
.product-flat-design .product-page-description .description-title{
color: #002E6D;
font-family: Cartero;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-new-variant-title-on-description-subtitle,.container-new-variant-first-description-subtitles{
color: #000;
font-family: Cartero;
font-size: 16px;
font-style: normal;
}
.collapse-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.collapse-checkbox:checked ~ .collapse-content {
max-height: 1000px;
transition: max-height 0.3s ease-in;
}
.label-svg-container {
display: flex;
align-items: center;
}
.label-svg-container label {
margin-right: 10px;
}
.btn-añadir-amarillo,
.btn-añadir-azul{
width: 100%;
height: 48px;
flex-shrink: 0;
}
@media (max-width: 767px) {
.btn-añadir-amarillo,.btn-añadir-azul{
width: 176px;
height: 48px;
flex-shrink: 0;
}
.form-select{
font-size: 18px;
}
#mySVG_1,#mySVG_2,#mySVG_3{
width: 86px;
height: 52px;
}
.form-files-uploader {
display: flex;
width: 100%;
padding: 0.375rem 0.75rem;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #6C757D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
}
.sticky-container-new-product-buy-selector {
fill: #FEFFFF;
filter: drop-shadow(0px -3px 8px rgba(6, 20, 40, 0.10));
width: 100%;
height: fit-content;
border-radius: 24px 24px 0px 0px;
padding: 5px;
bottom: 0;
background-color: #fff;
z-index: 999;
right: 0;
}
.blank-spacer{
width: 100%;
height: 40px;
}
.description-cover-new-product{
text-align: justify;
height: 100vh;
overflow: auto;
}
.styles-button-text {
color: #002E6D;
text-align: center;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
word-wrap: break-word;
}
.btn-añadir-amarillo {
background: #FFCD00;
border-radius: 4px;
border: none;
color: #000;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
border: 1px solid #b38f00;
}
.btn-añadir-azul {
background: #E9F4FF;
border-radius: 4px;
border: 1px #5A6675 solid;
color: #5A6675;
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.sticky-container {
position: sticky;
top: 0;
z-index: 100;
}
/*Product personalized*/
.merchant-txt-title-new-variant .merchant-txt {
color: #002E6D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 1rem;
text-decoration: none;
}
input.styles-input,select.styles-select {
padding: 19px 16px 16px 16px;
font-size: 16px;
font-weight: normal;
line-height: 24px;
color: #999;
width: 100%;
height: 59px;
background-color: #f3f2f2;
border: 1px solid #949494;
border-bottom: 1px solid #FFCD00;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
box-shadow: none !important;
outline: none !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media ( max-width : 767px) {
.product-description-content p {
font-size: 18px;
}
.btn-añadir-amarillo, .btn-añadir-azul {
width: 100%;
height: 48px;
flex-shrink: 0;
}
#mySVG_1, #mySVG_2, #mySVG_3 {
width: 86px;
height: 52px;
}
.select.form-select {
background-size: contain;
}
.icon-select-variant{
height: 42px !important;
}
.row.newProduct-inner{
margin-top:16px;
}
}
.row.newProduct-inner{
margin-top:18px;
}
.form-control.personalize-input {
height: 43px;
border-radius: 5px;
background-color: #f3f2f1;
flex-shrink: 0;
border: 0.5px solid #939494;
}
@media ( max-width : 768px) {
.form-control.personalize-input {
text-align: center;
}
.form-control.personalize-input::placeholder {
text-align: center;
}
.svgUpload {
left: 280px;
height: 86px;
}
.custom-file-label.customizationlable {
border-radius: 0.15rem;
}
.btn-save-customization.keep-personalization {
height: 51px !important;
}
.keep-personalization {
height: 51px !important;
}
.product-flat-design .product-page-variants-item select {
font-size: 18px;
}
.label-personalized {
font-size: 18px;
}
.new-varienat-product-container.mt-4 {
padding: 0px;
}
.col-12.col-md-4.mb-4 {
padding-left: 0px;
padding-right: 0px;
}
.btn.btn-añadir-amarillo.shoppingcartbtn.shoppingcartbtn-checkout {
width: 100%;
margin-left: 0px;
}
.product-variant-title {
margin-bottom: 0px;
font-size: 18px;
}
.prod-price-item .product-variants .variantbox select.form-select {
height: 43px;
}
.product-title-new-variant h1 {
color: #000;
font-family: Cartero;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.product-variants {
flex-direction: column;
display: inline-flex;
}
.prod-price-item .product-variants .variantbox select {
border: 0;
height: 30px;
}
.personalized {
background-color: #fff;
display: flex;
width: 100%;
color: #002E6D;
border-radius: 0px 0px 8px 8px;
padding: 0px;
border: 1px solid;
border-top: none;
}
.keep-personalized {
display: flex;
width: 100%;
justify-content: center;
color: #002E6D;
text-align: center;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
border-radius: 5px !important;
padding: 8px;
border: 0.5px solid #002E6D;
height: 53px !important;
display: flex;
}
.personalite {
background-color: #e9ecef;
}
.accordion-body {
padding: 0px;
}
.form-cover {
padding: 15px 0px 0px 0px;
}
span.input-group-btn.icon {
width: 89px;
}
.form-label {
margin-bottom: 0.25rem;
}
#mobile-buttons {
width: 111.803px;
height: 43.203px;
}
.btn-customization-unlock {
display: none;
}
.btn-customization-delete {
display: none;
}
.keep-personalized p {
left: 8px;
position: absolute;
width: min-content;
}
.delivery-information-panel-inner {
height: 63px;
color: #002E6D;
}
.custom-file-label.customizationlable::after {
width: 89px;
padding: 0.75rem 1.75rem;
}
.icon-for-attach {
width: 25px;
}
}
.prod-price-item .product-variants .variantbox select.form-select {
border: 0;
height: 26px;
width: 100%;
margin: auto;
}
.icon-for-attach {
position: absolute;
top: 50%;
right: 0;
z-index: 99;
transform: translate(-50%, -50%);
}
img.question-icon {
bottom: 1px;
position: relative;
left: 4px;
}
.keep-personalization {
display: flex;
width: 100%;
justify-content: center;
color: #002E6D;
text-align: center;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 5px;
padding: 8px;
border: 1px solid;
height: 40px;
align-items: center;
}
.btn-save-customization.keep-personalization {
background-color: #f3f2f1;
text-transform: capitalize;
display: flex;
height: 40px;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
color: #002E6D;
text-align: center;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 5px;
border: 0.5px solid #002E6D;
}
.custom-file-uploader {
position: relative;
display: flex;
bottom: -9px;
top: auto;
align-items: flex-end;
flex-direction: column;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
/* input[type='file'] {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
cursor: default;
} */
.form-files-uploader {
display: flex;
width: 100%;
padding: 0.375rem 0.75rem;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #6C757D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
span.input-group-btn.icon {
width: 38px;
height: 40px;
flex-shrink: 0;
border-radius: 0px 5px 5px 0px !important;
border: 0.5px solid #939494;
background: #D9D9D9;
}
.input-group-personalization {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
width: 100%;
flex-direction: row;
align-content: center;
justify-content: flex-start;
}
.keeping-personalization p{
color: #002E6D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0px;
}
.label-personalized {
display: flex;
width: 100%;
height: 16px;
flex-direction: row;
justify-content: flex-start;
flex-shrink: 0;
color: #000;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
align-items: center;
}
/*Prod-price-item new*/
.prod-price-item {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: column;
}
/*Prod-price-item new*/
.qty-changer-container {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.qty-content {
display: flex;
align-items: center;
}
/*New button*/
#quantityinput {
/* display: flex; */
width: 70px;
height: 45px;
/* flex-direction: column;
justify-content: center; */
flex-shrink: 0;
color: #000;
/* text-align: center; */
font-family: Cartero;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
background-color: #f3f2f2;
box-shadow: none !important;
outline: none !important;
border-radius: 0.25rem;
border: 1px solid #949494;
border-bottom: 1px solid #ffcd00;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
}
/*New button*/
/*New button for mobile*/
#quantityinputmobile {
width: 48px;
height: 43px;
flex-shrink: 0;
color: #000;
font-family: Cartero;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
background-color: #fff;
}
/*New button for mobile*/
.QuantityButtons {
width: 30px;
display: block;
color: #006;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 10px;
padding-right: 10px;
}
/*Buttons for quantity*/
/* reenvio postal test */
.form__radio-input {
display: none;
}
.form__label-radio {
font-size: 1.6rem;
cursor: pointer;
position: relative;
padding-left: 2rem;
}
.form__radio-button {
height: 1.5rem;
width: 1.5rem;
border: 1px solid var(--text-color);
border-radius: 50%;
display: inline-block;
position: absolute;
left: 0;
top: -1.2rem;
}
.form__radio-button::after {
content: "";
display: block;
height: 0.9rem;
width: 0.9rem;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--text-color);
opacity: 0;
transition: opacity 0.2s;
}
.form__radio-input:checked ~ .form__label-radio .form__radio-button::after {
opacity: 1;
}
.keeping-personalization {
display: flex;
width: 100%;
color: #002E6D;
border-radius: 8px !important;
padding: 8px;
border: 1px solid;
height: 40px;
}
.title-modification-personalization{
color: #002E6D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0px;
}
.keeping-personalization span.delete {
color: #BE0A0A;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
position: relative;
margin: 0 0 0 10px;
float: right;
right: 0px;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 0px;
}
.keeping-personalization span.modify {
color: #6C757D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
position: relative;
margin: auto;
float: right;
right: 0px;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 0px;
}
.personalized {
background-color: #F3F2F1;
display: flex;
width: 100%;
color: #002E6D;
border-radius: 0px 0px 8px 8px;
padding: 8px 0px 0px 16px;
border: 1px solid;
border-top: none;
}
.personalite{
background-color: #fff;
}
.accordion-button::after{
display: none;
}
.accordion-item:last-of-type .accordion-button.collapsed{
border-radius: 0px;
}
.accordion-button{
background-color: #F3F2F1;
}
.content-accordion {
background-color: transparent;
width: 100%;
color: #002e6d;
border-radius: 8px !important;
border: 0px solid !important;
padding: 0px;
}
.accordion-item{
border: none;
}
.keep-personalized {
width: 100%;
color: #002E6D;
border-radius: 8px !important;
padding: 8px !important;
height: 40px;
border-radius: 5px !important;
border: 0.5px solid #002E6D;
padding: 8px;
}
.keep-personalized p {
color: #002E6D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
align-items: baseline;
margin-bottom: 0px;
display: flex;
}
.keep-personalized span.delete {
color: #BE0A0A;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
position: relative;
margin: 0 0 0 10px;
float: right;
right: 0px;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 0px;
}
.keep-personalized span.modify {
color: #6C757D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
position: relative;
margin: auto;
float: right;
right: 0px;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 0px;
}
span.modify.d-none.d-lg-block {
color: #6C757D;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
position: relative;
margin: 0 0 0 0px;
right: 0px;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 0px;
float: right;
flex-wrap: wrap;
}
span.delete {
color: #BE0A0A;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
position: relative;
margin: 0 0 0 10px;
float: right;
right: 0px;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 0px;
}
.newQuantityButtons {
width: 15.42px;
height: 15.42px;
flex-shrink: 0;
display: block;
color: #006;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 30px;
padding-right: 45px;
}
@media ( max-width : 1200px) {
.newQuantityButtons {
width: 15.42px;
height: 15.42px;
flex-shrink: 0;
display: block;
color: #006;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 9px;
padding-right: 25px;
}
.btn-añadir-amarillo, .btn-añadir-azul {
width: 100%;
}
}
@media ( max-width : 375px) {
.newQuantityButtons {
width: 15.42px;
height: 15.42px;
flex-shrink: 0;
display: block;
color: #006;
line-height: 14px;
text-align: center;
font-size: 11px;
background-color: transparent;
padding-left: 7px;
padding-right: 30px;
}
}
@media (min-width: 376px) and (max-width: 391px) {
.newQuantityButtons {
padding-left: 8px;
padding-right: 28px;
}
}
@media ( max-width : 280px) {
.btn.btn-añadir-amarillo.shoppingcartbtn.shoppingcartbtn-checkout {
width: 125px;
max-width: 100%;
}
.newQuantityButtons {
padding-left: 2px;
padding-right: 20px;
}
}
@media ( max-width :991px) {
.item-form {
padding: 0px;
}
.delivery-information-panel {
height: 63px;
flex-shrink: 0;
background: #E5EAF0;
}
.btn-añadir-amarillo, .btn-añadir-azul {
width: 100%;
}
}
@media ( max-width : 410px) {
.keep-personalized p {
left: 8px;
position: absolute;
width: min-content;
}
}
@media (max-width: 768px){
.content-accordion {
width: 100%;
color: #002E6D;
padding: 0px;
border: 0px !important;
}
.personalized {
background-color: #fff;
display: flex;
width: 100%;
color: #002E6D;
border-radius: 0px 0px 8px 8px;
padding: 0px;
border: 1px solid;
border-top: none;
}
.keep-personalized {
display: flex;
width: 100%;
justify-content: center;
color: #002E6D;
text-align: center;
font-family: Cartero;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
border-radius: 8px;
padding: 8px;
border: 1px solid;
height: 40px;
}
.personalite{
background-color: #e9ecef;
}
.accordion-body{
padding: 0px;
}
.form-cover{
padding: 15px 0px 0px 0px;
}
span.input-group-btn.icon{
width: 89px;
}
.form-label{
margin-bottom: 0.25rem;
}
#variantdiv{
width: -webkit-fill-available;
display: contents;
}
}
@media(max-width:991px){
.item-form{
padding: 0px;
}
}
.accordion{
--bs-accordion-btn-focus-border-color: #;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
--bs-accordion-active-color: #transparent;
--bs-accordion-active-bg: #transparent;
}
/* empieza el formulario de productos */
.form-check-input{
background-color: #bbdffb;
}
.form-check-input:checked{
background-color:#bbdffb;
}
.btn-radio-form {
position: relative;
padding-left: 30px;
line-height: 24px;
cursor: pointer;
}
.btn-radio-form input:checked ~ .form-check-label::before {
content: '';
position: absolute;
left: 6px;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #1E90FF;
box-shadow: 0 0 0 2px #1E90FF;
}
[type="checkbox"]:checked+span:not(.lever):before {
border-right: 2px solid #a30000 !important;
border-bottom: 2px solid #a30000 !important;
}
.thumb {
width: 75px;
height: auto;
max-width: 100%;
max-height: 75px;
object-fit: contain;
object-position: center;
}
.newimage {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
margin: auto;
}
.number-items-in-pack {
bottom: 30px;
right: 30px;
}
#variantdiv{
width: -webkit-fill-available;
display: contents;
}
.flat-social-media-links-list {
list-style-type: none;
}
.flat-social-media-links-item {
float: left;
text-align: center;
width: 2.4em;
margin-top: 0.5em;
}
.styles-button.styles-blue-button {
color: #002e6d;
cursor: pointer !important;
color: rgb(90, 102, 117);
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
background: rgb(233, 244, 255);
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: rgb(90, 102, 117);
border-image: initial;
}
.styles-button.shoppingcartbtn.shoppingcartbtn-checkout {
color: rgb(0, 0, 0);
font-family: Cartero;
font-style: normal;
font-weight: 500;
line-height: normal;
background: rgb(255, 205, 0);
border-radius: 10px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
}
.product-description-content {
overflow-wrap: break-word;
word-wrap: break-word;
}
/*product-customizations-20230817.inc*/
.modifications{
right: 0;
margin: auto;
}
.customization-group-quantity {
width: 26px;
text-align: center;
border: 1px solid #ccc;
border-radius: 0px;
font-size: 12px;
padding: 2px;
display: flex;
width: 42.493px;
height: 27.584px;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
position: relative;
}
.customization-group-quantity-increase,
.customization-group-quantity-decrease {
font-size: 8px;
}
.btn-add-another-customization {
font-size: 12px;
}
.customization-group-quantity-text {
font-size: 12px;
overflow-wrap: normal;
display: inline-block;
margin-right: 10px;
width: 100%;
}
.product-customization-block-locked .card-header {
padding: 10px 0;
}
#show-more-btn,
.bonoCultural-link-product,
.bonoCultural-link-product:hover {
top: 3rem;
color: #002e6d;
font-family: Cartero;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#product-description-content {
max-height: 110px;
overflow: hidden;
}
.product-description-content p {
font-size: 16px;
}
.container-for-like {
width: 41px;
height: 41px;
background-color: #F7F7F7;
border-radius: 10rem;
border: 0.09rem solid #ccc;
}
#TotalPercentegePerProduct{
color: #002e6d;
margin-left: 5px;
}
.svgUpload {
position: relative;
top: -24px;
left: 308px;
z-index: 1000;
height: 73px;
width: 60px;
}
.custom-file-label.customizationlable {
flex-shrink: 0;
border-radius: 5px;
border: 0.5px solid #939494;
background: #FFF;
}
.custom-file-label.customizationlable::after {
content: "";
background-position: center;
background-repeat: no-repeat;
height: auto;
width: 38px;
}
.prod-price-item .product-variants .variantbox select {
border: 0;
height: 30px;
width: 115px;
}
.form-control.personalize-input::placeholder {
text-align: initial;
}
.originallistingprice{
text-decoration: line-through;
}
.price-recommended-item .originallistingprice{
margin-left:0px !important;
}
.product-flat-design .recommended-price-content.new-recommended-price-content {
display: flex;
align-items: center;
margin-bottom: 1px;
}
/* Estilos comunes para .price-label, .originallistingprice, y .recommendedprice */
.product-flat-design .recommended-price-content .price-label,
.originallistingprice,
.recommendedprice {
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
color: #757575;
}
/* Estilos específicos para .price-label */
.product-flat-design .recommended-price-content .price-label {
font-size: 14px;
font-weight: 300;
line-height: 18px;
text-align: left;
color: #3a3a3a;
margin-bottom: 0;
min-width: 85px;
}
.qty-changer-container .qty-changer>.btn-update-quantity {
width: 16px;
height: 38px;
display: block;
color: #000000;
line-height: 14px;
text-align: center;
font-size: 8px;
background-color: #fff;
padding-left: 10px;
padding-right: 15px;
border: none;
}
/* Link for discover more */
.home-collection-heading-title-for-mobile {
margin-bottom: 0px;
}
.home-collection-heading-title-for-mobile .home-collection-heading-title-text-for-mobile a {
color: #002e6d;
font-size: 14px;
letter-spacing: 0;
font-weight: bold;
line-height: 16.8px;
padding-right: 15px;
position: absolute;
right: 0;
display: flex;
align-items: center;
}
.advice-container-new{
}
@media (min-width: 768px) {
.merchant-detail-page-tabcontent-description .justify-content-md-center {
justify-content: flex-start !important;
}
}
.form-subscript-new input::placeholder {
color: #6e6e6e;
}
.merchant-map .search-content .form-group.floating-group .floating-label {
color: #6e6e6e;
}
.merchant-map .search-content .form-group.floating-group .floating-label.focused {
color: #211914 !important;
}
.src-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.footer-bottom-awards .item {
min-height: 1px;
}