#instafeed{
overflow-x: scroll;
height: 400px !important;
}
#instafeed .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer{
display: block !important;
}
#instafeed .jr-insta-thumb ul li .container-ig-thumbail{
width: 225px;
height: 270px;
}
#instafeed .jr-insta-thumb ul.thumbnails li{
margin: 0 0 1.5% 2.5% !important;
transition: .5s;
}
#instafeed .jr-insta-thumb ul.thumbnails{
display: flex;
}
#instafeed #instafeed-arrows{
bottom: 55px !important;
}
#instafeed .jr-insta-thumb ul.thumbnails li img{
height: 100% !important;
}
#instafeed .jr-insta-thumb ul.thumbnails li:hover{
filter: contrast(0.5);
transition: .5s;
}
.experiencia-box.exp-item.lodge.todos,
.experiencia-box.exp-item.all.lodge-en {
display: none;
}
#the-hotel .content-area .content-right .hotel-equipment .splitter{
margin: 0px 1rem !important;
}
#the-hotel .content-area .content-right .hotel-equipment{
padding: 3rem 0 3rem 1rem !important;
}
#the-hotel .content-area .content-right .hotel-equipment .equipment-box a.logde-button{
color: #c81b1b;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 1px solid #c81b1b;
padding-top: 5px;
font-weight: 500;
}
#the-hotel .content-area .content-right .hotel-equipment .equipment-box a.logde-button:hover{
color: #650a0a;
border-bottom: 1px solid #650a0a;
}
#product-14392 .intro-vik .content a.btn.btn-red{
display: none;
}
/*----------------------------------------------*/
/*-------------------- HEADER ------------------*/
/*----------------------------------------------*/
.woocommerce-multi-currency.wmc-sidebar.wmc-right{
display: none;
}
.aiowps-captcha, .aiowps-captcha-equation {
color: white;
}
.box-text-wide-wysiwyg .content-box h1 {
font-size:60px;
text-transform: none;
line-height: 100%;
margin-bottom: 0;
}
.box-text-wide-wysiwyg .content-box h2 {
font-size:44px;
text-transform: none;
line-height: 100%;
margin-bottom: 0;
}
.box-text-wide-wysiwyg .content-box h3 {
font-size:33px;
text-transform: none;
line-height: 100%;
margin-bottom: 0;
}
.box-text-wide-wysiwyg .content-box h4 {
font-size:20px;
text-transform: none;
line-height: 100%;
margin-bottom: 0;
}
.box-text-wide-wysiwyg .content-box h5 {
font-size:19px;
text-transform: none;
line-height: 100%;
margin-bottom: 0;
}
.box-text-wide-wysiwyg .content-box h6 {
font-size:17px;
text-transform: none;
line-height: 100%;
margin-bottom: 0;
}
.box-text-wide-wysiwyg .content-box b {
font-weight: bold;
}
.box-text-wide-wysiwyg .content-box strong {
font-weight: bold;
}
.box-text-wide-wysiwyg .content-box em {
font-weight: italic;
}
.box-text-wide-wysiwyg .content-box ul li {
font-weight: 500;
}
#masthead.white-header .site-branding img{
filter: invert(100%) sepia(100%) saturate(0%);
}
#masthead.shrink-header.white-header .site-branding img{
filter: none
}
#masthead.white-header #site-navigation .menu-btn .text,
#masthead.mix-header #site-navigation .menu-btn .text{
color: #fff;
}
#masthead.white-header #site-navigation .menu-btn .hamburguer-icon,
#masthead.white-header #site-navigation .menu-btn .hamburguer-icon::after,
#masthead.white-header #site-navigation .menu-btn .hamburguer-icon::before,
#masthead.mix-header #site-navigation .menu-btn .hamburguer-icon,
#masthead.mix-header #site-navigation .menu-btn .hamburguer-icon::after,
#masthead.mix-header #site-navigation .menu-btn .hamburguer-icon::before{
background-color: #fff;
}
#masthead.shrink-header.white-header #site-navigation .menu-btn .text,
#masthead.shrink-header.mix-header #site-navigation .menu-btn .text{
color: #000;
}
#masthead.shrink-header.white-header #site-navigation .menu-btn .hamburguer-icon,
#masthead.shrink-header.white-header #site-navigation .menu-btn .hamburguer-icon::after,
#masthead.shrink-header.white-header #site-navigation .menu-btn .hamburguer-icon::before,
#masthead.shrink-header.mix-header #site-navigation .menu-btn .hamburguer-icon,
#masthead.shrink-header.mix-header #site-navigation .menu-btn .hamburguer-icon::after,
#masthead.shrink-header.mix-header #site-navigation .menu-btn .hamburguer-icon::before{
background-color: #000;
}
.language-area.hide-side{
transform: translateX(-250px);
}
.rrss-area.hide-side{
transform: translateX(170px);
}
.scroll-top{
transform: rotate(180deg);
background-color: #760202;
width: 50px;
height: 50px;
border-radius: 50px;
cursor: default;
pointer-events: none;
opacity: 0;
transition: 0.4s;
}
.scroll-top.visible{
cursor: pointer;
opacity: 1;
pointer-events: inherit;
}
.scroll-top:hover{
background-color: #c81b1b;
}
.scroll-top i,
.scroll-top i::before{
color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 20px;
width: 12px;
height: 20px;
transition: 0.4s;
}
.scroll-top:hover i::before{
top: 5px;
}
/*----------------------------------------------*/
/*------------------ WINESHOP ------------------*/
/*----------------------------------------------*/
#wineshop-slide .wine-heading h2{
font-size: 4rem;
color:#fff;
line-height: 150%;
font-weight: 400;
font-family: "Vollkorn", serif;
}
#wineshop-slide .content-slide .wine-info {
padding-bottom: 170px;
}
/*----------------------------------------------*/
/*-------------- EXPERIENCIAS VIK --------------*/
/*----------------------------------------------*/
.page-template-template-experiencias-vik #heading .intro-vik .popup-video{
margin-top: 50px;
}
.page-template-template-experiencias-vik #heading .intro-vik .popup-video i,
.page-template-template-experiencias-vik #heading .intro-vik .popup-video span{
transition: 0.4s;
}
.page-template-template-experiencias-vik #heading .intro-vik .popup-video:hover i{
transform: translateX(5px);
}
.page-template-template-experiencias-vik #heading .intro-vik .popup-video:hover span{
opacity: 0.7;
}
#all-experiencias .experiencias-area .experiencia-box{
max-width: inherit;
width: 30%;
margin: 1.5%;
}
#all-experiencias .filters-area .filter{
cursor: pointer;
}
/*----------------------------------------------*/
/*--------------------- HOME -------------------*/
/*----------------------------------------------*/
#accordion .panel .btn-panel h4{
margin-right: 40%;
}
#experiencias-home .has-bg-red::before{
height: 180%;
}
#experiencias-home .content .carousel-heading{
z-index: 1;
display: block !important;
width: auto;
float: right;
position: relative;
}
#experiencias-home .content .carousel-heading .arrows,
#experiencias-home .btn-area{
float: right;
}
.carousel-slide-area{
margin-top: -40px;
width: 100%;
float: left;
}
.carousel-slide-area #carousel-slider .slide p.title{
font-family: "Vollkorn", serif;
font-size: 2.75rem;
letter-spacing: 6px;
font-weight: 400;
line-height: 120%;
color: #ffffff;
margin: 10px 0 40px;
opacity: 0;
transition: 0.4s;
display: inline;
}
.carousel-slide-area #carousel-slider .slick-current.slick-active .slide p.title{
opacity: 1;
}
.carousel-slide-area #carousel-slider .slide .content-slide .buttons-slide{
bottom: 120px;
}
/*----------------------------------------------*/
/*---------------- NUESTRA VIÑA ----------------*/
/*----------------------------------------------*/
.page-template-template-vina-vik #sala-cata .content a.btn{
margin-top: 30px;
}
/*----------------------------------------------*/
/*------------------ WOOCOOMERCE ---------------*/
/*----------------------------------------------*/
.woocommerce-error,
.woocommerce-message{
background-color: rgba(175,144,77,0.6);
border: 1px solid #AF904D;
border-radius: 5px;
padding: 15px;
color: rgba(0,0,0,0.7);
float: left;
width: 100%;
font-size: 11.5px;
text-align: center;
margin-top: 40px;
backdrop-filter: blur(0.8);
}
.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-checkout .woocommerce-error{
position: fixed;
top: 20px;
z-index: 10;
width: 50%;
left: 0;
right: 0;
margin: 0 auto;
}
/*----------------------------------------------*/
/*------------------- CHECKOUT -----------------*/
/*----------------------------------------------*/
#primary .wide-content .cart-area .cart-content .woocommerce-cart-form .product-box .variations{
max-width: 100%;
}
#primary .wide-content .cart-area .cart-content .woocommerce-cart-form .product-box .variations .variation-box .select-box span{
color: #caab69;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li{
margin: 10px 0;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input{
margin-right: 5px;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:checked,
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:checked + label,
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:checked + label:before,
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:checked + label:after,
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:not(:checked) + label:after {
content: '';
width: 12px;
height: 12px;
background: #caab69;
position: absolute;
top: 3px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
#primary .wide-content .collateral-area .collateral-info-box .cart_totals.totals table tbody tr.woocommerce-shipping-totals.shipping td ul li input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
tr.cart-subtotal td, tr.woocommerce-shipping-totals p.woocommerce-shipping-destination,
tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li, tr.order-total td {
font-weight: 300;
}
.woocommerce-checkout .form-content:nth-child(2) .form-area{
max-width: 100%;
}
#payments #payment ul li.wc_payment_method.payment_method_woo-mercado-pago-basic .payment_box.payment_method_woo-mercado-pago-basic .mp-panel-checkout .mp-row-checkout #framePayments.mp-col-md-6,
#payments #payment ul li.wc_payment_method.payment_method_woo-mercado-pago-basic .payment_box.payment_method_woo-mercado-pago-basic .mp-panel-checkout .mp-row-checkout .frame-tarjetas{
text-align: center !important;
}
#payments #payment ul li.wc_payment_method.payment_method_woo-mercado-pago-basic .payment_box.payment_method_woo-mercado-pago-basic .mp-panel-checkout .mp-row-checkout #framePayments.mp-col-md-6{
width: 100% !important;
}
#payments table.shop_table.woocommerce-checkout-review-order-table,
#payments .woocommerce-form-coupon-toggle,
#payments #payment ul li label,
#payments #payment button#place_order{
display: none !important;
}
#payments,
#payments #payment,
#payments .form-default{
width: 100%;
float: left;
margin: 0;
}
#payments #payment .form-row.place-order{
margin: 0;
}
#payments #payment ul li.wc_payment_method.payment_method_woo-mercado-pago-basic .payment_box.payment_method_woo-mercado-pago-basic .mp-panel-checkout{
padding: 0;
}
#payments #payment ul{
display: flex !important;
flex-flow: row wrap !important;
}
#payments #payment ul li{
flex: 1 0 0 !important;
padding: 100px 1rem 1.5rem 1rem;
border-radius: 5px;
position: relative;
margin: 0 0.25rem;
text-align: center;
border: 1px solid rgba(0,0,0,0.05);
background-color: rgba(0,0,0,0.05);
background-repeat: no-repeat;
background-size: auto 70px;
background-position: center 20px;
transition: 0.3s;
}
#payments #payment ul li:hover{
border: 1px solid rgba(0,0,0,0.3);
}
#payments #payment ul li.active{
background-color: #fff;
border: 2px solid #caab69;
}
#payments #payment ul li.payment_method_ppec_paypal{
background-image: url('../assets/img/paypal-logo.svg');
}
#payments #payment ul li.payment_method_ppec_paypal.active{
padding-bottom: 140px;
}
#payments #payment ul li.payment_method_transbank{
background-image: url('../assets/img/webpay.png');
}
#payments #payment ul li.payment_method_woo-mercado-pago-basic{
background-image: url('../assets/img/mercadopago.png');
}
#payments #payment ul li input{
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
top: 0;
left: 0;
cursor: pointer;
}
#payments #payment ul li label{
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}
#payments #payment ul li .payment_box{
margin-top: 10px;
}
#payments #payment ul li .payment_box p{
font-weight: 300;
font-size: 13px;
line-height: 140%;
color: rgba(0,0,0,0.6);
margin: 0;
}
#payments #payment #woo_pp_ec_button_checkout {
display: block;
position: absolute;
width: 24%;
width: 200px;
bottom: 60px;
left: calc(16vw - 200px + 4rem);
}
@media screen and (max-width: 1250px) {
/*----------------------------------------------*/
/*------------------- CHECKOUT -----------------*/
/*----------------------------------------------*/
#payments #payment ul{
display: grid !important;
grid-gap: 20px;
}
#payments #payment ul li{
grid-template-columns: 1fr;
}
#payments #payment ul li.payment_method_ppec_paypal{
order: 3;
}
#payments #payment #woo_pp_ec_button_checkout {
left: 0;
right: 0;
margin: auto;
width: 200px !important;
}
}
@media only screen and (max-width: 768px) {
header{
opacity: 0;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
@keyframes fadein {
0% {transform:translateY(-100px);opacity: 0;}
25% {opacity: 0;}
50% {opacity: 0.5;}
100% {transform:translateY(0);opacity: 1;}
}
@-moz-keyframes fadein {
0% {transform:translateY(-100px);opacity: 0;}
25% {opacity: 0;}
50% {opacity: 0.5;}
100% {transform:translateY(0);opacity: 1;}
}
@-webkit-keyframes fadein {
0% {transform:translateY(-100px);opacity: 0;}
25% {opacity: 0;}
50% {opacity: 0.5;}
100% {transform:translateY(0);opacity: 1;}
}
@-ms-keyframes fadein {
0% {transform:translateY(-100px);opacity: 0;}
25% {opacity: 0;}
50% {opacity: 0.5;}
100% {transform:translateY(0);opacity: 1;}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
/*----------------------------------------------*/
/*-------------- EXPERIENCIAS VIK --------------*/
/*----------------------------------------------*/
#all-experiencias .experiencias-area .experiencia-box{
width: 44%;
margin: 1.5%;
}
}
@media screen and (max-width: 480px) {
#instafeed .jr-insta-thumb ul.thumbnails li {
margin: 0 8% 1.5% 2.5% !important;
transition: .5s;
}
/*----------------------------------------------*/
/*-------------- EXPERIENCIAS VIK --------------*/
/*----------------------------------------------*/
#all-experiencias .experiencias-area .experiencia-box{
width: 100%;
margin: 20px 0;
}
/*----------------------------------------------*/
/*--------------------- HOME -------------------*/
/*----------------------------------------------*/
#experiencias-home .content .carousel-heading{
margin-top: 4rem;
}
.carousel-slide-area{
width: 90%;
margin: -40px 5% 0;
}
.carousel-slide-area #carousel-slider .slide p.title{
margin: 10px 0 25px;
font-size: 2rem;
width: calc(100% - 120px);
}
}
}