/************************************/
/**** THEME COLORS ****/
/************************************/

:root {
	--color-base: #ffffff;
	--color-base-alt: #EBF0F0;
	--color-primary: #004056;
	--color-primary-light: #668c9a;
	--color-primary-dark: #002d3c;
    --color-secondary: #008779;
    --color-secondary-dark: #007a6d;
	--color-accent: #00A7AF;
	--color-accent-dark: #00868c;
	--color-accent-light: #66cacf;
    --color-white: #FFFFFF;
    --color-faint-light: rgba(255,255,255,0.1);
    --color-faint-dark: rgba(0,0,0,0.1);
}

/************************************/
/**** THEME STYLES ****/
/************************************/

:root {
    --type-heading: 'Lexend', 'Lato', Arial, sans-serif;
    --type-body: 'Lato', Arial, sans-serif;
    --type-body-size: 18px;
    --type-body-color: #002d3c;
    --border-radius-lrg: 20px;
    --border-radius-med: 10px;
    --border-radius-sm: 6px;
}

/*** TOP MENU ***/

.Top-Menu ul {
  list-style-type: none!important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}

.Top-Menu ul li {
  display: inline;
}

.Top-Menu ul li a {
  display: block;
  color: var(--color-white);
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

/***************************************************/
/**** IMPORTANT SITEWIDE ****/
/***************************************************/

#PAGEID_18179 div#id_Header1 {
    background: rgb(0,167,175);
background: linear-gradient(45deg, rgba(0,167,175,1) 0%, rgba(0,135,121,1) 69%, rgba(0,130,200,1) 100%);
}

.Home-Hero .WaLayoutSeparator {
    width: 150px!important;
}

div#id_MobilePanel.WaPlaceHolder>div {
    padding: 0!important;
}

/**** SITEWIDE Containers ****/

.WaPlaceHolderContent>div, .WaPlaceHolderContent1>div, .WaPlaceHolderContent2>div, .WaPlaceHolderContent3>div, .WaPlaceHolderContent4>div {
    padding: 40px 20px;
}

.gadgetStyle002 .gadgetStyleBody,
.gadgetStyle002.WaGadgetHeadline .gadgetStyleBody {
    padding: 0;
}

a.wa-authenticateLoginLink, a.wa-authenticateLoginLink:hover, a.wa-authenticateLoginLink:active, a.wa-authenticateLoginLink.activeState, a.wa-authenticateLoginLink:visited {
    color: white!important;
}

/*** FADE-IN EFFECT ****/

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*** END IMPORTANT ***/

/***************************************************/
/**** PAGE SPECIFIC ****/
/***************************************************/

/*** CAREERS / JOBS ***/ 
#PAGEID_1075535 .pagerOuterContainer {
    margin: 0; 
}

/***************************************************/
/**** ACCORDION GADGET ****/
/***************************************************/

/* Only hide the accordion content by default on the front-end (so admins can see it in the admin easily)... */

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
display:none; /* toggled by jQuery */
}

/* Allow an accordion to be open on page load... Use as gadget's custom css class... 'opened' */

.publicContentView .WaGadgetContentAccordion.opened .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion.opened .gadgetStyleBody {
display:block;
}

/* This are the selectors you should use for styling the "open" toggler gadgets, titles, body, etc... replace [selector] with an actual css element to select.
It requires you use two CSS selectors, one for the "opened" and one for the "active" togglers */

.publicContentView .WaGadgetContentAccordion.opened [selector],
.publicContentView .WaGadgetContentAccordion.active [selector] {
/* add css here */
}

/**** BASE BG ****/

.WaGadgetContentAccordion {
    margin-bottom: 10px;
    border: 2px solid var(--color-base-alt);
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion:hover {
    border: 2px solid var(--color-accent);
}

.WaGadgetContentAccordion.opened,
.WaGadgetContentAccordion.active {
    border: 2px solid var(--color-accent);
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    font-size: 19px;
    padding: 15px 60px 15px 20px!important;
    background-image: url(/resources/Pictures/BCHPCA-THEME/Icons/accordion-icon-open.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
    background-image: url(/resources/Pictures/BCHPCA-THEME/Icons/accordion-icon-close.svg);
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
}

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
}

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 20px 30px 20px;
    border-top: 2px solid var(--color-base-alt);
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 19px;
    font-weight: 400;
    color: var(--color-primary);
    text-transform: none;
    font-family: var(--type-body);
}

/**** ALTERNATE BG ****/

.Alternate-BG .WaGadgetContentAccordion,
.BG-Base-Alternate .WaGadgetContentAccordion {
    margin-bottom: 10px;
    border: 2px solid var(--color-white);
    transition: all 0.2s ease-in-out;
}

.Alternate-BG .WaGadgetContentAccordion:hover,
.BG-Base-Alternate .WaGadgetContentAccordion:hover {
    border: 2px solid var(--color-accent);
}

.Alternate-BG .WaGadgetContentAccordion.opened,
.Alternate-BG .WaGadgetContentAccordion.active,
.BG-Base-Alternate .WaGadgetContentAccordion.opened,
.BG-Base-Alternate .WaGadgetContentAccordion.active {
    border: 2px solid var(--color-accent);
}

.Card-Layout-Light .WaGadgetContentAccordion {
    border-color: var(--color-white);
}

.Card-Layout-Light .WaGadgetContentAccordion:hover {
    border-color: var(--color-accent);
}

.Card-Layout-White .WaGadgetContentAccordion {
    border-color: var(--color-base-alt);
}

.Card-Layout-White .WaGadgetContentAccordion:hover {
    border-color: var(--color-accent);
}

/*** Admin Notes Accordion ***/

.WaGadgetContentAccordion.Admin-Note {
    border: none;
}

.WaGadgetContentAccordion.Admin-Note .gadgetStyleTitle {
    background-color: #E85D04;
}

.WaGadgetContentAccordion.Admin-Note .gadgetStyleTitle {
    margin: 0;
    font-size: 20px;
    padding: 15px 60px 15px 20px!important;
    background-image: url(/resources/Pictures/Icons/information-icon-open.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.Admin-Note.opened .gadgetStyleTitle, .WaGadgetContentAccordion.Admin-Note.active .gadgetStyleTitle {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
    background-image: url(/resources/Pictures/BCHPCA-THEME/Icons/information-icon-close.svg);
    border:none;
}

.WaGadgetContentAccordion.Admin-Note .gadgetStyleTitle h4 {
    color: #fff;
    font-size: 20px;
}

.WaGadgetContentAccordion.Admin-Note .gadgetStyleBody, 
.WaGadgetContentAccordion.Admin-Note .gadgetStyleBody {
    color: var(--color-primary-dark);
    padding: 15px 20px 30px 20px;
    border-top: none;
    background-color: var(--color-faint-dark);
    font-size: inherit;
}

/*** END ***/

/***************************************************/
/**** BACKGROUND COLORS ****/
/***************************************************/

.BG-Base {
    background-color: var(--color-base)!important;
}

.BG-Base-Alternate {
    background-color: var(--color-base-alt)!important;
}

.BG-Primary {
    background-color: var(--color-primary)!important;
}

.BG-Primary-Dark {
    background-color: var(--color-primary-dark)!important;
}

.BG-Primary-Light {
    background-color: var(--color-primary-light)!important;
}

.BG-Secondary {
    background-color: var(--color-secondary)!important;
}

.BG-Secondary-Dark {
    background-color: var(--color-secondary-dark)!important;
}

.BG-Accent {
    background-color: var(--color-accent)!important;
}

.BG-Accent-Dark {
    background-color: var(--color-accent-dark)!important;
}

.BG-Accent-Light {
    background-color: var(--color-accent-light)!important;
}

#id_Header1 .Gradient-Green {
    background: rgb(0,167,175);
    background: linear-gradient(37deg, rgba(0,167,175,1) 0%, rgba(0,135,121,1) 50%, rgba(0,122,109,1) 100%);
}

/*** END BG COLORS ***/

/***************************************************/
/**** BLOG ****/
/***************************************************/

/*** REMOVE AUTHOR ***/
.WaGadgetBlog.Remove-Author span.postedByLink,
.WaGadgetBlog.Remove-Author .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlog.Remove-Author .boxBodyInfoOuterContainer .postedOn {
    margin-left:0;
}

.WaGadgetBlogStateList .pagerOuterContainer#idBlogTopPagerContainer.pagerIsNotEmpty {
    margin: 16px 0;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 105px!important;
}

/**** BLOG DETAIL ****/

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  font-size: 40px!important;
}

/**** BLOG WITH SHADOW BOXES ****/

.Shadow-Blog.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-white);
    padding: 30px;
    border: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

/**** VOLUNTEER OPEN POSITIONS - BLOG ****/

div#id_vscBvT6 .boxBodyInfoOuterContainer {
    display: none;
}

.WaGadgetBlog .blogEntryOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    margin: 0 0 30px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 30px;
    padding-top: 30px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    border-top: 2px solid var(--color-base-alt);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem:first-child {
    border-top: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: 24px;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedByLabel, 
.WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink {
    display: none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn {
    margin-left: 0;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 {
    font-size: 17px;
}

.WaGadgetBlogStateList.Card-Blog-White ul.boxesList li.boxesListItem {
    border-top: none;
    padding: 40px;
    background: var(--color-white);
    border-radius: 8px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    white-space: normal;
}

/**** SIMPLE BLOG ****/

.Simple-Blog .boxBodyContentContainer.fixedHeight {
    display: none;
}

/*** END BLOG ***/

/***************************************************/
/**** BORDERS ****/
/***************************************************/

.Border-Bottom,
.Border-Bottom-Light {
    border-bottom: 3px solid var(--color-base-alt);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.Border-Bottom-White {
    border-bottom: 3px solid var(--color-white);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.Border-Bottom-Bright {
    border-bottom: 3px solid var(--color-accent);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.Border-Top,
.Border-Top-Light {
    border-top: 3px solid var(--color-base-alt);
    padding-top: 50px;
    margin-top: 50px;
}

.Border-Top-White {
    border-top: 2px solid var(--color-white);
    padding-top: 50px;
    margin-top: 50px;
}

.Border-Top-Bright {
    border-top: 3px solid var(--color-accent);
    padding-top: 50px;
    margin-top: 50px;
}

/*
.BG-Base-Alternate .Border-Bottom {
    border-bottom: 3px solid var(--color-white);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.BG-Base-Alternate .Border-Top {
    border-top: 3px solid var(--color-white);
    padding-top: 50px;
    margin-top: 50px;
} */

/***************************************************/
/**** BORDER BOXES ****/
/***************************************************/

.Border-Box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-base-alt);
    padding: 30px;
}

.Border-Hover img {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 10px solid var(--color-white);
}

.Border-Hover:hover img {
    border: 10px solid var(--color-accent);
}

/***************************************************/
/**** BREADCRUMBS ****/
/***************************************************/

.WaGadgetBreadcrumbs.Center-Breadcrumb ul {
    text-align: center;
    font-size: 16px;
}

/*** END BREADCRUMBS ***/


/***************************************************/
/**** BULLETS ****/
/***************************************************/

[class*='EditableArea'] ul {
    margin: 1em 0 1em 19px;
    padding: 0;
    list-style: disc;
}

[class*='EditableArea'] ul li {
    margin: 0;
    padding: 0 0 0.6rem 0;
    line-height: 1.6rem;
}

/*** Special Lists ***/

.Whats-New-List ul {
    list-style: none;
    margin: 0;
}

.Whats-New-List ul li {
    font-size: 18px;
    font-family: var(--type-heading);
    padding: 10px 0 15px 20px;
    border-left: 4px solid var(--color-base-alt);
    margin-bottom: 20px;
}

/*** END BULLETS ***/


/***************************************************/
/**** BUTTONS ****/
/***************************************************/

a.buttonStyle001, a:link.buttonStyle001,
a.buttonStyle002, a:link.buttonStyle002,
a.buttonStyle003, a:link.buttonStyle003,
a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005 {
    padding: 8px 35px 8px 15px;
    background-position: right 8px center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--type-body-size);
    margin-bottom: 5px;
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover,
a.buttonStyle002:hover, a:link.buttonStyle002:hover,
a.buttonStyle003:hover, a:link.buttonStyle003:hover,
a.buttonStyle004:hover, a:link.buttonStyle004:hover,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    padding: 8px 30px 8px 20px;
    text-align: left;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

/**** BUTTON ARROW ****/

a.buttonStyle001, a:link.buttonStyle001,
a.buttonStyle002, a:link.buttonStyle002,
a.buttonStyle003, a:link.buttonStyle003,
a.buttonStyle004, a:link.buttonStyle004 {
    background-image: url(/resources/Pictures/BCHPCA-THEME/Icons/right-arrow-white.svg);
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover,
a.buttonStyle002:hover, a:link.buttonStyle002:hover,
a.buttonStyle003:hover, a:link.buttonStyle003:hover,
a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    background-image: url(/resources/Pictures/BCHPCA-THEME/Icons/right-arrow-white.svg);
}

a.buttonStyle001, a:link.buttonStyle001 {
    background-color: var(--color-accent);
}

a.buttonStyle005, a:link.buttonStyle005 {
    background-image: url(/resources/Pictures/Icons/right-arrow-dark.svg);
}

a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    background-image: url(/resources/Pictures/BCHPCA-THEME/Icons/right-arrow-white.svg);
}

a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005,
a.buttonStyle004:hover, a:link.buttonStyle004:hover,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-width: 2px;
}

a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-color: var(--color-accent)!important;
}

/*** LARGE BUTTONS ***/

.Large-Button a.stylizedButton {
    padding: 15px 50px 15px 25px;
    text-align: left;
    font-size: 1.4rem;
    text-transform: none;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.Large-Button a.stylizedButton:hover {
    padding: 15px 45px 15px 30px;
    text-align: left;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/*** Full Width Button ***/

.Full-Button a.stylizedButton {
    width: 100%;
    text-align:left;
}

.Full-Button a.stylizedButton:hover {

}

/*** SMALL BUTTON ***/

.Small-Button a.buttonStyle001, .Small-Button a:link.buttonStyle001,
.Small-Button a.buttonStyle002, .Small-Button a:link.buttonStyle002,
.Small-Button a.buttonStyle003, .Small-Button a:link.buttonStyle003,
.Small-Button a.buttonStyle004, .Small-Button a:link.buttonStyle004,
.Small-Button a.buttonStyle005, .Small-Button a:link.buttonStyle005 {
    padding: 6px 30px 6px 15px;
    font-size: 14px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.Small-Button a.buttonStyle001:hover, .Small-Button a:link.buttonStyle001:hover,
.Small-Button a.buttonStyle002:hover, .Small-Button a:link.buttonStyle002:hover,
.Small-Button a.buttonStyle003:hover, .Small-Button a:link.buttonStyle003:hover,
.Small-Button a.buttonStyle004:hover, .Small-Button a:link.buttonStyle004:hover,
.Small-Button a.buttonStyle005:hover, .Small-Button a:link.buttonStyle005:hover {
    padding: 6px 25px 6px 20px;
    text-align: left;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

/**** SYSTEM BUTTONS ****/

.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background-color: var(--color-accent);
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
}

.navigationOuterContainer .navigationContainer input.nextButton:hover, 
.navigationOuterContainer .navigationContainer input.typeButton:hover, 
.navigationOuterContainer .navigationContainer input[type=submit]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background-color: var(--color-accent-hover);
    color: var(--color-white);
}

input.nextButton, 
input.typeButton,
input[type=submit] {
    background-color: var(--color-accent)!important;
    color: #fff;
    padding: 8px 15px 8px 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
}

input.nextButton:hover, 
input.typeButton:hover,
input[type=submit]:hover {
    background-color: var(--color-accent-hover);
    color: var(--color-white);
}

/*** Register Button ***/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {
    background: var(--color-accent)!important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: var(--border-radius-sm);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
    background: var(--color-accent-hover);
    color: var(--color-white);
    border-radius: var(--border-radius-sm);
} 

.WaGadgetLoginForm.LoginFormStyle001 .loginButton, 
.WaGadgetLoginForm.LoginFormStyle002 .loginButton {
    background: var(--color-accent)!important;
    border: 0;
    color: var(--color-white);
    font-family: var(--type-body);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: var(--border-radius-sm);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginButton:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover {
    background: var(--color-accent-hover)!important;
    color: var(--color-white);
    border-radius: var(--border-radius-sm);
}

/*** END BUTTONS ***/

/***************************************************/
/**** CAMPAIGNS ****/
/***************************************************/

/*** CAMPAIGN LAYOUT ***/

.Campaign-List {
    margin-bottom: 30px;
}

.Campaign-List table tr td.WaLayoutSeparator {
    width: 0;
}

.Campaign-List table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Campaign-List table tr td.WaLayoutItem:first-child {
    background-color: #fff;
    padding: 40px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Campaign-List table tr td.WaLayoutItem:last-child {
    background-color: #fff;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/***************************************************/
/**** COLUMN LAYOUTS ****/
/***************************************************/

/**** CARD LAYOUTS ****/

.Card-Layout table,
.Card-Layout-Light table,
.Card-Layout-Dark table,
.Card-Layout-White table,
.Card-Layout-Faint table {
    margin-bottom: 30px;
}

.Card-Layout table tr td.WaLayoutItem,
.Card-Layout-Light table tr td.WaLayoutItem,
.Card-Layout-Dark table tr td.WaLayoutItem,
.Card-Layout-White table tr td.WaLayoutItem,
.Card-Layout-Faint table tr td.WaLayoutItem {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

.Card-Layout table tr td.WaLayoutSeparator,
.Card-Layout-Light table tr td.WaLayoutSeparator,
.Card-Layout-Dark table tr td.WaLayoutSeparator,
.Card-Layout-White table tr td.WaLayoutSeparator,
.Card-Layout-Faint table tr td.WaLayoutSeparator {
    width: 30px;
}

.Card-Layout table tr td.WaLayoutItem:last-child,
.Card-Layout-Light table tr td.WaLayoutItem:last-child,
.Card-Layout-Dark table tr td.WaLayoutItem:last-child,
.Card-Layout-White table tr td.WaLayoutItem:last-child,
.Card-Layout-Faint table tr td.WaLayoutItem:last-child {
    margin-bottom: 0;
}

.Card-Layout-Light table tr td.WaLayoutItem {
    background-color: var(--color-base-alt);
}

.Card-Layout-Dark table tr td.WaLayoutItem {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.Card-Layout-White table tr td.WaLayoutItem {
    background-color: var(--color-white);
}

.Card-Layout-Faint table tr td.WaLayoutItem {
    background-color: rgba(255,255,255,8%);
}

.Card-Layout-Dark table tr td.WaLayoutItem *,
.Card-Layout-Dark table tr td.WaLayoutItem p,
.Card-Layout-Dark table tr td.WaLayoutItem h3,
.Card-Layout-Dark table tr td.WaLayoutItem h4,
.Card-Layout-Dark table tr td.WaLayoutItem h5 {
    color: var(--color-white);
}

.Rounded-Columns table tr td.WaLayoutItem {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*** END COLUMNS ***/


/***************************************************/
/**** CAMPAIGNS - PROJECTS ****/
/***************************************************/

.Campaign-Container table.WaLayoutTable,
.Fullwidth-Container table.WaLayoutTable {
    max-width: 1230px;
    margin: auto;
    padding: 70px 15px;
}

.Campaign-Container .WaLayoutSeparator,
.Fullwidth-Container .WaLayoutSeparator {
    width: 80px;
}

/*
.Campaign-Container div.WaGadgetContent img {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
    border: 1px solid #f2f2f2!important;
} */


/***************************************************/
/**** COLUMN LAYOUTS ****/
/***************************************************/

/**** COLUMNS WITH BORDERS ****/

.Border-Columns table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-base-alt);
    padding: 30px;
}

.Border-Columns-White table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-white);
    padding: 30px;
}

/**** Columns with Dividers ****/

.Dividers .WaLayoutItem {
    padding: 20px 50px;
}

.Dividers .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-base-alt);
}

.Dividers-White .WaLayoutItem {
    padding: 20px 50px;
}

.Dividers-White .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-white);
}

.Dividers-Faint .WaLayoutItem {
    padding: 20px 50px;
}

.Dividers-Faint .WaLayoutSeparator {
    width: 3px;
    background-color:rgba(255,255,255,0.15);
}


.Dividers-White .WaLayoutItem:first-child,
.Dividers-Faint .WaLayoutItem:first-child,
.Dividers .WaLayoutItem:first-child {
    padding-left: 0;
}

.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers .WaLayoutItem:last-child {
    padding-right: 0;
}

/*** END COLUMNS ***/


/**** DIVIDERS ****/

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle005 {
    height: 2px;
    margin: 3rem 0;
}

.WaContentDivider.dividerStyle006,
.WaContentDivider.dividerStyle007,
.WaContentDivider.dividerStyle008,
.WaContentDivider.dividerStyle009,
.WaContentDivider.dividerStyle010 {
    height: 5px;
    margin: 3rem 0;
}

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle006 {
    background: var(--color-base-alt);
}

.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle007 {
    background: var(--color-accent);
}

.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle008 {
    background: var(--color-white);
}

.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle009 {
    background: var(--color-secondary);
}

.WaContentDivider.dividerStyle005,
.WaContentDivider.dividerStyle010 {
    background: var(--color-faint-light);
}

/*** DIVIDERS ***/

/***************************************************/
/**** EVENTS ****/
/***************************************************/

/*** EVENT LIST ***/

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin: 0 0 30px 0;
}

a#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventDetailsLink {
    font-size: 26px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer,
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 25px;
    background: #FFF;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: 24px !important;
}

/*** Education Events ***/
.Education-Events-Calendar h1.pageTitle.SystemPageTitle {
    display: none;
}

.Education-Events-Calendar .pageTitleOuterContainer.idEventsTitleMainContainer {
    display: none;
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px #ebf0f0;
    -moz-box-shadow: 0px 0px 20px 0px #ebf0f0;
    box-shadow: 0px 0px 20px 0px #ebf0f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.WaGadgetEvents.Education-Events-Calendar.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 100px;
}

.WaGadgetEvents .pageTitleContainer h1, .WaGadgetEvents .titleContainer h1 {
    font-family: 'Lexend','Lato','Arial',sans-serif;
    font-size: 24px;
    font-weight: 400;
}

/*** Event Title ***/

.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer {
    margin: 0 0 40px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: #0F3E43;
    font-family: 'Lexend','Lato','Arial',sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1,
.WaGadgetEvents .pageTitleContainer h1, 
.WaGadgetEvents .titleContainer h1 {
    font-family: 'Lexend','Lato','Arial',sans-serif;
    margin: 1.66em 0;
    color: #0F3E43!important;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

/*** CUSTOM CLASSES ***/

/*** Hide the Calendar Toggle link ***/
.Hide-Calendar-Toggle .pageViewSwitcherContainer {
    display: none;
}

/**** EVENT DETAIL ****/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    float: left;
    width: 350px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: right;
    background-color: #FFF;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: calc(98% - 350px);
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}


/*** JOB BOARD ***/
/* Remove date/time */

/*
div#id_HdIIETy.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer {
    display: none;
} */


/***************************************************/
/**** FEEDS EVENTS, BLOG, FORUMS ****/
/***************************************************/

/*** HIDE FEED TITLES ***/

.WaGadgetUpcomingEvents.Hide-Title .gadgetStyleTitle,
.WaGadgetRecentBlogPosts.Hide-Title .gadgetStyleTitle,
.WaGadgetForumUpdates.Hide-Title .gadgetStyleTitle,
.WaGadgetFeaturedMember.Hide-Title .gadgetStyleTitle {
    display: none;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li {
    padding: 8px 0 8px 25px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li:hover {
    padding: 8px 0 8px 28px;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li, 
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li {
    border-left: 4px solid var(--color-base-alt);
}

.BG-Base-Alternate .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.BG-Base-Alternate .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li {
    border-left: 4px solid var(--color-white);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover {
    border-left: 5px solid var(--color-accent);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li, 
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li {
    border-left: 4px solid var(--color-base-alt);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover {
    border-left: 5px solid var(--color-accent);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title a {
    font-family: var(--type-body);
    font-size: var(--type-body-size);
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .location {
    font-size: 18px;
    font-style: normal;
}

.WaGadgetUpcomingEvents.Light-BG.upcomingEventsStyle002 ul li,.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid var(--color-white);
}

.WaGadgetUpcomingEvents.Light-BG.upcomingEventsStyle002 ul li:hover,.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover {
    padding: 8px 0 8px 28px;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid var(--color-base-alt);
}

.WaGadgetRecentBlogPosts.Light-BG.recentBlogPostsStyle002 ul li, .WaGadgetRecentBlogPosts.Light-BG.recentBlogPostsStyle005 ul li {
    padding: 8px 0 8px 16px;
    border-left: 4px solid #FFF;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .title a {
    font-family: var(--type-body);
    font-size: var(--type-body-size);
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title a {
    font-family: var(--type-body);
    font-size: var(--type-body-size);
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

/**** CENTER FEED ****/

.Center-Feed.upcomingEventsStyle001 {
    text-align: center;
}

/**** LARGE FEED ****/

.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle001 ul li .title a {
    font-family: var(--type-heading);
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
}

.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle001 ul li .date {
    font-family: var(--type-heading);
    font-size: 24px!important;
    font-style: normal;
    margin-top: 10px;
    color: var(--color-primary-dark);
}

/**** JOBS FEED ****/

.Jobs-Feed.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
  max-height: 130px;
}


/***************************************************/
/**** FOOTER ****/
/***************************************************/

.zonePlace.zoneWAbranding {
    display: none;
}

/*
.zonePlace.zoneFooter2 {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
} */

/***********************************************************/
/**** FORMS AND APPLICATIONS ****/
/***********************************************************/

.infoOuterContainer {
    background-color: #ebf0f0;
}

/***********************************************************/
/**** FORUMS ****/
/***********************************************************/

.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow:last-child {
    border-bottom: 2px solid #eee;
}
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow {
    border-top: 2px solid #eee;
}

.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle {
    color: #35686C!important;
    font-family: 'Lexend','Lato',sans-serif !important;
    font-size: 24px;
    font-weight: 400!important;
}

/***********************************************************/
/**** HEADERS ****/
/***********************************************************/

/*
.zonePlace.zoneHeader1 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999!important;
    border-bottom: 1px solid #fff;
} 

.zonePlace.zoneHeader2 {
    margin-top: 55px;
} */

#PAGEID_18088 .zoneHeader3 .WaPlaceHolder>div {
    max-width: 100%;
}

/*
div#id_Header {
    border-bottom: 1px solid rgba(255, 255, 255, 10%);
} */

.Fixed-BG {
    background-attachment: fixed;
}

.Header-Logo {

}

.Header-Join {
    float: right;
}

.Header-Login {
    float: right;
}

.Header-Search {
    float: right;
}

.Header-Social {
    float: right;
}

.WaGadgetSocialProfile.socialProfileStyle001 li a {
    width: 40px;
    height: 40px;
    color: white;
    font-size: 16px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*** END ***/


/********************************************************/
/**** HOME ****/
/********************************************************/

.I-AM-Link {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block; 
    width: 18%; 
    margin: 1%; 
    background: transparent; 
    border-radius: 8px;
    border: 2px solid var(--color-base-alt);
}

.BG-Base-Alternate .I-AM-Link {
    border: 2px solid var(--color-white);
}

.I-AM-Link:hover {
    border: 2px solid var(--color-accent);
}

.I-AM-Link img {
    display: block!important;
    border-radius: 8px;
}

.Slogan-Shadow {
    text-shadow: 4px 4px 14px rgba(0,0,0,0.5);
}

/************************************************/
/**** ICONS ****/
/************************************************/

.Icon-Text-Small {
    padding: 0 0 0 50px;
    background-size: 30px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

/**** IMAGES ****/

div.WaGadgetContent img {
    display: inline-block;
}

/************************************************/
/**** IMAGES & IMAGE FRAMES ****/
/************************************************/

.Circle-Image,
.Circle-Image img {
    border-radius: 50%;
}

.Image-Frame,
.Text-Frame,
.Shadow-Image-Frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Image-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:0;
    background-color: #eee;
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Text-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:40px 40px;
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Image-Frame img {
    display: block!important;
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Shadow-Image-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:30px;
    background-color: #eee;
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-shadow: -10px 10px 0px 5px #afaecc; 
    box-shadow: -10px 10px 0px 5px #afaecc;
}


/************************************************/
/**** JOBS ****/
/************************************************/

.Jobs-Feed .boxBodyInfoContainer {
    display: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    position: relative;
    max-height: 100px;
    overflow: hidden;
}

/************************************************/
/**** LAYOUTS ****/
/************************************************/

/*** LAYOUTS WITH ROUNDED CORNERS ***/

.Round-Columns table tr td.WaLayoutItem {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}


/********************************************************/
/**** LOGIN FORM GADGET ****/
/********************************************************/

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    font-size: inherit;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    padding-left: 15px;
}

.WaGadgetLoginForm .loginContainer .loginLink:before {
position:static !important;
float: right !important;
width: auto !important;
height: auto !important;
padding-right: 15px !important;
padding-left: 10px !important;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
    font: normal 17px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    color: white;
    background: var(--color-accent);
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    color: white;
    background: var(--color-accent);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
    background: var(--color-accent-dark);
    color: white;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: var(--color-accent-dark);
    color: white;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel {
    width: 340px;
}

.WaGadgetLoginForm .loginContainer .loginContainerInner .loginPanel .loginContainerForm form .loginAction input.loginButton:hover {
    background: var(--color-accent-dark)!important;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout, .WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout {
    background-color: transparent!important;
}


/********************************************************/
/**** MENU - MAIN MENU - HORIZONTAL ****/
/********************************************************/

/* MENU ALIGN RIGHT */
.WaGadgetMenuHorizontal.Menu-Right .menuInner ul.firstLevel {
    float: right;
}

/* MENU ALIGN CENTER */
.WaGadgetMenuHorizontal.Menu-Center .menuInner ul.firstLevel {
    margin-right: auto;
	margin-left: auto;
}

.Hide-Home .menuInner ul.firstLevel>li:first-child>.item>a {
    display:none;
}

.Main-Menu-Border {
    border-top: 2px solid rgba(255,255,255,0.2);
}

/*** FIRST LEVEL ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:first-child>a {
    padding-left: 13px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 13px;
    height: 56px;
    font: 400 17px/56px 'Lexend','Lato','Arial',sans-serif;
    text-transform: none;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    height: 56px;
    font: 23px/56px 'FontAwesome';
}

/*** DROPDOWN - LEVEL 2 ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 ul.secondLevel {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px 0 !important;
    background: #fff !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border: none;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li:last-child .item a, 
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul li:last-child .item a {
    padding-bottom: 10px;
}

/*** DROPDOWN - LEVEL 3 ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul ul {
    top: 0;
    border-left: 1px solid var(--color-accent);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner .firstLevel>li.last-child ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner .firstLevel>li.last-child ul ul {
    top: 0;
    border-right: 1px solid var(--color-accent);
}

/*** PHANTOM MENU ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.phantom>.item>a {
    text-align: center;
    top: 15px;
} 

/************************************/
/**** MENU - STICKY MENU ****/
/************************************/

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    background: var(--color-primary);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 0 13px;
}



/************************************/
/**** MENU - SUB MENU ****/
/************************************/

.Sub-Menu.HorizontalMenuStyle001 {
    border-bottom: 2px solid #fff;
}

.WaGadgetMenuHorizontal.Sub-Menu.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 16px;
    height: 70px;
    font: 400 16px/70px 'Lexend','Lato','Arial',sans-serif;
}

.WaGadgetMenuHorizontal.Sub-Menu.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    height: 70px;
    font: 23px/70px 'FontAwesome';
}


/************************************/
/**** MENU - MOBILE MENU ****/
/************************************/

/*** TOP BAR ***/

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: var(--color-accent);
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: var(--color-primary);
  color: white;
}

/*** MOBILE MENU OPEN ***/

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a {
    padding: 10px 16px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    /* border-top: 1px solid rgba(255, 255, 255, 15%); */
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    font-size: 16px;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  background: var(--color-primary);
  border-top: none;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: var(--color-primary);
  color: white;
}

.WaGadgetMobilePanel .mobilePanel .menuInner>ul.secondLevel {
    padding-bottom: 15px !important;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    padding: 3px 16px 3px 30px;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a span {
    border-left: 1px solid var(--color-accent);
    padding-left: 10px;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
  background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
  color: var(--color-accent-light);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li.sel>.item>a{
    color: var(--color-accent-light);
}


/***************************************************/
/**** MENU - SECONDARY MENU (TOP MENU) ****/
/***************************************************/

.WaGadgetCustomMenu.menuStyle002 .orientationHorizontal li {
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0;
    border-left: 1px solid rgba(255, 255, 255, 20%);
}

.WaGadgetCustomMenu.menuStyle002 ul li a {
    font-family: var(--type-heading);
    color: var(--color-white);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    padding: 0;
    margin: 0;
}

/**** END ****/


/**** NARROW WIDTH ****/

.Narrow-50 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.Narrow-60 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.Narrow-70 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.Narrow-80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


/***************************************************/
/**** ROUND CORNERS ****/
/***************************************************/

.Round-Corners {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}


/***************************************************/
/**** SEARCH ****/
/***************************************************/

input.searchBoxField {
    display: inline-block;
    margin: 0;
    padding: 5px 20px 6px 25px;
    background: var(--color-white);
    border: 2px solid var(--color-base-alt);
    color: var(--color-primary-dark);
    font: normal 16px/1.3 var(--type-body);
    border-radius: 20px;
}

input.searchBoxField:focus,
input.searchBoxField:hover {
    border: 2px solid var(--color-accent);
    padding: 5px 20px 6px 25px;
}


/***************************************************/
/**** SHADOWS ****/
/***************************************************/

.Shadow-Columns table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Shadow-Columns-Round table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 10px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 10px 0px var(--color-base-alt);
    box-shadow: 0px 0px 10px 0px var(--color-base-alt);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

.Shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.Shadow-Box {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    padding: 30px;
}

.Shadow-Box-Round {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    padding: 30px;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

/*** END ***/


/***********************************************************/
/**** SLIDER ****/
/***********************************************************/

.camera_wrap {
    background: var(--color-white);
}

.camera_thumbs_cont {
    background: var(--color-white);
}

.camera_thumbs_cont ul {
    width: 100%!important;
    min-width: 300px;
}

.camera_thumbs_cont ul li {
    width: 40px;
    height: 40px;
    margin: 10px 2px;
    border: 1px solid var(--color-base-alt);
}

/**** HIDE THUMBNAILS ****/

.Hide-Thumbnails .camera_thumbs_cont {
    display: none;
}

.Hide-Thumbnails .camera_wrap {
    background: var(--color-white);
    margin-bottom: 0!important;
}

.Round-Slider .camera_wrap {
    background: transparent!important;
    margin-bottom: 0!important;
}

/**** SLIDER CAPTIONS ****/

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 0!important;
    left: 0;
    margin-right: 0;
    display: block;
    width: auto;
    background: rgba(0,0,0,0.75);
}

.CaptionSlider .camera_caption>div {
    padding: 15px 30px;
    color: white;
    font-size: 20px;
    line-height: 1em;
    font-weight: normal;
    font-family: var(--type-body)!important;
}

/**** SLIDER CAPTION 2 ****/

.Full-Slider-Caption .camera_caption {
    position: absolute;
    right: 0;
    bottom: 140px!important;
    width: 600px;
    background: rgba(255,255,255,90%);
}

.Full-Slider-Caption .camera_caption>div {
 padding: 30px 100px 35px 40px;
 color: var(--color-primary-dark);
 font-size: 16px;
}

.camera_caption>div h2,
.camera_caption>div h3 {
    margin-top: 0!important;
    color: var(--color-primary);
    font-size: 22px;
    text-transform: uppercase;
}

.Full-Slider-Caption .camera_caption>div h2,
.Full-Slider-Caption .camera_caption>div h3 {
    margin-top: 0!important;
    margin-bottom: 15px;
    color: var(--color-primary);
    font-size: 32px;
    text-transform: uppercase;
}

.camera_caption>div p {
    margin-top: 0;
}

.Full-Slider-Caption .camera_caption>div p {
    margin: 15px 0 0 0;
}

/*** END ***/


/***************************************************/
/**** SOCIAL LINKS ****/
/***************************************************/

.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn,
.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter,
.WaGadgetSocialProfile.socialProfileStyle001 a.X,
.WaGadgetSocialProfile.socialProfileStyle001 a.Facebook,
.WaGadgetSocialProfile.socialProfileStyle001 a.Instagram,
.WaGadgetSocialProfile.socialProfileStyle001 a.YouTube {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: var(--color-primary-light);
}

.WaGadgetSocialProfile.socialProfileStyle001 li a:hover {
    opacity: 1;
    color: #fff;
    background-color: var(--color-accent);
}


/***************************************************/
/**** SPONSORS ****/
/***************************************************/

.Sponsors-5 img {
    max-width: 18%;
    margin: 20px 1%;
}

.Sponsors-4 img {
    max-width: 22%;
    margin: 20px 2%;
}

/*** END SPONSORS ***/

/***************************************************/
/**** STORE ****/
/***************************************************/

.WaGadgetOnlineStoreProduct .OnlineStoreProduct_title_container h1 {
    margin-top: 0;
    font-size: 2.5rem !important;
}

.OnlineStoreProduct_title_container {
    margin-bottom: 30px;
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item, .WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock {
    width: 320px;
    margin: 0 0 40px 40px;
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item .OnlineStoreCatalog_list_item_img, .WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock .OnlineStoreCatalog_list_item_img {
    display: table-cell;
    width: 320px;
    height: 320px;
    background: var(--color-base-alt);
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item .OnlineStoreCatalog_list_item_img img, .WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock .OnlineStoreCatalog_list_item_img img {
    max-width: 320px;
    max-height: 320px;
}

/*** END STORE ***/

/***************************************************/
/**** TYPOGRAPHY ****/
/***************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: var(--type-heading)!important;
}

/**** PAGE TITLE ****/

H1.h1Alt, 
.gadgetStyleNone H1.h1Alt {
    font-size: 24px;
    font-family: var(--type-heading);
    margin-bottom: 0!important;
    font-weight: 200;
}

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt),
.Home-Slogan h1,  
.Home-Slogan.gadgetStyle002 h1 {
    margin: 0!important;
    text-transform: none;
    font-family: var(--type-heading);
    font-weight: 700;
    font-size: 3.5rem;
}

.Page-Title .gadgetStyleBody.gadgetContentEditableArea {
    padding: 0;
}

.Page-Title h1,
.Page-Title .WaGadgetHeadline h1 {
    text-align: center!important;
    font-weight: 200!important;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: 32px;
    text-decoration: none;
    margin: 1rem 0;
}

h1.SystemPageTitle {
    font-size: 36px!important;
}

.gadgetStyleNone h2, 
.gadgetStyle002 h2,
.h2 {
    font-size: 2rem;
    font-weight: 600!important;
    line-height: normal;
}

.gadgetStyleNone h3,
.gadgetStyle002 h3
.h3 {
    font-weight: 300;
}

.gadgetStyleNone h4,
.gadgetStyle002 h4
.h4 {

}

.quotedText, 
.gadgetStyleNone .quotedText,
.gadgetStyle002 .quotedText {
    padding-left: 30px;
    font-weight: 300;
    font-family: var(--type-heading);
}

.gadgetStyleNone .quotedText {
    border-left: 4px solid var(--color-base-alt);
}

.gadgetStyle002 .quotedText,
.BG-Base-Alternate .gadgetStyleNone .quotedText {
    border-left: 4px solid var(--color-white);
}

span.Underline-Thick {
    background-image: linear-gradient(to bottom, #00a7af, #00a7af);
    background-position: 0px 0.57em;
    background-repeat: repeat-x;
    background-size: 1px 0.53em;
}

span.Underline {
    background-image: linear-gradient(to bottom, #00a7af, #00a7af);
    background-position: 0px 0.88em;
    background-repeat: repeat-x;
    background-size: 1px 0.3em;
}

/********************************************************/
/**** VIDEO BANNERS ****/
/********************************************************/

.Video-Banner {
    height:500px!important;
    width: 100%;
}

.Video-Banner video {
    height: 500px;
    width: 100%;
    object-fit: cover;
    z-index: 0;
}


/*******************************************************/
/**** LAPTOP ****/
/*******************************************************/

@media (max-width: 1240px) {

.Hide-For-Tablet {
    display: none;
}

.Home-Slogan h1 {
    font-size: 48px!important;
}

.Sponsors-5 img {
    max-width: 30%;
    margin: 15px 1%;
}

.Home-Hero .WaLayoutSeparator {
    width: 80px!important;
}

.Home-Static-Hero td#id_UOnNRgY {
    padding-left: 5%;
}

.I-AM-Link {
    width: 31%; 
    margin: 1%;
}

}


/*******************************************************/
/**** MOBILE ****/
/*******************************************************/

@media (max-width: 767px) {

body {
    background-image: none;
}

.Hide-For-Mobile {
    display: none;
}

.Fixed-BG {
    background-attachment: scroll;
}

.zonePlace.zoneHeader2 {
    margin-top: 0;
}

.Main-Menu-Border {
    border: none;
}

.Home-Slogan h1 {
    font-size: 36px!important;
}

.Header-Logo {
    text-align: center;
    padding:40px 0 30px 0;
}

.Header-Join {
    float: none!important;
}

.Header-Search {
    float: none!important;
    display: none;
}

.Header-Social {
    float: none!important;
}

.WaGadgetSiteSearch.Header-Search .searchBoxOuter.alignRight {
    text-align: center;
}

.Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Dividers .WaLayoutItem {
    padding: 40px 0;
}

.Dividers-White .WaLayoutItem {
    border-bottom: 2px solid var(--color-white);
}

.Dividers-Faint .WaLayoutItem {
    border-bottom: 2px solid rgba(255,255,255,0.15);
}

.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child {
    border-bottom: none;
}

.Border-Columns table tr td.WaLayoutItem {
    margin-bottom: 20px;
}

.I-AM-Link {
    width: 48%; 
    margin: 1%;
}

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
    font-size: 2.5rem!important;
}

.Center-Mobile * {
    text-align: center!important;
}

.Card-Layout table tr td.WaLayoutItem,
.Card-Layout-Light table tr td.WaLayoutItem,
.Card-Layout-Dark table tr td.WaLayoutItem,
.Card-Layout-White table tr td.WaLayoutItem,
.Card-Layout-Faint table tr td.WaLayoutItem {
    margin-bottom: 20px;
}

.Campaign-List table tr td.WaLayoutItem:first-child {
    padding: 40px;
    -webkit-border-radius: 8px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 8px;
    border-bottom-left-radius: 0;
}

.Campaign-List table tr td.WaLayoutItem:last-child {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; 
}

.Top-Links {
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item, .WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock {
    width: 270px;
    margin: 0 0 40px 0;
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item .OnlineStoreCatalog_list_item_img, .WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock .OnlineStoreCatalog_list_item_img {
    width: 270px;
    height: 270px;
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item .OnlineStoreCatalog_list_item_img img, .WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock .OnlineStoreCatalog_list_item_img img {
    max-width: 270px;
    max-height: 270px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    float: none;
    width: 100%;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: none;
    width: 100%;
}

.Narrow-50, .Narrow-60, .Narrow-70, .Narrow-80 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

div#id_Header1 {
    background-size: initial !important;
    background-position: right center !important;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    font-size: 17px;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 18px !important;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle h4, .WaGadgetContentAccordion.active .gadgetStyleTitle h4 {
    color: var(--color-accent);
}

}