/* cmsms stylesheet: Buddy009_v1.2-Main modified: Saturday, March 21, 2026 4:59:51 PM */
@charset "utf-8"; 

/* DEFINE MAIN COLOR HERE */

/* Reset 
------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the
? markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Accessibility 
------------------------------------------------- */
span.accesskey {
	text-decoration: none;
}
.accessibility, hr.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/* Common / Typography
------------------------------------------------- */
html {
	font-size:100%;
}
body {
	color: #333;
	background:#eaeaea url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/bg.jpg) repeat-x center top;
	font-family: "Noto Sans", Arial, Helvetica, sans-serif;
  	font-size: .875rem;
	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
  	font-variation-settings: "wdth" 100;
	line-height: 160%;
	padding:0;
}
img, img.scale-with-grid {
		max-width: 100%;
		height: auto; 
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 10px 5px 7px 0;
}
h1 {
	font-size: 2.8rem;
	line-height: 1.4;
}
h2 {
	font-size: 2.4rem;
	margin-bottom: 0.2em;
	line-height: 1.1;
	letter-spacing: -1px;
}
h3 {
	font-size: 1.8rem;
	line-height: 1.4;
}
.sidecontent h3,
.bottomContent h3 {
	padding-top: 0;
	line-height: 1;
	margin-top: -4px;
}
.bottomtitle h3	{
	color: #FFF;
	font-size: 1.6em;
	border-bottom: 1px solid #0188AA;
}
.specialBox	h3 {
	padding-top: 0;
}
.galleryfooter h4 {
	color: #FFF;
}
h4 {
	font-size: 1.6rem;
	line-height: 1.25;
}
h5 {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.15;
}
h6 {
	font-size: 1rem;
	font-weight: 600;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
p	{
	margin: 0 0 1rem;
}
.content img {
	margin: 6px 12px;
}
.content .gallery img, .content .threeBlocks img, .content .sidebar img	{
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
}
a	{
	color: #2497CD;
	text-decoration: none;
}
a:focus, a:hover {
	color: #2497CD;
	text-decoration: underline;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.no-border {
	border: medium none;
}
.clearer {
	clear: both;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.hide-text {
	text-indent: -9999px;
}
.hide {
	position: absolute;
	left: -9999px;
}
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 17px;
	border: none;
}
pre {
    background-color: #f4f4f4;
    border: 1px solid #dedede;
    font-size: 90%;
    line-height: 1.5rem;
    margin: 0 1rem 1rem;
    padding: 0.5rem;
}
code, pre {
	font-family: "Courier New",Courier,monospace;
	font-size: 1rem;
	line-height: 1.5;
	color: #111;
}
blockquote {
  background: #f9f9f9;
  border-left: 6px solid #ccc;
  margin: 24px 12px;
  padding: 8px 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 3rem;
  line-height: 0.1rem;
  margin-right: 0.25rem;
  vertical-align: -1rem;
}
blockquote p {
  display: inline;
}
.noScroll {
    overflow: hidden;
}
.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity ease-in-out 0.2s;
    background-color: black;
    opacity: 0;
    z-index: -1;
    pointer-events: all;
}
.backdrop.active {
	z-index: 1000;
	opacity: .7;
}

/* Layout 
------------------------------------------------- */
.topImage {
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/topImage.jpg) no-repeat center top;
}
.pageWrapper {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 .75rem;
	margin-bottom: 60px;
}
.header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-content: center;
	flex-wrap: nowrap;
	gap: 16px;
	margin-bottom: 10px;
}
.headerLeft {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.headerRight {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sliderWrapper {
	width: 100%;
	background: #FFF;
	position: relative;
}
.content {
	background: #FFF;
	padding: 20px;
	overflow: hidden;
}
.main {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 20px 0;
	padding: 0;
}
.main-content {
	flex-grow: 1;
}
.sidebar {
	flex-shrink: 0;
	margin: 18px 0 0;
	padding: 0px;
}
.bottomContent {
	display: grid;
	grid-auto-flow: row;
  	grid-auto-columns: 1fr;
	gap: 30px;
	position: relative;
	padding: 30px 20px 20px;
	overflow: hidden;
	background: #2497CD;
	color: #FFF;
}
.threeBlocksWrapper	{
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    gap: 30px;
    margin: 20px 0 40px 100px;
}
.threeBlocks {
	padding: 0;
	margin: 0;
}
.bottomBlock {
	padding: 0;
}
.specialBox	{
	padding: 14px 20px 20px;
	text-align: center;
	border: 1px solid white;
	background: #F8F8F8;
	-moz-box-shadow: 0px 0px 3px #ccc;
  	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
}
.bottomthirdcontent	{
	margin-bottom: 20px;
}
.footer {
	background: #0082a3;
	position: relative;
	padding: 12px 0;
	font-size: 90%;
	color: #ededed;
	overflow: hidden;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
  	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}
.footer_gcb	{
	margin: 0 2%;
	padding: 4px 0;
	width: 96%;
}
.footer_gcb	p {
	margin: 0;
}
.sidecontent {
	padding: 0;
	margin: 0;
}
.border	{
	border-top: 3px solid #dedede;
}

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
	background: #FFF url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/loading.gif) no-repeat 50% 50%;
	margin-bottom: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:a bsolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	display: none !important;
	position: absolute;
	right: 30px;
	bottom: 30px;
	color: #EEE;
	width: 290px;
	z-index: 8;
	background: #333;
	padding: 14px 12px;
 	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: .9;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
}
.nivo-caption h2 {
	font-size: 2rem;
	padding: 4px 5px 0 5px;
	color: #FFF;
	word-wrap: break-word;
}
.nivo-caption a {
	display: inline !important;
	color: #41CCEF;
}
a.readmore-slider {
	font-size: 14px;
	padding: 4px 12px 4px 5px;
	z-index: 100;
	color: #41ccef;
	display: block;
	text-decoration: none;
}
a:hover.readmore-slider {
	text-decoration: underline;
}
.nivo-html-caption {
	display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 44%;
	z-index: 9;
	cursor: pointer;
	display: block;
	width: 30px;
	height: 30px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/arrows.svg) no-repeat;
	text-indent: -9999px;
	border: 0;
	opacity: 0;
}
.sliderWrapper:hover .nivo-directionNav a { opacity: 1; }
a.nivo-prevNav {
	background-position: 0 -30px;
	left: 15px;
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
}
a:hover.nivo-prevNav {
	left: 15px;
}
a.nivo-nextNav {
	background-position: -30px -30px;
	right: 15px;
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
}
a:hover.nivo-nextNav {
	right: 15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position: absolute;
	display: flex;
	left: 16px;
	bottom: 4px;
}
.nivo-controlNav a {
	position: relative;
	z-index: 9;
	cursor: pointer;
	display: block;
	width: 22px;
	height: 22px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/bullets.svg) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 0px;
}
.nivo-controlNav a.active {
	font-weight: bold;
	background-position: 0 -22px;
}

/* Header, Footer, Custom
------------------------------------------------- */
.logo {
	display: flex;
	justify-content: center;
}
.logo a	{
	width: 260px;
	display: flex;
	margin: 24px 0 0 4px;
	border: none;
	color: #FFF;
}
.logo a:hover {
	text-decoration: none;
}
.logo a img {
	width: 100%;
}
.logo h1 {
	margin: 0;
	padding: 0;
}
.footer a,
.bottomContent a {
	color: #FFF;
	text-decoration: underline;
}
.footer a:hover,
.bottomContent a:hover {
	text-decoration: none;
}
.breadcrumbs {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0;
	padding: 0px 20px 0 0;
margin-bottom:-25px;
	font-size: 1.75rem;
	font-weight: 500;
	color: #757779;
}
.breadcrumb {
	margin-right: 2px;
}
#totoplink a {
	display: none;
	z-index: 999; 
	opacity: .9;
	position: fixed;
	right: 20px;
	bottom: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 44px;
	height: 44px;
	background: #003745 url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/to-top.svg) no-repeat center center;
	text-indent:-9999px;
	color:  #FFF;
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
}
#totoplink a:hover	{
	opacity: .8;
}
.slogan	{
	margin: 0;
	font-size: 1rem;
	color: #FFF;
	text-align: center;
}
.top-right-block	{
	text-align: right;
	margin: 2px 0;
	color: #FFF;	
	padding: 8px 0px 8px 8px;
	max-height: 50px;
	overflow: hidden;
	line-height: 1.4em;
}
.top-right-block a {
color:white;
}
.bottomContent p + p	{
	text-indent: 0;
}
.bottomtitle	{
	margin-bottom: 20px;
	border-bottom: 1px solid #60d5f2;
}
.footerNav .bottomtitle	{
	margin: 0;
	border: none;
}
#top	{
	position: absolute;
	top: 0;
}
.threeBlocksTitle	{
	margin-bottom: 10px;
}
.threeBlocksImage	{
	width: 131px;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 2%;
	/* border: 1px solid white; */
	/* background: #F0F0F0; */
	/* -moz-box-shadow: 0px 0px 3px #CCC; */
  	/* -webkit-box-shadow: 0px 0px 3px #CCC; */
	/* box-shadow: 0px 0px 3px #CCC; */
	line-height: 0;
}
.threeBlocksMoreLink a	{
	padding: 6px 10px;
	margin: 0 0 0 40px;
	display: inline-block;
	text-decoration: none;
	background: #2497cd; /* Old browsers */
	background: -moz-linear-gradient(top,  #2497cd 0%, #8fd1f0 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #2497cd 0%,#8fd1f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2497cd 0%,#8fd1f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2497cd 0%,#8fd1f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2497cd 0%,#8fd1f0 100%); /* W3C */
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 2px #0d84bc;
  	-webkit-box-shadow: inset 0px 1px 2px #0d84bc;
	box-shadow: inset 0px 1px 2px #0d84bc;
}
.threeBlocksMoreLink a:hover	{
	text-decoration: none;
	background: #8fd1f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fd1f0 0%, #2497cd 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #8fd1f0 0%,#2497cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fd1f0 0%,#2497cd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fd1f0 0%,#2497cd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8fd1f0 0%,#2497cd 100%); /* W3C */	
}
.social-icons-block	{
	display: flex;
	gap: 3px;
	margin: 0;
}
.social-icon {
	display: block;
	width: 25px;
	height: 25px;
	margin: 2px 0 -5px 1px;
	background-image: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/social-icons.png);
	background-repeat: no-repeat;
	opacity: .7;
	transition: opacity .2s;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
}
.instagram {
	background-position: 0 0;
}
.facebook {
	background-position: 0 -26px;
}
.youtube {
	background-position: 0 -52px;
}
.twitter {
	background-position: 0 -75px;
}
.pinterest {
	background-position: 0 -100px;
}
.feed {
	background-position: 0 -125px;
}
.facebook:hover,
.instagram:hover,
.twitter:hover,
.youtube:hover,
.pinterest:hover,
.feed:hover	{
	opacity: 1;
}

/* Search 
------------------------------------------------- */
.search {
	width: 100%;
	text-align: right;
	background: #2497CD;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.search form {
	display: flex;
	align-items: center;
}
.search input {
	background: none;
	width: 100%;
	vertical-align: middle;
	margin: 0 5px 0 0;
	padding: 10px 12px;
	border: 0;
	color: #8ee0f8;
	font-size: 0.875rem;
}
.search input.searchBtn {
	border: 0;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/search.svg) no-repeat 0 0;
	width: 25px;
	height: 25px;
	margin: 0 6px 0 4px;
}
.search input.searchBtn:hover {
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/search.svg) no-repeat -25px 0;
}

/* News 
------------------------------------------------- */
.news {
	margin-bottom: 26px;
	padding: 6px 12px 6px 12px;
	border: 1px solid white;
	background: #E8E8E8;
	-moz-box-shadow: 0px 0px 3px #ccc;
  	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.news h2 {
	padding: 0px 5px 10px 22px;
	border-bottom: 1px solid #ddd;
	font-size: 2rem;
	line-height: 1;
	margin-bottom: 0.6rem;
}
.NewsSummary {
	margin: 10px 0 4px 0;
	max-width: 100%;
 	height: auto;
	display: flex;
	flex-direction: column;
}
.NewsSummaryRow	{
	display: flex;
	overflow: hidden;
	border-bottom: 1px dotted #abacb0;
	margin-top: 10px;
	font-size: 12px;
}
.NewsSummaryRowSeparator {
	padding-top: 1px;
}
.NewsSummaryLink a {
	font-size: 1.1rem;
	font-weight: 600;
	border:none;
}
.NewsSummarySummary	{
	margin: 10px 0;
	color:#535353;
}
.NewsSummarySummary	p {
	margin: 0;
}
.NewsSummaryPostdate {
	margin: 2px 6px 2px 0;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/clock.svg) left center no-repeat;
	background-size: 18px 18px;
	padding-left: 22px;
}
.NewsSummaryCategory {
	margin: 2px 4px;
}
.NewsSummaryAuthor {
	margin: 2px 4px;
}
.NewsSummaryAuthor span {
	color: #282828;
}
.NewsSummaryMorelink {
	line-height: normal !important;
	display: flex;
}
.NewsSummaryMorelink a {
	padding: 8px 12px;
	margin: 4px 0 16px 0;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #6f6f6f 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#6f6f6f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#6f6f6f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#6f6f6f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#6f6f6f 100%); /* W3C */
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 2px #666;
  	-webkit-box-shadow: inset 0px 1px 2px #666;
	box-shadow: inset 0px 1px 2px #666;
}
.NewsSummaryMorelink a:hover {
	text-decoration: none;
	background: #6F6F6F; /* Old browsers */
	background: -moz-linear-gradient(top,  #6f6f6f 0%, #999999 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #6f6f6f 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6f6f6f 0%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6f6f6f 0%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6f6f6f 0%,#999999 100%); /* W3C */
}
.NewsDetailRow {
	font-size: 0.75rem;
	display: flex;
	overflow:hidden;
	margin-top: 20px;
	padding: 4px 10px 4px 8px;
	background: #F8F8F8;
	border: 1px solid #E5E5E5;
	color: #666;
	border-radius: 2px;
}
.NewsDetailRowSeparator	{
	padding: 0;
	margin: 0 4px;
}
.NewsPostDetailDate {
	margin: 0;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/clock.svg) no-repeat left 2px;
	background-size: 18px 18px;
	padding-left: 22px;
}
.NewsPostDetailSummary {
	line-height: 150%;
	margin: 16px 0;
	padding: 10px 0;
	font-weight: 600;
	border-bottom: 1px dotted #ddd;
}
.NewsPostDetailSummary p {
	margin: 0;
}
.NewsPostDetailCategory {
	margin: 0;
	padding: 0;
}
.NewsPostDetailContent {
	margin: 24px 0;
	line-height: 150%;
}
.NewsPostDetailAuthor span,
.NewsPostDetailCategory span,
.NewsPostDetailDate {
	color: #282828;
	font-weight: 500;
}
.NewsPostDetailTitle {
	margin: 0 0 4px 0;
}
.NewsPostDetailHorizRule {
	margin: 0;
}
.NewsPostDetailReturnLink {
	line-height: normal !important;
	display: flex;
}
.NewsPostDetailReturnLink a {
	font-weight: 600;
	padding: 5px 8px 4px 20px;
	margin-top: 4px;
	margin-bottom: 12px;
	border: 1px solid #dadbdd;
	background-color: #fafafa;
	background-image: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/return.svg);
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size: 12px 12px;
}
.news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
.news-pagination {
	display: flex;
	margin: 0px 0 4px 0;
	padding: 0 0 4px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.firstpage a {
	display: block;
	padding: 0;
	margin: 3px 0;
	width: 20px;
	height: 20px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -21px 0;
	text-indent: -9999px;
	opacity: .5;
}
.firstpage a:hover {
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -21px 0;
	opacity: 1;
}
.prevpage a {
	display: block;
	padding: 0;
	margin: 3px 0;
	width: 20px;
	height: 20px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -1px 0;
	text-indent: -9999px;
	opacity: .5;
}
.prevpage a:hover {
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -1px 0;
	opacity: 1;
}
.nextpage a {
	display: block;
	padding: 0;
	margin: 3px 0;
	width: 20px;
	height: 20px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -41px 0;
	text-indent: -9999px;
	opacity: .5;
}
.nextpage a:hover {
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -41px 0;
	opacity: 1;
}
.lastpage a {
	display: block;
	padding: 0;
	margin: 3px 0;
	width: 20px;
	height: 20px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -61px 0;
	text-indent: -9999px;
	opacity: .5;
}
.lastpage a:hover {
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/news-pagination.svg) no-repeat -61px 0;
	opacity: 1;
}
.pagetext {
	display: block;
	padding: 0 2px;
	margin: 2px 2px 2px 0px;
	height: 20px;
	color: #888;
}

/* Forms 
------------------------------------------------- */
.formbuddy	{
	padding:10px 2px;
}
.formbuddy div {
	margin: 0 0 20px 0;
}
.formbuddy legend	{
	padding: 4px 0;
}
.formbuddy label {
	font-weight: 600;
}
.formbuddy .submit input	{
	display: inline-block;
  	padding: 6px 12px;
  	margin-bottom: 0;
  	font-size: 14px;
  	font-weight: normal;
  	line-height: 1.42857143;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	cursor: pointer;
  	-webkit-user-select: none;
    	-moz-user-select: none;
      	-ms-user-select: none;
        	user-select: none;
  	background-image: none;
  	border: 1px solid transparent;
  	border-radius: 4px;
  	color: #333;
  	background-color: #fff;
  	border-color: #ccc;	
}
.formbuddy .submit input:focus,
.formbuddy .submit input:active:focus,
.formbuddy .submit input.active:focus {
  	outline: thin dotted;
  	outline: 5px auto -webkit-focus-ring-color;
  	outline-offset: -2px;
}
.formbuddy .submit input:hover,
.formbuddy .submit input:focus {
  	text-decoration: none;
  	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.formbuddy .submit input:active,
.formbuddy .submit input.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.formbuddy input[type="text"], .formbuddy input[type="email"], .formbuddy input[type="password"], .formbuddy textarea {
	display: block;
  	width: 100%;
  	height: 34px;
  	padding: 6px 12px;
  	font-size: 14px;
  	line-height: 1.42857143;
  	color: #555;
  	background-color: #fff;
  	background-image: none;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formbuddy input:focus, .formbuddy textarea:focus, .formbuddy select:focus, .formbuddy checkbox:focus {
	border-color: #66afe9;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.formbuddy input::-moz-placeholder,
.formbuddy textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.formbuddy input:-ms-input-placeholder,
.formbuddy textarea:-ms-input-placeholder {
  color: #999;
}
.formbuddy input::-webkit-input-placeholder,
.formbuddy textarea::-webkit-input-placeholder {
  color: #999;
}
.formbuddy textarea {
	overflow:auto;
	min-height: 200px;
}
.error_message	{
	color:red;
}

/* Google map fix */
[id^="cggm_map_"] {
	width: 100% !important;
	margin: 0 0 60px 0;
}
[id^="cggm_map_"] img {
	max-width: none;
}

/* Lists and Tables
------------------------------------------------- */
ul, ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
ul 	{
	list-style-type: disc;
}
ul li	{
	padding: 0.1em 0;
}
ol {	
	list-style-type: decimal;
}
ul ul,
ol ol {
	margin: 0.3em 1.5em 0.2em 0;
}
ul ul	{
	list-style-type: circle;
}
ul ul ul,
ol ol ol	{
	margin: 0.3em 1.5em 0.2em 0;
}
ul ul ul	{
	list-style-type: square;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-left: 1.5em;
	margin-bottom: 0.4em;
}

table {
	border-color: #CBD4D8;
	border-style: solid;
	border-width: 1px;
	margin: 1.2em 0;
	width: 100%;
}
th {
    font-weight: bold;
}
thead th {
    background: #E1F2FB;
}
th, td, caption {
    border-color: #CBD4D8;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 4px 10px 4px 5px;
}
tbody tr:nth-child(2n) td, tbody tr.even td {
    background: #EEE;
}
tfoot {
    font-style: italic;
}
caption {
    background: #EEE;
}


/* ----------------------------------------------
	
        Menu stylesheet - Top and Footer menus

------------------------------------------------- */

/* Main Menu Dropdown - based on Superfish v1.7.9
http://users.tpg.com.au/j_birch/plugins/superfish/
------------------------------------------------- */
.mainNav {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 auto;
	height:60px;
	padding: 0;
	background: #f6f6f6 url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/menu-bg.png) repeat-x;
	z-index:101;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom:1px solid #666;
}
.mainNav ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5rem; 
	z-index: 1000;
	display: none;
}
.mainNav ul a {
	display: block;
	border-left: 1px solid #FFF;
	border-right: 1px solid #D0D0D0;
	padding: 1.1rem 1.4rem;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
	background: none;
	color: #333;
	font-size: 14px;
	margin: 0;
	transition: color .2s;
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
}
.mainNav ul a:hover	{
	color: #FFF;
}
.mainNav li:hover, 
.mainNav a:focus, 
.mainNav a:hover, 
.mainNav a:active, 
.mainNav li.menuactive a.menuactive,
.mainNav li.menuparent.sfHover {
	background: #0080A0 url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/menu-glow.png) no-repeat top center;
	color: #FFF;
	outline: 0;
	text-shadow: none;
	transition: background-color .2s;
	-moz-transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
}

/* first level */
.mainNav ul li {
	position: relative;
	padding: 0;
}
.mainNav ul li:last-child a	span {
	border-right: none;
}
.mainNav ul li:first-child,
.mainNav ul li:first-child a,
.mainNav ul li:first-child a span {
	border-left: none;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}
.mainNav ul li.menuparent {
	position: relative;
}
.mainNav ul li.menuparent::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 7px;
	top: 25px;
	right: 6px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/activeparent.svg) no-repeat 95% center;
	background-size: 22px 7px;
}
.mainNav ul li.menuparent.menuactive::after	{
	content: '';
	position: absolute;
	width: 22px;
	height: 7px;
	top: 25px;
	right: 6px;
	background: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/activeparent-hover.svg) no-repeat 95% center;
	background-size: 22px 7px;
}
.mainNav ul li.menuparent a	span {
	padding-right: 20px;
}
.mainNav ul li.menuparent.sfHover,
.mainNav ul li.menuparent a:hover,
.mainNav li.menuactive.menuparent > a.menuactive {
	color: #FFF;
	text-shadow: none;
}
.mainNav ul li.menuparent.sfHover::after,
.mainNav ul li.menuparent a:hover::after,
.mainNav li.menuactive.menuparent > a.menuactive::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 7px;
	top: 25px;
	right: 6px;
	background-image: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/activeparent-hover.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 22px 7px;
}
.mainNav ul li.menuparent.sfHover > a {
	color: #FFF;
	text-shadow: none;
}
.mainNav ul li.menuactive > a {
	color: #333;
}

/* second level */
.mainNav ul ul {
	position: absolute;
	display: none;
	width: 15.2rem;
	line-height: 1.2rem;
	top: 60px;
	left: 1px;
	z-index: 9;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}
.mainNav ul li ul a	{
	height: auto;
	font-weight: normal;
	background-image: none;
	background: #DEDEDE;
	border-top: 1px solid #BCBCBC;
	border-left: none;
	border-right: none;
	padding: 1rem 1.4rem;
	color: #333;
	transition: background-color .2s;
	-moz-transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	text-shadow: none;
}
.mainNav ul ul a span {
	border-right: none;
	border-left: none;	
  	padding: 0; 
}
.mainNav ul ul li,
.mainNav ul ul li a {
	border-radius: 0 !important;
}
.mainNav ul li ul li:last-child a {
	border-bottom: none;
}
.mainNav ul li ul li:first-child a {
	border-top: none;
}
.mainNav ul li.menuparent li a:hover {
	background: #0080A0 url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/menu-glow.png) no-repeat top center;
	color: #FFF;
	outline: 0;
	text-shadow: none;
}
.mainNav ul li.menuparent li:hover a::after {
	background-image: none;
}
.mainNav ul li.menuparent li.menuparent > a	{
	background: #DEDEDE url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/arrow-right.svg) no-repeat right center;
	background-size: 22px 12px;
}
.mainNav ul li.menuparent li.menuparent.sfHover > a,
.mainNav ul li.menuparent li.menuparent.menuactive > a {
	background: #0080A0 url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/menu-glow.png) no-repeat top center;
	color: #FFF;
	text-shadow: none;
	position: relative;
}
.mainNav ul li.menuparent li.menuparent.sfHover > a::after,
.mainNav ul li.menuparent li.menuparent.menuactive > a::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 12px;
	top: 19px;
	right: 0px;
	background-image: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/arrow-right-hover.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 22px 12px;
}
.mainNav ul li.menuparent li.menuparent::after,
.mainNav ul li.menuparent li.menuparent.sfHover::after,
.mainNav ul li.menuparent li.menuparent.menuactive::after {
	background-image: none;
}

/* third level */
.mainNav ul li ul ul a	{
	padding: 1rem 1.4rem;
}
.mainNav ul ul ul {
	top: 0px;
}	
.mainNav ul li ul ul {
	left: 15.2rem;
	margin: 0;
}
.mainNav ul li:hover ul ul, 
.mainNav ul li:hover ul ul ul, 
.mainNav ul li:hover ul ul ul ul {
	display:none;
}
.mainNav ul li:hover ul, 
.mainNav ul li li:hover ul, 
.mainNav ul li li li:hover ul, 
.mainNav ul li li li li:hover ul {
	display:block;
}
.mainNav ul li ul li:last-child li a {
	border-bottom:none;
}
.mainNav ul li.parent li.parent li:first-child a {
	border-top:none;
}

/*sectionheader classes*/
.mainNav li.sectionheader {
	padding: 12px 0;
	color: #FFF;
	cursor: pointer;
}
.mainNav li.sectionheader span {
	border-right: 1px solid #7D9C1A;
	border-left: 1px solid #ABCC45;
	padding: 4px 22px;
	font-size: 1.1em;
}
.mainNav li.sectionheader li span,
.mainNav li li.sectionheader span {
	border: none;
	padding: 4px;
	font-size: 1em;
}
.mainNav li li.sectionheader span,
.mainNav li li li.sectionheader span {
	font-size: 1em;
}
.mainNav ul li.sectionheader li a:hover	{
	background:#EEE;
}
.mainNav ul li.sectionheader ul ul {
	left: 15.2em;
	margin: 0;
}	
.mainNav ul li.sectionheader li.parent a	{
	background:#FFF url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/arrow-right.svg) no-repeat right center;
	background-size: 22px 12px;
}
.mainNav ul li.sectionheader li.parent a:hover	{
	background:#EEE url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/arrow-right-hover.svg) no-repeat right center;
	background-size: 22px 12px;
}
.mainNav ul li.sectionheader li.parent li a	{
	background:#FFF;
}
.mainNav ul li.sectionheader li.parent li a:hover	{
	background:#EEE;
}
.mainNav li li.sectionheader {
	background:#FFF;
	color:#747474;
	padding: 10px 6px 10px 16px;
	width: 13.5em;
	border-top: 1px dotted #DDD;
}
.mainNav li li.sectionheader:hover	{
	background: #EEE;
}
.mainNav li li li.sectionheader,
.mainNav li.parent li.sectionheader,
.mainNav li.parent li li.sectionheader {
	width: 13.5em;
}
.mainNav li hr.separator {
	width: 1px;
	padding: 0;
 	height: 100%; 	
	box-sizing: content-box;
	background-color: #F6F6F6;
	margin: 0 20px;
	border: 0;
}
.mainNav li li hr.separator {
	width: auto;
	height: 1px;
	background-color: #666;
	padding: 0px 22px;
	margin: 4px 0;
	margin: 0;
}

/* Mobile Navigation
------------------------------------------------- */
.mobile-nav-trigger {
	display: block;
	width: 50px;
	height: 60px;
	text-indent: -9999px;
	border-right: #D0D0D0 solid 1px;
	box-shadow: 1px 0 0 white;
	overflow: hidden;
}
.mobile-nav-trigger:hover {
	background: none !important;
}
.mobile-nav-trigger span {
	position: relative;
	display: block;
}
.mobile-nav-trigger span:before {
	content: "";
	position: absolute;
	left: 16px;
	top: 24px;
	width: 20px;
	height: 2px;
	background: #333;
	box-shadow: 0 6px 0 0 #333, 0 12px 0 0 #333;
}
.mobile-nav-trigger.active span:before {
	background: #333;
	box-shadow: 0 6px 0 0 #333, 0 12px 0 0 #333;
}
.mobile-title {
	font-weight: 500;
}
.mobile-close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -1px;
	padding: 0 0 0 20px;
	height: 60px;
}
.mobile-close a {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(https://gatewaychurch.ca/uploads/designs/tpl-buddy-009_v1.2/mobile-close.svg);
	background-repeat: no-repeat;
	background-position: center right;
}
.mobile-navigation {
	transform: translateX(-100%);
	transition: all ease 0.2s;
	position: fixed;
	z-index: 1001;
	top: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	width: 320px;
	background-color: #FFF;
}
.mobile-navigation.active {
	transform: translateX(0);
}

/* first level */
.mobile-nav {
	display: block;
	list-style: none; 
	margin: 0;
	padding: 16px 12px;
}
.mobile-nav li {
	margin: 4px 0;
	padding: 0;
	float: none;
}
.mobile-nav li a {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 16px;
	display: block;
	color: #333;
}
.mobile-nav li a.menuactive,
.mobile-nav li a:hover {
	text-decoration: none;
	background-color: #F2F2F2;
	border-radius: 4px;
	color: #2497CD;
}

/* second level */
.mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-nav ul li a {
	padding-left: 30px;
}

/* third level */
.mobile-nav ul ul {
	list-style: none;
}
.mobile-nav ul ul li a {
	padding-left: 60px;
}

/* Footer menu (1 level)
------------------------------------------------- */
.footerNav {
	font-size:100%;
	margin: 0 0 20px 0px;
}
.footerNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* menu list items */
.footerNav li {
	list-style: none;
	margin: 0;
	border-top:1px solid #60D5F2;
	border-bottom:1px solid #0188AA;
	padding:0;
}
.footerNav li:last-child	{
	border-bottom:1px solid #60D5F2;
}
.footerNav li:last-child a	{
	border-bottom:1px solid #0188AA;
}
.footerNav a, .footerNav h3 span, .footerNav .sectionheader span {
	padding: 8px 7px 8px 0px;
	margin: 0;
	text-decoration: none;
	color: #DEDEDE; /* default link color */
	display: block;
	transition: color .2s;
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
}

/* hover state for links */
.footerNav li a:hover {
	color:#FFF;	
}
.footerNav a span {
	padding: 6px 4px 0 0;
}
.footerNav li.menuactive a span {
	color: #FFF;
}
.footerNav li.currentpage h3	{
	font-size:100%;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
}
.footerNav li.currentpage h3 span { 
	padding: 14px 7px 6px 4px;
	color: #FFF;
}
.footerNav .sectionheader span {
	padding-left: 15px;
}
/* active parent, that is the first level parent of a child page that is the current page */
.footerNav li.menuactive, #footerNav li.menuactive a:hover {
	color: #FFF;
}
/* cmsms stylesheet: Buddy009_v1.2-Mobile modified: Saturday, March 21, 2026 10:54:34 AM */
@charset "utf-8";

/*	Media Queries
================================================== */


/* sm : Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) {
	/* put your code here */
}

/* md : Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) {
	.logo {
		justify-content: flex-start;
	}
	.logo a {
		margin: 24px 0 0 4px;
	}
	.breadcrumbs {
		align-items: center;
		padding: 6px 0px;
		gap: 4px;
	}
	.search {
		width: 296px;
		margin-left: 20px;
	}
	.search input {
		background: none;
		width: 256px;
		margin: 0;
	}
	.nivo-caption {
		width: 390px;
		display: block !important;
	}
	.nivo-controlNav {
		bottom: 12px;
	}
	.header	{
		height: 170px;
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
	}
	.header p {
		margin: 0 0 1.2rem;
	}
	.headerLeft {
		width: 50%;
		gap: 8px;
	}
	.headerRight {
		width: 50%;
		align-items: flex-end;
		gap: 4px;
	}
	.social-icons-block	{
		margin: 4px 0;
	}
	.slogan	{
		margin: 0 10px 0 45px;
		text-align: left;
	}
	.content {
		padding: 20px 32px 40px 32px;
	}
	.pageWrapper {
		padding: 0 1rem;
	}
}

/* lg : Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.main {
		flex-direction: row;
		gap: 30px;
	}
	.sidebar {
		width: calc(33% - 20px);
		margin: 18px 0 0;
		padding: 0px 2px 10px 0px;
	}
	.threeBlocksWrapper	{
		grid-auto-flow: column;
	}
	.bottomContent {
		grid-auto-flow: column;
		padding: 30px 32px;
	}
	.mobile-navigation,
	.mobile-nav-trigger,
	.mobile-title {
		display: none;
	}	
	.mainNav {
		height: auto;
	}
	.mainNav ul	{
		display: flex;
	}
}

/* xl : Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.formbuddy	{
		max-width: 460px;
	}
}