@charset "utf-8";

/*
* simplyblessed.co	| default website css 
* @version			| 1.0.0
* @lastmodified		| 2025.11.03 1417
*/

@import url("//cache.deliverableresults.com/foundation/6.9.0/foundation.min.css");
@import url("//cache.deliverableresults.com/animate/4.1.1/animate.min.css");
@import url("//assets.deliverableresults.com/identity/simplyblessedco/css/variables.css");




/* --- Import Royal Calypso font --- */
@font-face {
  font-family: 'RoyalCalypso';
  src: url('https://assets.deliverableresults.com/identity/simplyblessedco/fonts/royalcalypso.woff2') format('woff2'),
       url('https://assets.deliverableresults.com/identity/simplyblessedco/fonts/royalcalypso.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* ensures text is visible while font loads */
}






/* --------------------------------- */
/* 🧩 Resets                        */
/* --------------------------------- */
.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover{background-color:unset;color:unset;margin:unset;}


/* --------------------------------- */
/* 🧩 Assists                        */
/* --------------------------------- */
.full-viewport{width:100vw;height:100vh;}
.flex-center{display:flex;flex-wrap:nowrap;flex-direction:row;align-content:center;justify-content:center;align-items:center;}

.no-list-style{list-style:none;margin-left: var(--margin-sm);}
.last-child-nomarg > *:last-child{margin-bottom:0;}


/* --------------------------------- */
/* 🧩 Defaults                        */
/* --------------------------------- */
dl, ol, ul{
    list-style-position: outside;
    line-height: var(--leading-normal);
	margin-bottom: var(--margin-lg);
}

li:not(:only-child):not(:last-child){
	margin-bottom: var(--margin-xs);
}

button, .button{display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;
	
    border: 1px solid transparent;
    border-radius: 0;
    font-family: inherit;
    font-size: .9rem;
    line-height:1;
    padding: .85em 1em;
	
	margin-bottom: var(--margin-md);
	
	
	-webkit-appearance:none;
	-webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
}






/* --------------------------------- */
/* 🧩 Body                        */
/* --------------------------------- */
body, body.default{
	background: var(--color-core-00);
}


/* --------------------------------- */
/* 🧩 Typography                     */
/* --------------------------------- */
body, body.default{
	font-family: var(--type-base);
	font-size: var(--type-size-base);
	font-weight: var(--type-weight-light);
	line-height: var(--type-leading-normal);
	letter-spacing: var(--type-tracking-normal)
}

.heading{
	font-family: var(--type-heading);
	font-size: var(--type-size-xl);
	font-weight: var(--type-weight-bold);
	line-height: var(--type-leading-loose);
	letter-spacing: var(--type-tracking-wider);
	margin-bottom: var(--margin-md);
}

.subheading{
	font-family: var(--font-subheading);
	font-size: var(--text-xl);
	font-weight: var(--weight-semibold);
	line-height: var(--leading-normal);
	margin-bottom: var(--margin-sm);
}

.tagline{
}

article .heading{
	font-size: var(--type-size-lg);
	font-weight: var(--type-weight-semibold);
	line-height: var(--type-leading-normal);
	letter-spacing: var(--type-tracking-normal);
	margin-bottom: var(--margin-md);
}



/* --------------------------------- */
/* 🧩 Modules                        */
/* --------------------------------- */
.module{}
	.module > *:last-child{margin-bottom:0;}
	.module:not(:only-child):not(:last-child){margin-bottom: var(--margin-md);}
	.module.mod-logo{}
	.module.mod-tagline{}


/* --------------------------------- */
/* 🧩 Pages                        */
/* --------------------------------- */
.page{position:relative;display:flex;flex-direction:column;min-block-size:100vh;max-inline-size:100%;}

.top-level-element{padding-top:var(--padding-lg);padding-bottom:var(--padding-lg);margin-top:0;margin-bottom:0;}
.top-level-element > *:last-child{margin-bottom:0;padding-bottom:0;}

header.page-header{}
	header.page-header .module.mod-logo{}
		header.page-header .module.mod-logo .identity-logo{width:60%;}
main.page-content{}
footer.page-footer{}

/* --------------------------------- */
/* 🧩 Artices                        */
/* --------------------------------- */


article{}
	article:not(:only-child):not(:last-child){margin-bottom: var(--margin-lg);}

article header{}
	article header > *:last-child{margin-bottom:0;}

article section{}
	article section:not(:only-child):not(:last-child){margin-bottom: var(--margin-md);}
	article section > *:last-child{margin-bottom:0;}

article footer{}
	article footer > *:last-child{margin-bottom:0;}



/* --------------------------------- */
/* 🧩 Temp                          */
/* --------------------------------- */
#block-roadblock {
  height: 100dvh; /* uses the visible height dynamically */
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

#block-roadblock #roadblock-intro{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#block-roadblock #roadblock-intro #roadblock-logo{width:100%;}
#block-roadblock #roadblock-intro #roadblock-header{
	text-align:center;
	font-size:var(--type-size-2xl);
	font-family:var(--type-headline);
	font-weight:var(--type-weight-regular);
	letter-spacing:var(--type-tracking-widest);
}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#block-roadblock #roadblock-intro{width:65rem;}
	#block-roadblock #roadblock-intro #roadblock-header{font-size:var(--type-size-4xl);}
}

/* Large and up */
@media screen and (min-width: 64em) {
	#block-roadblock #roadblock-intro{width:95rem;}
	#block-roadblock #roadblock-intro #roadblock-logo{margin-bottom:2rem;}
	#block-roadblock #roadblock-intro #roadblock-header{font-size:var(--type-size-6xl);}
}

/* --------------------------------- */
/* 🧩 Themes                          */
/* --------------------------------- */

.theme-warm-linen{background-color:var(--color-warm-linen); color:var(--color-ironwood);}






/* --------------------------------- */
/* 🧩 Misc                          */
/* --------------------------------- */
/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}