@font-face {
	font-family: 'Noto-Lite-Cond-Italic';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/NotoSerif_Condensed-MediumItalic.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/NotoSerif_Condensed-MediumItalic.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Noto-Lite-Italic';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/NotoSerif-LightItalic.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/NotoSerif-LightItalic.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Reg';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProReg.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProReg.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Reg-Italic';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProRegItal.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProRegItal.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Lite';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/bliss2l-webfont.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/bliss2l-webfont.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Lite-Italic';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProLightItalic.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProLightItalic.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Medium';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProMedium.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProMedium.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Medium-Italics';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProMediumItalic.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProMediumItalic.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Bold';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProBold.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProBold.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Bold-Italics';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProBoldItalic.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProBoldItalic.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
@font-face {
	font-family: 'Bliss-Xtra-Bold';
	src: url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProExtraBold.woff2') format('woff2'),
		url('https://saranelson.com/wp-content/themes/Divi/fonts/BlissProExtraBold.woff') format('woff'); /* For Older Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
/* ----------------------------------
   Base reset
----------------------------------- */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
html {
	font-size: 100%;
	scroll-behavior: smooth;
}
 
body {
	min-height: 100vh;
	margin: 0;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 
img,
picture,
svg,
canvas {
	display: block;
	max-width: 100%;
}
 
img {
	height: auto;
}
 
button,
input,
textarea,
select {
	font: inherit;
}
 
button,
a {
	-webkit-tap-highlight-color: transparent;
}
 
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
}
 
/* ----------------------------------
   Basic layout
----------------------------------- */
:root {
	--page-gutter: clamp(1rem, 4vw, 3rem);
	--content-max-width: 75rem;
}
 
body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-x: hidden;
}
 
main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
 
.container-wide {
	width: min(100% - (var(--page-gutter) * 2), var(--content-max-width));
	margin-inline: auto;
}
 
.section {
	padding-block: clamp(3rem, 8vw, 6rem);
}
 
:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}
 
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
 
	*,
	*::before,
	*::after {
		-webkit-animation-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		-webkit-transition-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}
 
/************************** Now for the fun stuff ******************************/
 
.contain-all {
-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out; /* matches Bootstrap's offcanvas timing */
}
 
.contain-all:after,
.contain-all:before {
	clear: both;
	border-collapse: collapse;
}
.contain-all.menu-open {
	-webkit-transform: translateX(calc(min(320px, 75vw) * -1));
	-ms-transform: translateX(calc(min(320px, 75vw) * -1));
	transform: translateX(calc(min(320px, 75vw) * -1));
}
 
.logo-menu {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
 
.navbar-toggler {
	color: #2EA3F2 !important;
}
 
.navbar-toggler-icon {
	display: inline-block;
	width: 2.25em;
	height: 1.5em;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	color: #2EA3F2 !important;
}
 
.off-canvas {
	max-width: 75%;
	position: fixed;
	top: 0;
	height: 100%;
	color: #fff;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}
 
.off-canvas-stuff {
	background: #0083ae;
	color: #fff;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	-webkit-transform: translateX(320px);
	-ms-transform: translateX(320px);
	transform: translateX(320px);
}
 
.off-canvas-stuff a,
.off-canvas-stuff a:visited,
.off-canvas-stuff a:hover {
	text-decoration: none;
	color: #fff;
}
 
.off-canvas-stuff ul,
.off-canvas-stuff ol {
	list-style: none;
	padding-left: 0;
}
 
.social-icons {
}
 
.social-facebook,
.social-instagram {
	padding-bottom: 6.25%; /* 20px of 320px */
}

.so-flexy {
	min-height: 200px;
}
 
h1.non-alc {
	font-size: 2.8em;
	margin-bottom: 0;
	padding-bottom: 0.67%; /* 8px of 1200px */
	width: unset;
}
 
.belong {
	color: #fff;
	font-size: 1.9em;
	margin-bottom: 0;
	padding-bottom: 0;
	width: unset;
	font-family: 'Noto-Lite-Italic';
}
 
.nav-item {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.75;
}
 
.offcanvas.offcanvas-end {
	border-left: unset;
	padding: 0;
	outline: none;
	width: 320px;
}
 
/*  */
 
/* Core Layout Container */
 
.app-container {
	position: relative;
	width: 100%;
	overflow-x: hidden; /* Prevents horizontal scrollbars */
}
 
/* Sidebar Styling hidden off-screen */
.off-canvas-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 250px;
	height: 100vh;
	background-color: #111;
	color: #fff;
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	z-index: 1000;
}
 
/* Main Canvas Styling */
.main-content {
	width: 100%;
	min-height: 100vh;
	background-color: #f4f4f4;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	color: #3d3d3d;
}
 
/* --- THE PUSH STATE TRIGGER --- */
/* Both items transition smoothly to the right by the width of the menu */
.menu-open .off-canvas-menu {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
 
.menu-open .main-content {
	-webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}
 
/* Minor aesthetics for toggle button */
.menu-toggle {
	font-size: 20px;
	padding: 0.83%; /* 10px of 1200px */
	cursor: pointer;
}

.btn-close {
	-webkit-filter: invert(1);
	filter: invert(1);
	opacity: 1;
}
 
.offcanvas-header {
	display: block;
}
 
.offcanvas.show:not(.hiding) {
	max-width: 320px;
}
 
.offcanvas-header .btn-close {
	margin-bottom: 15px;
}
 
.offcanvas-info,
.offcanvas-header {
	background: #02769e;
	padding: 4.69% 6.25% 1.56% 4.69%; /* 15px 20px 5px 15px of 320px */
}
 
.offcanvas-backdrop.show {
	opacity: 0;
}
 
.offcanvas-body {
	padding: 3.13% 9.38% 4.69% 9.38%; /* 10px 30px 15px 30px of 320px */
}
 
.btn-close {
	display: block;
}
 
.off-canvas-stuff a.other-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
 
.off-canvas-stuff a.other-link span {
	padding-right: 3.75%; /* 12px of 320px */
}
 
@media (max-width: 992px) {
	li.other {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
 
	.off-canvas-stuff a.other-link span.email,
	.off-canvas-stuff a.other-link span.phone {
		display: none;
	}
}

/******************************** End Push State Trigger and Off Canvas ***************************/
 
.head-logo {
	background: #005b88;
	color: #fff;
}
 
.head-right {
	background: #152d4a;
}
 
.heads {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
 
.page-title {
	font-family: 'Bliss-Lite';
	text-transform: uppercase;
}
 
.page-title b {
	font-family: 'Bliss-Xtra-Bold';
	text-transform: uppercase;
}
 
.main-message {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 2.3%;
}
 
.main-message .the-message {
	padding-top: 5%; /* 60px of 1200px */
	padding-bottom: 3.33%; /* 40px of 1200px */
}
 
.the-message .message-text {
	font-family: 'Bliss-Lite';
	font-size: 1.5rem;
}
 
/************************************ PROJECT MODULES' SEMANTICALLY ORDERED STYLES *****************************************/
 
.project-content {
	background: #fef8ef;
	padding-top: 2.3%;
	padding-bottom: 0.9%;
}
 
.content-right {
	padding: 0 1.5% 1.5%;
}
 
.content-right p {
	font-family: 'Bliss-Lite';
	font-size: 1.25rem;
	line-height: 1.35;
}
 
.content-right p.quote {
	font-family: 'Bliss-Lite-Italic';
	font-size: 1.2rem;
	margin-bottom: 0;
}
 
.content-right p.quote-author {
	font-family: 'Bliss-Lite';
	font-size: 1.2rem;
	text-align: right;
}
 
.content-right p.project-sub {
	font-family: 'Noto-Lite-Italic';
	color: #006992;
	font-size: 1.4rem;
	font-weight: 300;
	margin-bottom: 10px;
}
 
.project-title {
	font-family: 'Bliss-Lite';
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom: 5px;
}
 
.awards-title,
.words-title {
	font-family: 'Noto-Lite-Cond-Italic';
	font-size: 1.35rem;
	font-weight: 500;
	color: #006992;
}
 
.awards-list {
	list-style: none;
}
 
.awards-list b {
	font-family: 'Bliss-Medium';
	font-weight: 550;
}
 
.bottom-cta {
	font-family: 'Bliss-Reg';
	font-weight: 400;
	padding-bottom: 3%;
	padding-top: 3%;
	background: #152d4a;
	color: #fff;
}
 
.bottom-cta h2 {
	font-family: 'Bliss-Lite';
	text-transform: uppercase;
}
 
.bottom-cta h2 b {
	font-family: 'Bliss-Medium';
	font-weight: 550;
}
 
.bottom-cta p {
	font-size: 20px;
	max-width: 700px;
	margin: 0 auto 20px auto;
}
 
button.btn.cta-btn {
	background: #05aab8;
	-webkit-border-radius: unset;
	-moz-border-radius: unset;
	border-radius: unset;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	padding: 1.25% 2.5%; /* 15px 30px of 1200px */
}
 
.main-footer {
	background: #666666;
	margin-top: 2%;
	padding: 4% 0;
	color: #fff;
}
 
.main-footer a,
.main-footer a:visited,
.main-footer a:link,
.main-footer a:active,
.main-footer a:hover {
	color: #fff;
	text-decoration: none;
	font-family: 'Bliss-Reg';
	font-weight: 400;
}
 
.member-of,
.visit-us,
.start-convo {
	font-family: 'Bliss-Medium';
	text-transform: uppercase;
}
 
.member-of p {
	padding-bottom: 0.25%; /* 3px of 1200px */
	margin-bottom: 2px;
}
 
.member-of h2 {
	margin-top: 15px;
}