/******

Template information:

black: 	  	 #000000
dark-blue: 	 #0F5070
blue:     	 #002E6E
light-blue:  #73C7E3
breeze:    	 #23B0BA
peach:    	 #CF8A3F
eggshell: 	 #EDDCC1
beige:    	 #F0F2F1
white: 	  	 #ffffff 

font-family: "din-2014", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "din-2014", sans-serif;
font-weight: 700;
font-style: italic;

font-family: "din-2014", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "din-2014", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "din-2014", sans-serif;
font-weight: 400;
font-style: italic;

*******/

:root {
	--black: var(--wp--preset--color--black);
	--dark-blue: var(--wp--preset--color--dark-blue);
	--blue: var(--wp--preset--color--blue);
	--light-blue: var(--wp--preset--color--light-blue);
	--breeze: var(--wp--preset--color--breeze);
	--peach: var(--wp--preset--color--peach);
	--eggshell: var(--wp--preset--color--eggshell);
	--beige: var(--wp--preset--color--beige);
	--white: var(--wp--preset--color--white);
}

body {
	--wp--preset--color--black: #000000;
	--wp--preset--color--dark-blue: #0F5070;
	--wp--preset--color--blue: #002E6E;
	--wp--preset--color--light-blue: #73C7E3;
	--wp--preset--color--breeze: #23B0BA;
	--wp--preset--color--peach: #CF8A3F;
	--wp--preset--color--eggshell: #EDDCC1;
	--wp--preset--color--beige: #F0F2F1;
	--wp--preset--color--white: #ffffff;
}

h1, 
h1.entry-title, 
h1.wp-block-heading,
p.post-type-title, h1.entry-header, 
h1.page-title {
	font-size: 3.8em; 
	line-height: 1;
	margin: 0 0 .25em;
	font-weight: 400;
}

h2 {
	font-size: 3.4em; 
	line-height: 1;
	margin: .5em 0 .25em;
	font-weight: 400;
}

h3 {
	font-size: 2.25em; 
	line-height: 1;
	margin: 0 0 .25em;
	font-weight: 500;
}

h4 {
	font-size: clamp(1.4em, 1vw, 1.6em);
	line-height: 1;
	margin: 0 0 .25em;
	font-weight: 400;
}

.wp-block-heading.has-xlarge-font-size,
.has-xlarge-font-size {
	font-size: clamp(2em, 1.5vw, 2.25em); 
	line-height: 1;
	margin: 0 0 .25em;
}
.wp-block-heading.has-huge-font-size,
.has-huge-font-size {
	font-size: 3.8em; 
	line-height: 1;
	margin: 0 0 .25em;
}

p.has-large-font-size {
	margin: 0 0 .25em;
}

p.has-xlarge-font-size a {
	font-weight: 500;
}

h2.has-large-font-size {
	font-size: clamp(1.4em, 1.5vw, 2.25em); 
	line-height: 1;
	margin: 0 0 .25em;
	font-weight: 400;
}

h2.wp-block-post-title {
	font-weight: bold;
	margin: 0 0 .5em;
}

.has-black-color,
a.has-black-color,
.has-black-color a {color: var(--black);}

.has-dark-blue-color,
a.has-dark-blue-color,
.has-dark-blue-color a {color: var(--dark-blue);}

.has-blue-color,
a.has-blue-color,
.has-blue-color a {color: var(--blue);}

.has-light-blue-color,
a.has-light-blue-color,
.has-light-blue-color a {color: var(--light-blue);}

.has-coral-color,
a.has-coral-color,
.has-coral-color a {color: var(--breeze);}

.has-peach-color,
a.has-peach-color,
.has-peach-color a {color: var(--peach);}

.has-eggshell-color,
a.has-eggshell-color,
.has-eggshell-color a {color: var(--eggshell);}
	
.has-beige-color,
a.has-beige-color,
.has-beige-color a {color: var(--beige);}
	
.has-white-color,
a.has-white-color,
.has-white-color a {color: var(--white);}


.has-black-background-color,
.wp-block-button__link.has-black-background-color,
a.wp-block-button__link.has-black-background-color {background-color: var(--black);}

.has-dark-blue-background-color,
.wp-block-button__link.has-dark-blue-background-color,
a.wp-block-button__link.has-dark-blue-background-color {background-color: var(--dark-blue);}

.has-blue-background-color,
.wp-block-button__link.has-blue-background-color,
a.wp-block-button__link.has-blue-background-color {background-color: var(--blue);}

.has-light-blue-background-color,
.wp-block-button__link.has-light-blue-background-color,
a.wp-block-button__link.has-light-blue-background-color {background-color: var(--light-blue);}

.has-coral-background-color,
.wp-block-button__link.has-coral-background-color,
a.wp-block-button__link.has-coral-background-color {background-color: var(--breeze);}

.has-peach-background-color,
.wp-block-button__link.has-peach-background-color,
a.wp-block-button__link.has-peach-background-color {background-color: var(--peach);}

.has-eggshell-background-color,
.wp-block-button__link.has-eggshell-background-color,
a.wp-block-button__link.has-eggshell-background-color {background-color: var(--eggshell);}

.has-beige-background-color,
.wp-block-button__link.has-beige-background-color,
a.wp-block-button__link.has-beige-background-color {background-color: var(--beige);}

.has-white-background-color,
.wp-block-button__link.has-white-background-color,
a.wp-block-button__link.has-white-background-color {background-color: var(--white);}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: bold;}

/* custom blocks and styles */

.wp-block-post-excerpt {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

p.is-style-with-dots {
	position: relative;
}

p.is-style-with-dots::before {
	content: "";
	display: inline-block;
	margin: 0 .9em 0 0;
	width: 1.3em;
	height: .7em;
	background: radial-gradient(circle, var(--blue) 4px, transparent 4px), radial-gradient(circle, var(--peach) 4px, transparent 4px), radial-gradient(circle, var(--breeze) 4px, transparent 4px);
	background-repeat: no-repeat;
	background-position: 0 50%, 50% 50%, 100% 50%;
	background-size: 0.3em 0.3em;
	vertical-align: middle;
}

p.is-style-with-dots::after {
	content: "";
	display: inline-block;
	margin: 0 0 0 .9em;
	width: 1.3em;
	height: .7em;
	background:  radial-gradient(circle, var(--breeze) 4px, transparent 4px), radial-gradient(circle, var(--peach) 4px, transparent 4px), radial-gradient(circle, var(--blue) 4px, transparent 4px);
	background-repeat: no-repeat;
	background-position: 0 50%, 50% 50%, 100% 50%;
	background-size: 0.3em 0.3em;
	vertical-align: middle;
}

.wp-block.alignnone {
	max-width: 1250px!important;
	margin: 0 auto;
	position: relative;
}
.wp-block.aligncenter {
	max-width: 1150px!important;
	margin: 0 auto;
	position: relative;
}
.wp-block.alignwide {
	max-width: 1350px!important;
	margin: 0 auto;
	position: relative;
}

.kb-row-layout-wrap.offset-right {
	margin-right: -15vw;
	padding-right: 12vw;
	max-width: 115vw;
	position: relative;
	z-index: 1;
}

.circle-breeze img {
	transform: scale(1.2);
	width: 100%;
	height: auto;
}

.circle-breeze-home img {
	transform: scale(1.2);
	width: 70%;
	height: auto;
}

.wp-block-image.circle-breeze {
	margin: 0;
}

.wp-block-getwid-template-post-link a {
	color: var(--beige);
	background-color: var(--blue);
	padding: 10px 40px;
	font-size: 1em;
	font-weight: bold;
	border-radius: 30px;
	margin-top: 20px !important;
}

a.wp-block-button__link, a.wp-block-read-more {
	min-width: 170px;
	padding: .65em 1.5em;
	font-weight: 700;
	border-radius: 50px;
	text-decoration: none !important;
	line-height: 1;
	color: var(--beige) !important;
	background-color: var(--blue);
	text-align: center;
	margin: 1.3em 0 0;
	display: inline-block;
}

.wp-block-post-excerpt__excerpt, 
.wp-block-acf-acf-event-date,
.wp-block-post-date {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.event-date-block {
	font-size: 1em;
	line-height: 1;
	color: var(--peach);
}

.resource-wrapper {
	margin: 1em 0;
}

a.resource-button {
	display: inline-block;
	color: var(--white) !important;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
	border-radius: 50px;
	padding: .65em 1.5em;
	background-color: var(--blue);
	text-align: center;
}

.kb-row-layout-wrap.offset-right::before {
	content: "";
	position: absolute;
	top: -33%;
	left: 30%; 
	transform: translateX(-50%);
	width: 95%;
	aspect-ratio: 1/1;
	background-image: url("https://opticiansofmanitoba.ca/wp-content/uploads/2025/07/Ellipse-2@2x.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 0;
	display: none;
}

h3.wp-block-heading a {
	font-weight: 500;
}

.wp-block-file a {
	font-size: 1.4em;
}

a.wp-block-file__button {
	color: var(--white) !important;
	background-color: var(--blue);
}

.post-loop .category-news, .post-loop .category-job-postings {
	border: 1px solid var(--light-blue);
	border-bottom: 15px solid var(--light-blue);
}

.post-loop .category-events, .post-loop .category-ads {
	border: 1px solid var(--peach);
	border-bottom: 15px solid var(--peach);
}

.post-loop .category-job-postings .wp-block-post-date {
	color: var(--dark-blue);
	font-weight: 500;
	margin: 0;
}

.post-loop .category-events .wp-block-post-date, 
.home-loop .category-events .wp-block-post-date {
	display: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.post-loop h4.wp-block-post-title, 
.post-loop .taxonomy-category, 
.event-date-block {
	font-weight: 700;
}

.post-loop .taxonomy-category {
	font-size: .9em;
	margin: 0 0 .5em;
}

.home-loop .category-news {
	border-bottom: 7px solid var(--light-blue);
	margin-right: 20px;
	margin-left: 20px;
}

.home-loop .wp-block-post-date, 
.home-loop .event-date-block {
	margin: 0 0 .3em;
}

.home-loop .category-events {
	border-bottom: 7px solid var(--peach);
	margin-right: 20px;
	margin-left: 20px;
}

.home-loop h3 {
	margin: 0 0 .6em;
}

.post-navigation .nav-previous a, 
.post-navigation .nav-next a {
	font-size: 1.2em;
	font-weight: 600;
	font-style: medium;
}

.post-navigation .nav-previous a::before {
	content: "<";
	margin-right: .1em;
	font-size: 1.2em;
	color: var(--blue);
	font-weight: 400;
	font-style: normal;
	vertical-align: middle;
}

.post-navigation .nav-next a::after {
	content: ">";
	margin-right: .1em;
	font-size: 1.2em;
	color: var(--blue);
	font-weight: 400;
	font-style: normal;
	vertical-align: middle;
}

.wp-block-query-pagination a {
	font-weight: 500;
}

.broken_link, a.broken_link {
	text-decoration: underline !important;
}

.custom-post-content, .wp-block-relish-post-content {
	margin: 0;
}

.custom-post-content p {
	margin: 0;
	color: var(--dark-blue);
}