/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.site-main-header-wrap .site-header-row-container-inner {border-bottom:1px solid #D28755!important; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5)!important;}


/* HERO MOBILE DEVICES */

@media only screen and (max-width: 1024px) {
    .header-color { font-weight: 300!important;}
	.header-color-2 { font-weight: 500!important;}
}

/* SCROLLING ARROWS WHITE */
@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: -20%;
  }
  100% {
    opacity: 1;
    top: 50%;
  }
}
@-moz-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: -20%;
  }
  100% {
    opacity: 1;
    top: 50%;
  }
}
@keyframes arrow-movement {
  0% {
    opacity: 0;
    top: -20%;
  }
  100% {
    opacity: 1;
    top: 50%;
  }
}
.monogram {
  width: 100px;
  height: 93px;
  position: relative;
  margin: 0 auto;
}
.custom_animated_down_arrow {
  width: 100px;
  height: 60px;
  position: relative;
  margin: -8px auto;
}
.custom_animated_down_arrow .arrow {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  border: 3px solid white;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 0;
  border-left: 0;
}
.custom_animated_down_arrow .arrow-first {
  -webkit-animation: arrow-movement 2s ease-in-out infinite;
     -moz-animation: arrow-movement 2s ease-in-out infinite;
          animation: arrow-movement 2s ease-in-out infinite;
}
.custom_animated_down_arrow .arrow-second {
  -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
     -moz-animation: arrow-movement 2s 1s ease-in-out infinite;
          animation: arrow-movement 2s 1s ease-in-out infinite;
}
.custom_animated_down_arrow .arrow:before {
  -webkit-transform: rotate(45deg) translateX(-23%);
     -moz-transform: rotate(45deg) translateX(-23%);
      -ms-transform: rotate(45deg) translateX(-23%);
       -o-transform: rotate(45deg) translateX(-23%);
          transform: rotate(45deg) translateX(-23%);
  -webkit-transform-origin: top left;
     -moz-transform-origin: top left;
      -ms-transform-origin: top left;
       -o-transform-origin: top left;
          transform-origin: top left;
}
.custom_animated_down_arrow .arrow:after {
  -webkit-transform: rotate(-45deg) translateX(23%);
     -moz-transform: rotate(-45deg) translateX(23%);
      -ms-transform: rotate(-45deg) translateX(23%);
       -o-transform: rotate(-45deg) translateX(23%);
          transform: rotate(-45deg) translateX(23%);
  -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
       -o-transform-origin: top right;
          transform-origin: top right;
}
@media (min-width: 768px) {
  .custom_animated_down_arrow .arrow {
    will-change: transform, opacity;
  }
}


/* SCROLLING ARROWS GOLD */
.custom_animated_down_arrow-gold {
    width: 100px;
    height: 60px;
    position: relative;
    margin: -8px auto;
  }
.custom_animated_down_arrow-gold .arrow {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 60%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border: 3px solid white;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
  }
.custom_animated_down_arrow-gold .arrow {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border: 3px solid #ac8f41;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
  }
.custom_animated_down_arrow-gold .arrow-first {
    -webkit-animation: arrow-movement 2s ease-in-out infinite;
       -moz-animation: arrow-movement 2s ease-in-out infinite;
            animation: arrow-movement 2s ease-in-out infinite;
  }
.custom_animated_down_arrow-gold .arrow-second {
    -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
       -moz-animation: arrow-movement 2s 1s ease-in-out infinite;
            animation: arrow-movement 2s 1s ease-in-out infinite;
  }
.custom_animated_down_arrow-gold .arrow:before {
    -webkit-transform: rotate(45deg) translateX(-23%);
       -moz-transform: rotate(45deg) translateX(-23%);
        -ms-transform: rotate(45deg) translateX(-23%);
         -o-transform: rotate(45deg) translateX(-23%);
            transform: rotate(45deg) translateX(-23%);
    -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
        -ms-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
  }
.custom_animated_down_arrow-gold .arrow:after {
    -webkit-transform: rotate(-45deg) translateX(23%);
       -moz-transform: rotate(-45deg) translateX(23%);
        -ms-transform: rotate(-45deg) translateX(23%);
         -o-transform: rotate(-45deg) translateX(23%);
            transform: rotate(-45deg) translateX(23%);
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
        -ms-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right;
}
@media (min-width: 768px) {
  .custom_animated_down_arrow-gold .arrow {
    will-change: transform, opacity;
  }
}
@media (max-width: 767px) {
  .custom_animated_down_arrow-gold .arrow-first,
  .custom_animated_down_arrow-gold .arrow-second {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    opacity: 1 !important;
    position: static !important;
    margin: 6px auto;
  }
  .custom_animated_down_arrow-gold {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    gap: 6px;
  }
  .custom_animated_down_arrow-gold .arrow {
    width: 30px;
    height: 30px;
    border: 3px solid #ac8f41;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
  }
}

/* GRAVITY FORMS */
body div#gform_wrapper_1 div.gform_body input[type="text"],
body div#gform_wrapper_1 select,
body div#gform_wrapper_1 textarea,
body div#gform_wrapper_1 div.gform_body input[type="tel"],
body div#gform_wrapper_1 div.gform_body input[type="email"]{
	font-size: 18px;
	font-weight:300;
}

.gform_required_legend {color: #000 !important; font-size:14px!important;}

.gform-theme--foundation .gform_fields {grid-row-gap:25px;}
#gform_confirmation_message_1 {color:#ffffff;}

.gform-theme--foundation .gfield textarea.medium {min-block-size: 1rem;}

/* Force consistent spacing for Form 1 — reset grid/gap and margins */
#gform_wrapper_1 .gform_fields {
  row-gap: 20px !important;
  grid-row-gap: 20px !important;
}

/* Also reset margin bottom on individual fields */
#gform_wrapper_1 .gfield {
  margin-bottom: 0 !important;
}

/* Optional: reset label spacing too */
#gform_wrapper_1 .gfield_label {
  margin-bottom: 6px !important;
  color:#fff!important;
}

/* Reset padding/margins on wrapper to avoid container interference */
#gform_wrapper_1 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Gravity Form ID 1 - standardize message field height */
#gform_wrapper_1 textarea {
  min-height: 100px !important; /* adjust to desired height */
  height: auto !important;      /* prevents theme from stretching */
  max-height: 200px !important; /* optional, to prevent huge fields */
  resize: vertical;             /* allows users to resize manually */
}

#gform_submit_button_1 {
	border-radius:30px!important;
	font-family: trajan-pro-3!important; 
	font-weight:600!important;
	font-size: 24px!important;
	padding: 10px 20px!important;
}

@media (max-width: 767px) {
#gform_submit_button_1 {
	font-weight:600!important;
	font-size: 20px!important;
}
}

/* GOLD ANIMATED LINE */
.rotating-line {
    position: relative;
    margin: auto;
    width: 100%;
       
    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 4px solid #AC8F41;
        transition: all .5s;
        animation: clippath 20s infinite linear;
    }
}
@keyframes clippath {
    0%,
    100% {
        clip-path: inset(0 0 95% 0);
    }
    
    25% {
        clip-path: inset(0 95% 0 0);
    }
    50% {
        clip-path: inset(95% 0 0 0);
    }
    75% {
        clip-path: inset(0 0 0 95%);
    }
}
@media (max-width: 767px) {
  .rotating-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: none !important;
    clip-path: none !important;
    border: 4px solid #AC8F41 !important;
  }
}


/* Flip cards - Hover Fade Reveal */
.bb-flip-cards-2 .kt-inside-inner-col .front,
.bb-flip-cards-2 .kt-inside-inner-col .back {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease;
}

.bb-flip-cards-2 .kt-inside-inner-col .front .kt-row-layout-inner,
.bb-flip-cards-2 .kt-inside-inner-col .back .kt-row-layout-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.bb-flip-cards-2 .kt-inside-inner-col :is(.front .kt-row-column-wrap, .back .kt-row-column-wrap, .wp-block-kadence-column .kt-inside-inner-col) {
    height: 100%;
}

.bb-flip-cards-2 .kt-inside-inner-col .wp-block-kadence-column {
    align-self: stretch;
}

.bb-flip-cards-2 .kt-inside-inner-col .back .kt-inside-inner-col {
   
    display: flex;
    flex-direction: column;
}

/* Front: fully visible by default */
.bb-flip-cards-2 .kt-inside-inner-col .front {
    opacity: 1;
    z-index: 2;
}

/* Back: hidden by default */
.bb-flip-cards-2 .kt-inside-inner-col .back {
    opacity: 0;
    z-index: 1;
}

/* On hover: fade front out, fade back in */
.bb-flip-cards-2 .wp-block-kadence-column:hover .front {
    opacity: 0;
}

.bb-flip-cards-2 .wp-block-kadence-column:hover .back {
    opacity: 1;
}

.bb-flip-cards-2 .wp-block-kadence-column:hover {
    z-index: 10;
}

.wp-block-list {
	font-size: 1.25rem!important;
	line-height: 1.625;
	padding-left:1.5em!important;;
}
/* Mobile: show back statically, hide front */
@media all and (max-width: 1024px) {
    .bb-flip-cards-2 .kt-inside-inner-col .front {
        display: none;
    }

    .bb-flip-cards-2 .kt-inside-inner-col .back {
        position: relative;
        opacity: 1;
    }
	.wp-block-list {
		font-size: 1.25rem !important;
		line-height: 1.5;
		padding-left:1.5em!important;
	}
}
/* Fix for Kadence Bug */
@media all and (min-width: 768px) and (max-width: 1024px) {
    .bb-flip-cards-2 > .kt-inside-inner-col > .wp-block-kadence-column {
        flex: 0 1 48% !important;
    }
}

/* Gallery Slider */
.gallery-row-slider .kt-blocks-carousel figure .kb-gal-image-radius img {
    border:4px solid #caaca8!important;
	border-radius: 50px!important;

}
.gallery-row-slider .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
	background:transparent!important;  
	text-shadow: 1px 1px #000000!important;
}

/* Monogram Larger Screens */
@media (min-width: 1850px) {
	.kb-row-layout-id12_c84963-15 {
		background-image: url(https://valageseniorli.wpenginepowered.com/wp-content/uploads/2026/06/wellquest-valage-at-mt-rose-reno-ca-v-icon-pink-half2.png);
		background-size: 40% auto!important;
		background-position: 0% 22%;
		background-attachment: scroll;
		background-repeat: no-repeat;
	}
	.kb-row-layout-id12_638980-05 {
		background-image: url(https://valageseniorli.wpenginepowered.com/wp-content/uploads/2026/06/wellquest-valage-at-mt-rose-reno-ca-v-icon-pink-half-r.png)!important;
		background-size: 45% auto!important;
		background-position: 100% 0%!important;
		background-attachment: scroll;
		background-repeat: no-repeat;
	}
}

@media  (max-width: 1024px) {
	.kb-row-layout-id12_c84963-15 {
		background-size: 100% auto!important;
		background-position: 10% 0%!important;
	}
	.kb-row-layout-id12_638980-05 {
		background-size: 100% auto!important;
		background-position: 0% 25%!important;
	}
	.kadence-column12_a3a1ab-3e > .kt-inside-inner-col {
		background-size: 100% auto!important;
		background-position: 0% 10%!important;
	}
}