/*------------------------------------------------------------------------------------------------------- Color, media,
fonts*/
:root {

--color-grey: #999999;
--color-grey-b: #444444;
--color-red: #EA0B2A;
--color-rose: #FAE8E8;
--color-btn: #f7b9b9;
--color-white: #fff;
--color-black: #000;
--color-orange: #F27000;

--font-12: 0.75rem;
--font-14: 0.875rem;
--font-16: 1rem;
--font-18: 1.125rem;
--font-20: 1.25rem;
--font-22: 1.375rem;
--font-24: 1.5rem;
--font-26: 1.625rem;
--font-28: 1.75rem;
--font-32: 2rem;

}
/*------------------------------------------------------------------------------------------------------- Reset and base
styles*/
* {
padding: 0px;
margin: 0px;
border: none;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active {
/*outline: none;*/
}
a:focus,
a:active {
/* outline: none;*/
}
/* Links */
a, a:link, a:visited {
/* color: inherit; */
text-decoration: none;
/* display: inline-block; */
}
.text a {
text-decoration: underline;	
color: var(--color-black);
}
a:hover {
/* color: inherit; */
text-decoration: none;
}
/* Common */
aside, nav, footer, header, section, main {
display: block;
}
h1, h2, h3, h4, h5, h6, p {
font-size: inherit;
font-weight: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
ol, ul {
margin-top: 10px;	
}
ul, ul li {
list-style: none;
}
ol li, ul li {
margin-bottom: 0px;
position: relative;
}
.product-short-description ul li::before {
content: '-';	
position: absolute;
left: -1.0em;
}
.text ul li::before {
content: '-';	
position: absolute;
left: -1.0em;
}
img {
vertical-align: top;
}
img, svg {
max-width: 100%;
height: auto;
}
address {
font-style: normal;
}
.text-box.banner-layer a {
text-decoration: none;	
}
.text-box.banner-layer a:hover {
color: #000;
text-decoration: underline;	
}
/* Form */
input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
}
input::-ms-clear {
display: none;
}
button, input[type="submit"] {
display: inline-block;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
}
input:focus, input:active,
button:focus, button:active {
outline: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
label {
cursor: pointer;
}
legend {
display: block;
}
.fs-12 {
font-size: var(--font-12);
}
.fs-14 {
font-size: var(--font-14);
}
.fs-16 {
font-size: var(--font-16);
}
.fs-20 {
font-size: var(--font-20);
}
.mb-0 p {
margin-bottom: 10px;
}
.h-100vh {
height: 100vh;
}
.grey-section {
background-color: rgb(244, 244, 244);
position: relative;
}
.grey-section::after {
content: '';
background-color: rgb(244, 244, 244);
height: 100%;
width: 3000px;
position: absolute;
top: 0;
left: 0;
}
.pl__small p {
padding-left: 10%;
}
.action .row-divided>.col+.col:not(.large-12) {
border-left: 1px solid var(--color-grey-b);
}
div.is-divider {
display: none;
}
td, th {
padding: 1em;	
}
.wishlist-title.wishlist-title-with-form,
.hidden {
display: none;
opacity: 0;
}
.accordion__block.accordion .toggle {
right: 0;
left: auto;
}
.accordion__block.accordion .accordion-title {
font-weight: 600;
color: var(--color-black);
border-top: 0px;
background-color: #FAE8E8;
}
.accordion__block.accordion .accordion-item {
margin-bottom: 15px;	
}
.accordion__block.accordion .accordion-inner p {
margin-bottom: 0px;
}
/*------------------------------------------------------------------------------------------------------- Button links style*/
.account-container button.woocommerce-button,
.wishlist-items-wrapper .add_to_cart,
.return-to-shop .wc-backward,
.place-order #place_order,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce-mini-cart__buttons a.wc-forward,
.woocommerce-mini-cart__buttons a.checkout,
.actions a.button-continue-shopping {
padding: 3px 10px;
border-width: 2px;
}
.place-order #place_order {
width: 100%;
}
.actions a.button-continue-shopping:hover {
background-color: var(--color-black);
color: var(--color-white);
border-color: var(--color-black);
}
.account-container button.woocommerce-button,
.wishlist-items-wrapper .add_to_cart,
.return-to-shop .wc-backward,
.woocommerce-mini-cart__buttons a.wc-forward,
.actions a.button-continue-shopping {
color: var(--color-black);	
}
.account-container button.woocommerce-button,
.wishlist-items-wrapper .add_to_cart,
.return-to-shop .wc-backward,
.woocommerce-mini-cart__buttons a.wc-forward {
border-color: var(--color-black);
}
.woocommerce-mini-cart__buttons a.checkout {
color: var(--color-white);	
}
.account-container button.woocommerce-button:hover,
.wishlist-items-wrapper .add_to_cart:hover,
.return-to-shop .wc-backward:hover,
.woocommerce-mini-cart__buttons a.checkout:hover,
.woocommerce-mini-cart__buttons a.wc-forward:hover {
background-color: transparent!important;	
-webkit-box-shadow: none;	
        box-shadow: none;
color: var(--color-black);
}
a.button.black:not(.is-outline) {
background-color: var(--color-black);
border-color: var(--color-black);
font-weight: 500;
padding-right: 45px;
font-weight: bold;
}
a.button.black.is-outline {
border-color: var(--color-black);
color: var(--color-black);
font-weight: 500;
padding-right: 45px;
font-weight: bold;
}
a.button.black.is-outline:hover {
background-color: var(--color-black);
color: var(--color-white);
}
a.button.black:not(.is-outline):hover {
border-color: var(--color-btn);
background-color: var(--color-btn);
color: var(--color-black);
-webkit-box-shadow: none;
box-shadow: none;
}
a.button.black.is-outline::after,
a.button.black:not(.is-outline)::after {
content: '';
width: 25px;
height: 25px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 15px;
top: calc(50% - 13px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.button.black.is-outline::after {
background-image: url(/wp-content/uploads/arrow-1.svg);
}
a.button.black:not(.is-outline)::after {
background-image: url(/wp-content/uploads/arrow-w-1.svg);
}
a.button.black.is-outline:hover:after {
background-image: url(/wp-content/uploads/arrow-w-1.svg);
right: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.button.black:not(.is-outline):hover:after {
background-image: url(/wp-content/uploads/arrow-1.svg);
right: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/*------------------------------------------------------------------------------------------------------- Title style*/
.main__banner h1 {
font-size: 45px;
}
.category .text h2 {
margin: 1px;
font-size: 25px;
}
.text h2 {
font-size: 38px;
}
.title__text p, .title__text h1 {
font-size: 38px;
position: relative;
text-transform: uppercase;
z-index: 1;
display: inline-block;
}
.title__text p::after, .title__text h1::after {
content: '';
width: 120px;
height: 120px;
background-color: var(--color-rose);
position: absolute;
border-radius: 50%;
z-index: -1;
top: -30px;
left: -30px;
}
.title__text.rose__color p::after {
background-color: rgb(246 211 211 / 70%);
}
.blog__wrap .box-blog-post {
background-color: var(--color-white);
-webkit-box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.16);
box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.16);
}
.blog__wrap .box-blog-post .box-text {
padding: 20px;
}
.blog__wrap .box-blog-post .box-text h5 {
font-size: var(--font-18);
text-transform: uppercase;
color: var(--color-black);
margin-bottom: 10px;
}
.blog__wrap .box-blog-post .box-text a.button {
color: var(--color-black);
font-size: var(--font-12);
position: relative;
}
.blog__wrap .box-blog-post .box-text a.button::after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 1px;
background-color: var(--color-grey-b);
opacity: 0;
will-change: transform;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);https://www.resortkaskady.com/;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
-o-transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
}
.blog__wrap .box-blog-post .box-text a.button:hover::after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
/*------------------------------------------------------------------------------------------------------- Header style*/
img.cart-img-icon,
img.icon__header {
width: 30px;
}
.header-main .header-inner.container {
max-width: 1280px;
}
.header-bottom.flex-has-center .header-bottom-nav {
gap: 30px;
}
.header-bottom.flex-has-center .header-bottom-nav li a {
font-size: var(--font-16);
margin-top: 10px;
padding-bottom: 3px;
border-bottom: 2px solid transparent;
margin-bottom: 15px;
position: relative;
}
.header-bottom.flex-has-center .header-bottom-nav li a::after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 1px;
background-color: var(--color-grey-b);
opacity: 0;
will-change: transform;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
-o-transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
}
.header-bottom.flex-has-center .header-bottom-nav li a:hover:after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.header-nav-main,
.header-nav {
font-weight: 500;
}
.header-nav-main {
font-size: var(--font-20);
}
header .header-nav-main li a {
color: var(--color-black);
opacity: 0.5;
}
header .header-nav-main li a:hover {
opacity: 1;
}
.account-item ul li a {
color: var(--color-black);
font-size: var(--font-14);
}
.nav-dropdown-default {
padding: 10px!important;
}
/*------------------------------------------------------------------------------------------------------- Main style*/
.category .banner-layer {
background: var(--color-rose);
padding: 25px 0px;
border: 1px solid var(--color-rose);;
}
.category .banner {
-webkit-box-shadow: 5px 15px 25px 0px rgba(0, 0, 0, 0.16);
box-shadow: 5px 15px 25px 0px rgba(0, 0, 0, 0.16);
}
/*------------------------------------------------------------------------------------------------------- Shop style*/
.product-small .product-title a {
font-size: var(--font-16);
text-transform: uppercase;
font-weight: 600;
color: var(--color-grey-b);
}
.product-small .price {
font-size: var(--font-20);
color: var(--color-grey-b);
}
.product-summary .price .woocommerce-Price-currencySymbol {
font-size: 1em;
}
form .shop_table .order-total td, form .shop_table .order-total th, form .shop_table thead th {
border-width: 1px;
}
.woocommerce-pagination .nav-pagination>li>.current, .woocommerce-pagination .nav-pagination>li>a:hover, .woocommerce-pagination .nav-pagination>li>span:hover {
color: var(--color-black);	
}
.product-footer .woocommerce-tabs {
display: none;
}
.info {
position: relative;	
font-size: var(--font-12);
padding-left: 30px;
}
.info::before {
content: '';
background-image: url(/wp-content/uploads/warning.svg);	
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
left: 0;
}
/*------------------------------------------------------------------------------------------------------- Footer style*/
.footer-secondary.pull-right a img {
width: 40px;
height: 40px;
opacity: 0.7;
}
.footer-secondary.pull-right a:hover img {
opacity: 1;
}
/*------------------------------------------------------------------------------------------------------- Form style*/
.cart textarea.wccpf-field{
min-height: 80px;
font-size: var(--font-14);
line-height: 1.4;
padding: 5px!important;
}
.form-flat {
position: relative;
z-index: 1;	
}
form input[type=date], form input[type=email], form input[type=number], form input[type=password], form
input[type=search], form input[type=tel], form input[type=text], form input[type=url], form select, form textarea {
-webkit-box-shadow: none;
        box-shadow: none;
}
form .form-flat input[type=date], form .form-flat input[type=email], form .form-flat input[type=number], form .form-flat
input[type=password], form .form-flat input[type=search], form .form-flat input[type=tel], form .form-flat
input[type=text], form .form-flat input[type=url], form .form-flat select, form .form-flat textarea {
background-color: var(--color-white);
border-radius: 0px!important;
}
.form-flat input[type=submit].button  {
padding: 3px 25px;
border-width: 2px;
background-color: var(--color-black);
color: var(--color-white);
border-color: var(--color-black);
}
.wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
display: none;	
}
.woocommerce-invalid input, input.wpcf7-not-valid, textarea.wpcf7-not-valid {
border-color: var(--color-red)!important;
}
.succes-form {
position: fixed;
display: block;
background-color: #fff;
right: 10px;
bottom: 10px;
padding: 15px 20px;
border: 2px solid;
z-index: 999;
opacity: 0;
visibility: hidden;
margin-right: -50%;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.succes-form p {
margin-bottom: 0px;
}
.succes-form.visible-block {
opacity: 1;
visibility: visible;
margin-right: 0;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
/*------------------------------------------------------------------------------------------------------- Media style*/
@media (max-width: 768px) {
.main__banner h1 {
font-size: 35px;
}
.nav-center li.html_topbar_left {
text-align: center!important;
}
.product-title.woocommerce-loop-product__title a {
font-size: var(--font-12);
}
.price-wrapper .price {
font-size: var(--font-14);
}
.wishlist-icon {
width: 25px!important;	
}
.header-search a {
width: 25px;	
}
.image-icon img.cart-img-icon {
max-width: 25px;
}
}
@media (max-width: 540px) {
.title__text p, .title__text h1 {
font-size: var(--font-26);
}	
.main__banner h1 {
font-size: var(--font-26);
}
ul li, ol li, p {
font-size: var(--font-14);	
}
.title__text p::after, .title__text h1::after {
width: 60px;
height: 60px;
top: -25px;
}
.category .text h2 {
font-size: var(--font-20);
}
.text h2 {
font-size: var(--font-26);
}
.blog__wrap .box-blog-post .box-text h5 {
font-size: var(--font-14);
}
.icon-box .icon-box-img {
width: 50px!important;	
}
}
@media (max-width: 380px) {

}