/*
 Theme Name:   Bright Stars
 Theme URI:    https://github.com/openskyweb/brightstars
 Description:  A Kadence Theme Child Theme
 Author:       Open Sky Agency
 Author URI:   https://www.openskyagency.com
 Text Domain:  brightstars
 Template:     kadence
 Version:      2.0.0
*/

html {
	scroll-behavior: smooth;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
}

/* Headers and Text */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
	margin-top: .5em;
	margin-bottom: .5em;
}

.single-content p {
	margin-bottom: 1em !important;
}

/* Sync default sizing from core and Kadence */
.has-small-font-size {
	font-size: var(--global-kb-font-size-sm) !important;
}

.has-regular-font-size,
.has-medium-font-size {
	font-size: var(--global-kb-font-size-md) !important;
}

.has-large-font-size {
	font-size: var(--global-kb-font-size-lg) !important;
}

.has-larger-font-size,
.has-x-large-font-size {
	font-size: var(--global-kb-font-size-xl) !important;
}

/* List Options */
ol,
ul {
	margin-left: 2em;
}

@media all and (min-width: 767px) {
	.columns-2 {
		column-count: 2;
		column-gap: 2em;
	}

	.columns-3 {
		column-count: 3;
		column-gap: 2em;
	}

	.columns-4 {
		column-count: 4;
		column-gap: 2em;
	}
}

/* Images */
.aspect-ratio-16-9 {
	aspect-ratio: 16 / 9;
}

.aspect-ratio-4-3 {
	aspect-ratio: 4 / 3;
}

.aspect-ratio-3-2 {
	aspect-ratio: 3 / 2;
}

.aspect-ratio-1-1 {
	aspect-ratio: 1 / 1;
}

/* Search Block */
.wp-block-search .wp-block-search__input {
	padding: 6px 12px;
	font-size: 14px;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border: 0;
}

.wp-block-search__button {
	padding: 2px;
}

@media all and (max-width: 768px) {
	.wp-block-search__inside-wrapper {
		width: 100% !important;
	}

	.wp-block-search {
		display: block;
	}
}

/* Accessibility: Style External Links */
.external-text-only-link:not(.kb-button),
.external-pdf-link:not(.kb-button) {
	display: inline-flex;
	align-items: center;
	column-gap: 0.25em;
}

.external-text-only-link:not(.kb-button) svg,
.external-pdf-link:not(.kb-button) svg {
	height: .8em
}

/* Termageddon Styling */

body .policy_embed_div h1,
body .policy_embed_div h2,
body .policy_embed_div h3,
body .policy_embed_div h4,
body .policy_embed_div h5,
body .policy_embed_div h6 {
	margin: .5em 0 !important;
	line-height: 1.4 !important;
}

body .policy_embed_div ul,
body .policy_embed_div p {
	margin-top: 0 !important;
	margin-bottom: var(--global-sm-spacing) !important;
}

body .policy_embed_div .accordions {
	border: 0 !important;
	font-size: 16px !important;
}

body .policy_embed_div .accordion {
	border-color: var(--global-palette8) !important;
}

body .policy_embed_div .accordion-content {
	padding: 0 !important;
}

body .policy_embed_div .accordion-summary:hover {
	background: none !important;
}

body .policy_embed_div .accordion-heading {
	font-size: 18px !important;
}

@media all and (max-width: 768px) {
	body .policy_embed_div .accordion-heading {
		font-size: 16px !important;
	}
}

body .policy_embed_div .accordion-section {
	margin-left: 1.5em !important;
}


/*********************************/
/* Custom styles from customizer */
/*********************************/
:root {
    --global-kb-font-size-sm: clamp(0.833rem, 0.833rem + 0vw, 0.833rem)!important;
	
}

h1, h2, h3, h4, h5, h6 {
	word-break:keep-all;
	text-wrap: balance;
}
.kb-row-layout-wrap > div:last-child {
	padding-right: var(--global-kb-spacing-sm, 1.5rem);
    padding-left: var(--global-kb-spacing-sm, 1.5rem);
}

.home .site {
	position: relative;
}	
	
.home .site::before {	
	content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
	background-image: url('/wp-content/uploads/2025/06/RLK_Crest_grey.png')!important;
	background-repeat:no-repeat!important;
	background-size: auto 120%!important;
	background-position:center bottom!important;
	background-color:rgba(255,255,255,0.50)!important;
	background-blend-mode:lighten!important;

}



.menu-logo-wrapper {
	padding-bottom: 3rem;
	border-bottom: 2px solid var(--global-palette6);
}
.drawer-content figure {
	padding-bottom:3rem;
	border-bottom: 2px solid var(--global-palette6);
}
.drawer-content figure > img {
	margin: 0 auto;
}
.drawer-content a {
	font-family:'Minion Pro Regular';
	font-size: 1.5rem;
	line-height:4rem;
}

.title-with-images {
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
	justify-content: center;
}
.title-with-images img:first-of-type {
	height: auto;
	width: 43px;
	margin-right:25px;
}
.title-with-images img:last-of-type {
	height: auto;
	width: 43px;
	margin-left:25px;
}

.kt-blocks-accordion-icon-trigger {
	width:90px!important;
}
.kt-blocks-accordion-header .kt-blocks-accordion-icon-trigger:before,
.kt-blocks-accordion-header .kt-blocks-accordion-icon-trigger:after {
	transition: none!important;
}

.kt-blocks-accordion-header 
.kt-blocks-accordion-icon-trigger:before {
	display:none;
}
.kt-blocks-accordion-header:not(.kt-accordion-panel-active)
.kt-blocks-accordion-icon-trigger:after {
	content: "VIEW" !important;
    width: 44px !important;
    height: 22px !important;
    background: transparent !important;
    color: var(--global-palette3);
    border-bottom: 1px solid var(--global-palette3);
    transform: none !important;
    font-size: 18px;
    line-height: 1;
    padding: 0 !important;
    top: 0 !important;
}
.kt-blocks-accordion-header.kt-accordion-panel-active
.kt-blocks-accordion-icon-trigger:after {
	content: "CLOSE" !important;
    width: 55px !important;
    height: 22px !important;
    background: transparent !important;
    color: var(--global-palette3);
    border-bottom: 1px solid var(--global-palette3);
    transform: none !important;
	font-size: 18px;
    line-height: 1;
	padding: 0 !important;
    top: 0 !important;
}
.kt-blocks-accordion-icon-trigger:hover:after {
	color: var(--global-palette2)!important;
	border-bottom: 1px solid var(--global-palette2)!important; 
}


/* Gradients section */
.hero-gradient {
    position: relative;
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
}
.section-gradient {
    position: relative;
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 25%, 
        rgba(255, 255, 255, 1) 50%, 
        rgba(255, 255, 255, 0.8) 75%, 
        rgba(255, 255, 255, 0) 100%
    );
}


.wp-block-kadence-advancedbtn .external-link .kb-svg-icon-wrap svg {
	height: .8em!important;
}


@media only screen and (min-width:769px) and (max-width:1200px) {
	.menu-logo-wrapper img {
		width:85%!important;
		margin:0 auto;
}
		.kt-blocks-accordion-header:not(.kt-accordion-panel-active)
.kt-blocks-accordion-icon-trigger:after {
    font-size: 17px;
}
.kt-blocks-accordion-header.kt-accordion-panel-active
	.kt-blocks-accordion-icon-trigger:after {
		font-size: 17px;
	}
}


@media only screen and (max-width:768px) {
	.home .site {
	background-size: 100% auto!important;
			background-position:center center!important;
}
	.kt-blocks-accordion-header:not(.kt-accordion-panel-active)
.kt-blocks-accordion-icon-trigger:after {
    font-size: 16px;
}
.kt-blocks-accordion-header.kt-accordion-panel-active
	.kt-blocks-accordion-icon-trigger:after {
		font-size: 16px;
	}
	
	
}






@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 1. Base state: hidden and offset downward */
body.page .animated-title {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 2. Animated state: fades in and slides up */
body.page .animated-title.animated {
  opacity: 1;
  transform: translateY(0);
}
body.page .animated-title.delay-1 {
	transition-delay: 0.2s;
}
body.page .animated-title.delay-2 {
	transition-delay: 0.4s;
}


.wp-block-kadence-advancedbtn a.button-hover-animation {
	padding-left:0;
	padding-right:0;
}
.button-hover-animation {
  position: relative;
	color: var(--global-palette-btn)!important;
}

.button-hover-animation::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 100%;
  transform: translate(-50%);
  background-color: currentColor;
  transition: width 0.4s ease;
}
.button-hover-animation:hover {
	color: var(--global-palette-btn-hover)!important;
}
.button-hover-animation:hover::after {
  width: 0%;
  left: 50%;
	
  transform: translateX(-50%);
}



@media screen and (min-width:600px) {
.text-reveal {
  display: inline-block;
  position: relative;
  opacity: 0;
  animation: clipSlideTextReveal 1.2s ease-out forwards;
	transition: transform 0.5s ease-out;
}

.text-reveal.line1 {
  animation-delay: 0.5s;
}

.text-revealt.line2 {
  animation-delay: 1.5s;
}


@keyframes clipSlideTextReveal {
  0% {
    clip-path: inset(100% 0 0 0);
    transform: translateY(20px);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    clip-path: inset(0 0 0 0);
    transform: translateY(0);
    opacity: 1;
  }
}
}




header .site-branding {
  position: relative;
  animation: revealLogo 1.8s ease-out forwards;
  opacity: 0;
  
  mask-size: 0% 100%;
  -webkit-mask-size: 0% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
	animation-delay:1.8s;
}
/* header .site-branding.revealed {
  mask-image: none !important;
  -webkit-mask-image: none !important;
} */
@keyframes revealLogo {
  0% {
		mask-image: linear-gradient(to right, transparent 0%, black 1%, black 30%, black 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 1%, black 30%, black 100%);
    mask-size: 0% 100%;
    -webkit-mask-size: 0% 100%;
    transform: scale(1.10);
    opacity: 0;
  }
  30% {
    opacity: 0.3;
  }
  100% {mask-image: linear-gradient(to right, black 0%, black 30%, black 100%);
  -webkit-mask-image: linear-gradient(to right, black 0%, black 30%, black 100%);
   	mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    transform: scale(1);
    opacity: 1;
  }
}


.widget-toggle-icon > svg,
#mobile-toggle .menu-toggle-icon svg {
	width: 50px!important;
	height: 50px!important;
}
.widget-toggle-icon > svg path,
#mobile-toggle svg path {
  stroke: var(--global-palette2);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;

  stroke-dasharray: 44;
  stroke-dashoffset: 44;
  animation: drawLine 1s ease-in-out forwards;
}

.widget-toggle-icon > svg path:nth-of-type(1),
#mobile-toggle svg path:nth-of-type(1){
  animation-delay: 2.1s;
}
.widget-toggle-icon > svg path:nth-of-type(2),
#mobile-toggle svg path:nth-of-type(2) {
  animation-delay: 1.8s;
}
.widget-toggle-icon > svg path:nth-of-type(3),
#mobile-toggle svg path:nth-of-type(3) {
  animation-delay: 2.2s;
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}



.site::before {
  opacity:0;
  mask-size: 100% 0%;
  -webkit-mask-size: 100% 0%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  animation: revealCrest 1.8s ease-out forwards;
	animation-delay:2.2s;
}

@keyframes revealCrest {
  0% {
		mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 100%);
    mask-size: 100% 0%;
    -webkit-mask-size: 100% 0%;
		opacity:0;
  }
	30% {
		opacity: 0.3;
	}
  100% {
		mask-image: linear-gradient(to bottom, black 0%, black 40%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 40%, black 100%);
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
		opacity:1;
  }
}
