:root {
	--cca-blue-light: #447fc3;
	--cca-blue-medium: #316eb9;
	--cca-blue-dark: #061a6f;
	--cca-gray-light: #d8d8d8;
	--cca-gray-medium: #555555;
	--cca-red-medium: #df2015;
	--cca-red-dark: #b3180f;
	--cca-yellow: #fdda33;
}

.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

body {
	background-color:#FFF;
	color: #000;
	font: 400 16px/normal 'Open Sans';
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Serif 4', serif;
	font-weight: normal;
	text-transform: none;
}

h1 {
	color: var(--cca-red-medium);
	font-size: 42px;
	margin: 0 auto 20px;
}

h2 {
	color: #000;
	font-size: 36px;
	margin: 20px auto 30px;
}

h2 i.fa-solid, h2 i.fa-brands {
	color: var(-cca-red-medium);
}

h3 {
	color: var(--cca-gray-medium);
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	margin: 0 auto 20px;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 24px;
	margin: 0 auto 20px;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 20px;
	margin: 0 auto 20px;
}

h6 {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 18px;
	margin: 0 auto 20px;
}

hr {
	background-color: var(--cca-gray-medium);
	border: 0;
	height: 1px;
	margin: 1.5em 0;
}

a {
	font-style: normal;
	transition: ease-in 150ms;
}

a, a:visited {
	color: var(--cca-red-dark);
	text-decoration: underline;
}

a:hover {
	color: var(--cca-red-medium);
}

a:focus, a:active {
	color: var(--cca-red-medium);
	outline: thin dotted;
}

a.cta, a:visited.cta, .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton, a#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton {
	background-color: var(--cca-red-medium);
	color: #FFF;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 24px;
	padding: 15px 30px;
	text-decoration: none;
}

a:hover.cta, a:active.cta, a:focus.cta, .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:hover, a:hover#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton, a:active#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton, a:focus#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton {
	background-color: var(--cca-red-dark);
	box-shadow: none;
}

a.cta-blue, a:visited.cta-blue {
	background-color: var(--cca-blue-medium);
	color: #FFF;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 24px;
	padding: 15px 30px;
	text-decoration: none;
}

a:hover.cta-blue, a:active.cta-blue, a:focus.cta-blue {
	background-color: var(--cca-blue-dark);
	box-shadow: none;
}

a.cta::after, a.cta-blue::after, .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton::after {
	font: var(--fa-font-solid);
	content: "\f101";
	color: #FFF;
	margin-left: 5px;
}

table {
	border:none;
	width:100%;
	margin:1.5em 0;
    border-collapse: collapse;
}

table th {
	color: var(--cca-blue-dark);
	font-size: 18px;
	font-weight: 700;
	padding: 10px 20px;
	text-align: left;
}

table tr:nth-of-type(2n) {
	background-color: #F3F3F3;
	border: none;
}

table td {
	background-color: transparent;
	border: none;
	padding:10px 20px;
	width: auto;
}

[class*="EditableArea"] ul {
	color: #000;
	font: normal 16px/normal 'Open Sans',sans-serif;
}

[class*="EditableArea"] ul li {
	margin: .25em 0 .50em .75em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Header */

.zoneHeaderOuter {
	background: #88a7d8 url("/resources/theme-images/header-background-4k.jpg") top center no-repeat;
	background-size:auto;
}

.zoneHeaderOuter .zoneHeaderInner {
	background-color: transparent;
}

.zoneHeaderOuter .container_12 {
  height: 200px;
  margin: 0 auto;
  width: 100%;
}

.zoneHeaderInner.zoneInner.s1_grid_12, .zoneHeader1Inner.s1_grid_12, .zoneHeader1Inner.s1_grid_12, .container_12, .zoneContentInner.s1_grid_12, .zoneFooterInner.s1_grid_12 {
	width: 1200px;
	margin: 0 auto;
}

.WaPlaceHolderHeader > div {
  padding: 0px 0px;
}

.subheader-area {
	color: var(--cca-blue-dark);
	font-size: 16px;
	line-height: 1;
	text-align: center;
}

.subheader-area i.fa-brands {
	font-size: 20px;
	line-height: 32px;
	margin-left: 5px;
}

.subheader-area i.fa-solid {
	line-height: 32px;
}

.subheader-area a, .subheader-area a:visited {
	color: var(--cca-blue-dark);
	text-decoration: none;
}

.subheader-area a:hover, .subheader-area a:active, .subheader-area a:focus {
	color: var(--cca-red-dark);
}

/* Header Login*/
#id_jFQIthm {
	display: inline-block;
	vertical-align: sub;
}

.header-login {
	padding-left: 0;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:before {
	font: var(--fa-font-solid);
	content: "\f023";
	color: var(--cca-blue-dark);
	margin-right: 5px;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton {
  color: var(--cca-blue-dark);
  display: inline-block;
  font: normal 16px/normal 'Open Sans';
  text-decoration: none;
  vertical-align: baseline;
  padding: 0 0 0 0;
  background: none;
}

/* Login Widget */
.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginLink {
	color: var(--cca-red-medium);
	font: 700 20px/normal Lato;
}

/* Navigation */
.zoneHeader1.container_12 {
	background-color: var(--cca-red-medium);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.zoneHeader1Inner.s1_grid_12 {
	background-color: transparent;
}

.zoneHeader1Inner.s1_grid_12 .WaPlaceHolder > div {
	margin: 0 0 0 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li > .item > a {
	color: #FFF;
}

.WaGadgetMenuHorizontal.cca-navigation {
  padding: 12px 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item {
	padding-bottom: 0px;
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li > .item > a span {
  padding: 0 0 0 0;
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li > .item > a {
	color: #FFF;
	display: inline-block;
	font: 500 normal 17px/normal 'Open Sans',sans-serif;
	padding: 0 14px;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	vertical-align: top;
	white-space: nowrap;
	background: 0;
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li > .item:hover > a {
  color: var(--cca-gray-light);
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li.sel > .item > a > span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item:hover > a > span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a > span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a > span {
	border-bottom: none;
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li.dir > .item > a::after {
	content: none;
	display: none;
}

.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li.dir:focus ul, .WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li.dir:focus-within ul {
	display: block;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
  background: rgba(255,255,255,1);
  min-width: 200px;
  border: 1px solid var(--cca-blue-medium);
}

.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li > .item {
	margin: 0;
	padding: 0 10px;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
	color: black;
	font: 400 14px/normal 'Open Sans',sans-serif;
	text-align: left;
	text-transform: none;
	transition: none;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.dir > .item > a > span::after {
	font: var(--fa-font-solid);
	content: "\f0da";
	color: #252525;
	font-size: 14px;
	position: relative;
	right: auto;
	top: auto;
	margin: 0 0 0 5px;
	display: inline-block;
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius:0;
	border-radius: 0;
	z-index: 3;
	background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.dir > .item:hover > a > span::after {
	background: transparent;
}

/* Content */
#id_Content.WaPlaceHolderContent > div {
  padding: 0 0;
}

.container_12 {

}

[class^="WaLayoutContainer"] {
  margin: 0 0 50px 0;
}

/* Home Page */
.zoneHeader2Outer .zoneHeader2Inner {
  background: transparent;
}
.zoneHeader2Outer {
	background-color: var(--cca-blue-medium);
	background-image: url("/resources/theme-images/slide-container-background.png");
	background-position: top center;
	background-repeat: no-repeat;
}

#id_Header2 .camera_wrap {
	margin-bottom: 0 !important;
}

.zoneHeader2Inner.s1_grid_12, .zoneHeader12 .container_12 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.WaPlaceHolderHeader2 > div {
  padding: 0 0;
}

#id_Header2 .gadgetStyleNone, #id_Header2 .gadgetStyle001, #id_Header2 .gadgetStyle002, #id_Header2 .gadgetStyle003 {
  padding: 0 0;
}

#id_Header2.WaPlaceHolder > div, #id_Header2 [class^="WaGadget"] {
  margin: 0 0 0 0;
}

.zoneContentInner.s1_grid_12 {
	padding: 50px 0;
}

#id_Content .gadgetStyleNone, #id_Content .gadgetStyle001, #id_Content  .gadgetStyle002, #id_Content .gadgetStyle003 {
  padding: 0 0;
}

h2.celebrating-canada::after {
	font: var(--fa-font-brands);
	content: '\f785';
	color: var(--cca-red-medium);
	margin-left: 10px;
}

.intro-links p {
	margin-bottom: 10px;
}

.intro-links a, .intro-links a:visited {
	background-color: #F3F3F3;
	border-left: 5px solid var(--cca-red-medium);
	color: #000;
	display: inline-block;
	font-family: 'Open Sans',sans-serif;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	min-width: 290px;
}

.intro-links a:hover, .intro-links a:active, .intro-links a:focus {
	border-left: 5px solid var(--cca-red-dark);
	color: var(--cca-blue-dark);
}

.intro-links a.join::before {
	font: var(--fa-font-solid);
	content: '\f14a';
	color: var(--cca-blue-medium);
	margin-right: 5px;
}

.intro-links a.history::before {
	font: var(--fa-font-solid);
	content: '\f5db';
	color: var(--cca-blue-medium);
	margin-right: 5px;
}

.intro-links a.leadership::before {
	font: var(--fa-font-solid);
	content: '\f0c0';
	color: var(--cca-blue-medium);
	margin-right: 5px;
}

.intro-links a.list::before {
	font: var(--fa-font-solid);
	content: '\e170';
	color: var(--cca-blue-medium);
	margin-right: 5px;
}

.WaGadgetUpcomingEvents.home-page-events .gadgetStyleBody ul {
	display: flex;
	flex-direction: row;
	-webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	margin-bottom: 24px;
}

.WaGadgetUpcomingEvents.home-page-events .gadgetStyleBody ul li {
  margin: 0 10px 0 0;
}

.WaGadgetUpcomingEvents.home-page-events .gadgetStyleBody ul li:last-child {
  margin: 0 0 0 0;
}


.WaGadgetUpcomingEvents.home-page-events .gadgetStyleBody ul li {
	background-color: #F3F3F3;
	flex: 0 1 28%;
	padding: 15px;
}

.WaGadgetUpcomingEvents .gadgetStyleBody ul li .title a {
	font: 700 18px/normal'Open Sans',sans-serif;
	text-decoration: none;
}

.WaGadgetUpcomingEvents.gadgetStyleNone ul li .date, .WaGadgetUpcomingEvents.gadgetStyleNone ul li .location {
  font: 400 16px/normal 'Open Sans', sans-serif;
} 


/* Footer */
.zoneFooterOuter {
  background: var(--cca-red-medium);
  padding: 20px 0;
}

.zoneFooter {
	color: #FFF;
	font-size: 14px;
}

.zoneBrandingOuter {
	padding-top: 0;
}

.zoneFooterOuter .zoneFooterInner {
  background: transparent;
}

#idFooterPoweredByContainer {
	display:none !important;
}

.cca-footer-menu {
	margin-bottom: 14px;
}

.cca-footer-menu a, .cca-footer-menu a:visited {
	color: #FFF;
	font-size: 16px;
	padding: 0px 4px;
	text-decoration: none;
	text-transform: uppercase;
}



.cca-footer-menu a:hover, .footer-menu a:active, .cca-footer-menu a:focus {
	color: var(--cca-yellow);
}


/* Assorted Gadgets */
.WaGadgetSiteSearch .searchBoxField {
	border: 1px solid #898989;
	color: #252525;
	font: 400 16px/normal 'Open Sans',sans-serif;
}

.WaGadgetSiteSearch .searchBoxField {
	padding: 6px 6px 6px 1.75em;
}

.WaGadgetSiteSearch .searchBoxFieldContainer::before {
	color: var(--cca-blue-medium);
	content: "\f002";
	font: var(--fa-font-solid);
	display: inline-block;
}

/* Extra Styles */

.border-box {
	background-color: #f3f3f3 !important;
	border-left: 5px solid var(--cca-red-medium);
	color: #000;
	font-family: 'Open Sans',sans-serif;
	margin: 0 0 24px;
	padding: 10px;
}

.color-box {
	background-color: var(--cca-gray-light) !important;
	border:1px solid var(--cca-gray-medium);
}

.fancy-columns .flexfallback {
	border: 1px solid var(--cca-blue-medium);
	padding: 10px;
	transition: ease-in 150ms;
}

.fancy-columns .flexfallback:hover, .fancy-columns .flexfallback:focus {
	border: 1px solid var(--cca-gray-medium);
}


/* Flexbox Columns */

.flex-columns {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.justify-flexstart {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-spacebetween {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-flexstart {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* align-content is for multiline columns */
.align-content-flexstart {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.align-content-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.align-content-spacebetween {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

/* Individual Column Width */

.flexfallback { } /* ALWAYS include this in each column, plus an individual size below. */

.flexcol-auto {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: auto;
}

.flexcol-half {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 46%;
}

.flexcol-third {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 29%;
}

.flexcol-two-thirds {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 64%;
}

.flexcol-fourth {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 21%;
}

.flexcol-three-fourths {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 73%;
}

.flexcol-fifth {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 16%;
}


/* Responsive Styles */
@media screen and (min-width: 768px) and (max-width: 1100px) {
	
	/* Header */
	
	.zoneHeaderOuter {
		background: #88a7d8 url("/resources/theme-images/header-background-mobile.jpg") top center no-repeat;
		background-size: cover;
	}
	
	.zoneHeaderInner.zoneInner.s1_grid_12, .zoneHeader1Inner.s1_grid_12, .container_12, .zoneContentInner.s1_grid_12, .zoneFooterInner.s1_grid_12 {
		width: 98%;
		margin: 0 auto;
	}
	
	/* Navigation */
	
	.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
	  text-align: left;
	}
	
	.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li > .item > a {
		font: 400 normal 16px/normal 'Open Sans',sans-serif;
		padding: 0 10px;
	}
	
	
	/* Home Page */
	
	#id_NMjceLh {
		display: none;
	}
	
}



@media screen and (min-width: 320px) and (max-width: 768px) {
	
	/* Header */

	.zoneHeaderOuter {
		background: #88a7d8 url("/resources/theme-images/header-background-mobile.jpg") top center no-repeat;
	}
	
	.zoneHeaderInner.zoneInner.s1_grid_12, .zoneHeader1Inner.s1_grid_12, .container_12, .zoneContentInner.s1_grid_12, .zoneFooterInner.s1_grid_12 {
		width: 96%;
		margin: 0 auto;
	}
	
	.WaGadgetMenuHorizontal.menuStyle002 .menuInner .menuButton {
		background: transparent;
	}
	
	
	/* Home Page */
	
	#camera_wrap_jvT3jh7 img, .camera_wrap div[data-src] {
		object-fit: contain;
	}
	
	#id_NMjceLh {
		display: none;
	}
	
	.WaGadgetUpcomingEvents.home-page-events .gadgetStyleBody ul {
		flex-direction: column;
	}
	
	.WaGadgetUpcomingEvents.home-page-events .gadgetStyleBody ul li {
		background-color: #F3F3F3;
		flex: 1 0 90%;
		margin-bottom: 14px;
		padding: 15px;
	}
	
	#sponsor_carousel {
		text-align: center;
	}
	
	/* Footer */
	.zoneFooter {
	  text-align: center;
	}
	
	.WaGadgetSiteSearch .searchBoxOuter.alignRight {
	  text-align: center;
	}
	
	.cca-footer-menu {
		color: var(--cca-red-medium);
	}
	
	.cca-footer-menu a {
		display: block;
	}
	
	.cca-footer-menu a, .cca-footer-menu a:visited {
		font-size: 15px;
		padding: 0px 4px;
	}
	
	/* Flexbox Columns */

	.flex-columns {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* Individual Column Width */

	.flexcol-auto {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: auto;
	}

	.flexcol-half {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: 100%;
	}

	.flexcol-third {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: 100%;
	}

	.flexcol-two-thirds {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: 100%;
	}

	.flexcol-fourth {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: 100%;
	}

	.flexcol-three-fourths {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: 100%;
	}

	.flexcol-fifth {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: 100%;
	}

	.flexfallback {
		margin-bottom: 10px;
	}
	
}


@media screen and (min-width: 320px) and (max-width: 616px) {
	
	/* Navigation */
	
	.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel {
	  background: var(--cca-red-medium);
	  border: 1px solid var(--cca-red-dark);
		border-top-color: var(--cca-red-dark);
	}
	
	.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul.firstLevel > li.sel > .item > a {
	  color: white;
	  background: var(--cca-red-dark);
	}
	
	.WaGadgetMenuHorizontal.cca-navigation .menuInner ul.firstLevel > li > .item > a {
		background: var(--cca-red-dark);
		color: #FFF;
		display: block;
		font: 400 normal 18px/normal 'Open Sans',sans-serif;
		padding: 10px 8px;
	}
	
	.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
	  text-align: left;
	}
	
	.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul ul li > .item > a {
	  background: 0;
	  font: 400 14px/normal 'Open Sans',sans-serif;
	  padding: 10px 8px 10px 8px;
	}
	
	.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul > li > .item > a, .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul ul > li > .item > a {
	  color: #FFF;
	}
	
	.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul ul ul li > .item > a {
		background: 0;
		font: 400 14px/normal 'Open Sans',sans-serif;
		padding: 8px 20px 8px 24px;
	}	
	
}