.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#F5F3EE;--e-global-color-accent:#F5F3EE;--e-global-color-42996dc:#151517;--e-global-color-5420493:#F5F3EE;--e-global-color-c14b342:#A9A990;--e-global-color-1d7d001:#F5F3EE6E;--e-global-typography-primary-font-family:"Reckless";--e-global-typography-primary-font-size:3.6em;--e-global-typography-primary-font-weight:200;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Reckless";--e-global-typography-secondary-font-size:2.8em;--e-global-typography-secondary-font-weight:200;--e-global-typography-text-font-family:"Reckless";--e-global-typography-text-font-size:2.4em;--e-global-typography-text-font-weight:200;--e-global-typography-accent-font-family:"Reckless";--e-global-typography-accent-font-size:1.8em;--e-global-typography-accent-font-weight:200;--e-global-typography-1f5b3e6-font-family:"DM Sans";--e-global-typography-1f5b3e6-font-size:1.2em;--e-global-typography-1f5b3e6-font-weight:400;--e-global-typography-6c3815e-font-family:"DM Sans";--e-global-typography-6c3815e-font-size:1.2em;--e-global-typography-6c3815e-font-weight:300;--e-global-typography-6c3815e-line-height:1.15em;--e-global-typography-f52cff3-font-family:"DM Sans";--e-global-typography-f52cff3-font-size:1.4em;--e-global-typography-f52cff3-font-weight:400;--e-global-typography-50498f4-font-family:"DM Sans";--e-global-typography-50498f4-font-size:1.2em;--e-global-typography-50498f4-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:2.2em;--e-global-typography-secondary-font-size:2em;--e-global-typography-text-font-size:1.6em;--e-global-typography-accent-font-size:1.4em;--e-global-typography-1f5b3e6-font-size:1.4em;--e-global-typography-6c3815e-font-size:1em;--e-global-typography-f52cff3-font-size:1em;--e-global-typography-50498f4-font-size:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-1f5b3e6-font-size:1.1em;--e-global-typography-50498f4-font-size:0.8em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   1. TEXT ENGINE MECHANICAL SETUP
   ========================================================================== */
.kinetic-roll-btn .elementor-button-text {
    position: relative;
    display: inline-block;
    overflow: hidden !important;
    vertical-align: middle;
}

.kinetic-roll-btn .initial-text,
.kinetic-roll-btn .hover-text {
    display: flex !important;
    white-space: nowrap;
}

.kinetic-roll-btn .hover-text {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   2. ICON ENGINE MECHANICAL SETUP
   ========================================================================== */
.kinetic-roll-btn .elementor-button-icon {
    position: relative;
    display: inline-flex !important;
    overflow: hidden !important;
    vertical-align: middle;
}

.kinetic-roll-btn .initial-icon,
.kinetic-roll-btn .hover-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.kinetic-roll-btn .hover-icon {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   3. SYNCHRONIZED BASE TRANSITIONS & SPEEDS
   ========================================================================== */

/* Resting and Mouse-Leave Baseline Curve Parameters */
.kinetic-roll-btn .initial-text span,
.kinetic-roll-btn .initial-icon {
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.kinetic-roll-btn .hover-text span,
.kinetic-roll-btn .hover-icon {
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

/* --- THE HOVER STATES (Unified Shift Up) --- */
.kinetic-roll-btn:hover .initial-text span,
.kinetic-roll-btn:hover .initial-icon {
    transform: translateY(-100%);
}

.kinetic-roll-btn:hover .hover-text span,
.kinetic-roll-btn:hover .hover-icon {
    transform: translateY(0);
}



/*Section color change*/
body{
background-color: #151517;
transition: background-color 2s cubic-bezier(.17,.67,.83,.67);
}


.color-white {
background-color: #F5F3EE !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Reckless';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://vastnvibe.com/wp-content/uploads/2026/07/RecklessStandardM-TRIAL-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Reckless';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://vastnvibe.com/wp-content/uploads/2026/07/RecklessStandardM-TRIAL-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Reckless';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://vastnvibe.com/wp-content/uploads/2026/07/RecklessStandardM-TRIAL-Book.woff2') format('woff2');
}
/* End Custom Fonts CSS */