/***************************************************/
/**** IMPORTANT SITEWIDE ****/
/***************************************************/

#idWaAdminSwitcher {
    position: fixed;
    right: 0;
    top: 50px!important;
}

div#id_MobilePanel.WaPlaceHolder>div {
    padding: 0!important;
}

/**** SITEWIDE Containers ****/

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding: 80px 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: var(--color-white)!important;
}

.Side-Padding {
    padding-left: 9%;
    padding-right: 9%;
}

/*** 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 ***/

/************************************/
/**** THEME COLORS - TYPOGRAPHY ****/
/************************************/

:root {
	--color-white:#ffffff;
    --color-base:#ffffff;
    --color-grey:#cccccc;
    --color-grey-light:#eeeeee;
	--color-base-alt:#E9E8F0;
	--color-primary:#39296B;
	--color-primary-light:#6D6697;
	--color-primary-dark:#092528;
	--color-secondary:#2BA3A9;
	--color-secondary-dark:#1d787c;
	--color-secondary-light:#78bfc2;
	--color-accent:#F46E56;
	--color-accent-dark:#d45f4a;
	--color-accent-light:#fc9c89;
    --color-accent-2:#FFE600;
    --color-faint-light:rgba(255,255,255,15%);
    --color-faint-lightest:rgba(255,255,255,8%);
    --color-faint-dark:rgba(0,0,0,10%);
    --color-text-body:#092528;
    --type-heading:'Aleo', 'Georgia', serif;
    --feed-link-font:'Aleo', 'Georgia', serif;
    --feed-link-size: 22px;
    --type-body:'Lato', Arial, sans-serif;
    --type-body-size:18px;
    --type-body-size-sm:16px;
    --type-body-size-xsm:14px;
    --type-body-size-lrg:20px;
    --type-body-size-xlrg:22px;
    --type-body-color:#170f32;
    --type-page-title-size:4rem;
    --border-radius-lrg:20px;
    --border-radius-med:10px;
    --border-radius-sm:6px;
}

/***************************************************/
/**** 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 */
}

.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: var(--type-body);
    padding: 15px 60px 15px 20px!important;
    background-image: url(/resources/Pictures/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/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: var(--type-body-size)!important;
    font-weight: 400;
    color: var(--color-primary-light);
    text-transform: none;
    font-family: var(--type-heading);
}

.Bold-Accordion .WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: var(--type-body-size-lrg)!important;
    font-weight: 400;
    color: var(--color-primary);
    text-transform: uppercase;
    font-family: var(--type-heading);
}

/*** END ACCORDION ***/

/***************************************************/
/**** 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-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;
}

/*** END BACKGROUND COLORS ***/

/***************************************************/
/**** BLOG ****/
/***************************************************/

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    white-space: normal;
}

/**** 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: 40px;
    border: none;
}

/**** VOLUNTEER POSITIONS - BLOG ****/

div#id_vscBvT6 .boxBodyInfoOuterContainer {
    display: none;
}

.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;
}

/*** END BLOG ***/

/***************************************************/
/**** 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: 40px;
    margin-bottom: 40px;
}

.Border-Box.Teal {
    border-color: var(--color-secondary);
}

.Border-Box.Purple {
    border-color: var(--color-primary-light);
}

.Border-Box.Salmon {
    border-color: var(--color-accent);
}

.Border-Box.Yellow {
    border-color: var(--color-accent-2);
}

.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: var(--type-body-size-sm);
}

/*** END BREADCRUMBS ***/


/***************************************************/
/**** BULLETS ****/
/***************************************************/

[class*='EditableArea'] ul {
    margin: 1em 0 1em 19px;
    padding: 0 0 0 8px;
    list-style: disc;
}

/*** Special Lists ***/

.Whats-New-List ul {
    list-style: none;
    margin: 0;
}

.Whats-New-List ul li {
    font-size: var(--type-body-size);
    font-family: var(--type-body);
    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;
    font-size: var(--type-body-size);
    margin: 5px 0;
}

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 {
    background-image: url(/resources/Pictures/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 {
    background-image: url(/resources/Pictures/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.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    color: var(--color-white);
    border-color: var(--color-white)!important;
    background-image: url(/resources/Pictures/Icons/right-arrow-white.svg);
}

a.buttonStyle005, a:link.buttonStyle005 {
    border-color: var(--color-accent)!important;
    background-image: url(/resources/Pictures/Icons/right-arrow-dark.svg);
}

a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    background-image: url(/resources/Pictures/Icons/right-arrow-white.svg);
}

/*** LARGE BUTTONS ***/

.Large-Button a.stylizedButton {
    padding: 15px 50px 15px 25px;
    text-align: left;
    font-size: 1.4rem;
    text-transform: capitalize;
    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%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    font: normal var(--type-body-size)/100% var(--type-body);
    font-weight: 400;
    padding: 15px 25px;
    text-transform: none;
    -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-align: left;
    position:relative;
}

.Full-Button a.stylizedButton:hover {
    font: normal var(--type-body-size)/100% var(--type-body);
    font-weight: 400;
    padding: 15px 25px 15px 30px;
}

/*** 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: var(--type-body-size-xsm);
    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)!important;
    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-dark)!important;
    color: var(--color-white);
}

input.nextButton, 
input.typeButton,
input[type=submit] {
    background-color: var(--color-accent)!important;
    color: var(--color-white);
    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-dark)!important;
    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-dark)!important;
    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-dark)!important;
    color: var(--color-white);
    border-radius: var(--border-radius-sm);
}

/*** END BUTTONS ***/


/***************************************************/
/**** 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: 40px;
}

.Border-Columns-White table tr td.WaLayoutItem,
.Border-Columns-Multi table tr td.WaLayoutItem,
.Border-Columns-Multi-2 table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-base);
    padding: 40px;
}

.Border-Columns table tr td.WaLayoutSeparator,
.Border-Columns-White table tr td.WaLayoutSeparator,
.Border-Columns-Multi table tr td.WaLayoutSeparator,
.Border-Columns-Multi-2 table tr td.WaLayoutSeparator {
    width: 30px;
}

.Border-Columns-Multi table tr td:nth-child(1) {
    border: 2px solid var(--color-secondary);
}

.Border-Columns-Multi table tr td:nth-child(3) {
    border: 2px solid var(--color-accent-2);
}

.Border-Columns-Multi table tr td:nth-child(5) {
    border: 2px solid var(--color-accent);
}

.Border-Columns-Multi table tr td:nth-child(2),
.Border-Columns-Multi table tr td:nth-child(4) {
    border: none;
}

.Border-Columns table,
.Border-Columns-White table,
.Border-Columns-Multi table,
.Border-Columns-Multi-2 table {
    margin-bottom: 30px;
}


/**** COLUMNS WITH VERTICAL DIVIDERS ****/

.Dividers .WaLayoutItem,
.Column-Dividers .WaLayoutItem,
.Dividers-White .WaLayoutItem,
.Column-Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Column-Dividers-Faint .WaLayoutItem,
.Dividers-Bright .WaLayoutItem,
.Column-Dividers-Bright .WaLayoutItem {
    padding: 20px 50px;
}

.Dividers .WaLayoutSeparator,
.Column-Dividers .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-base-alt);
}

.Dividers-White .WaLayoutSeparator,
.Column-Dividers-White .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-white);
}

.Dividers-Bright .WaLayoutSeparator,
.Column-Dividers-Bright .WaLayoutSeparator {
    width: 3px;
    background-color:var(--color-accent);
}

.Dividers-Faint .WaLayoutSeparator,
.Column-Dividers-Faint .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-faint-light);
}


.Dividers .WaLayoutItem:first-child,
.Dividers-White .WaLayoutItem:first-child,
.Dividers-Faint .WaLayoutItem:first-child,
.Dividers-Bright .WaLayoutItem:first-child,
.Column-Dividers .WaLayoutItem:first-child,
.Column-Dividers-White .WaLayoutItem:first-child,
.Column-Dividers-Faint .WaLayoutItem:first-child,
.Column-Dividers-Bright .WaLayoutItem:first-child {
    padding-left: 0;
}

.Dividers .WaLayoutItem:last-child,
.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers-Bright .WaLayoutItem:last-child,
.Column-Dividers .WaLayoutItem:last-child,
.Column-Dividers-White .WaLayoutItem:last-child,
.Column-Dividers-Faint .WaLayoutItem:last-child,
.Column-Dividers-Bright .WaLayoutItem:last-child .BG-Accent{
    padding-right: 0;
}

/**** COLUMN CARDS ****/

.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-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-light);
    color: #fff;
}

.Card-Layout-White table tr td.WaLayoutItem {
    background-color: var(--color-white);
}

.Card-Layout-Faint table tr td.WaLayoutItem {
    background-color: var(--color-faint-lightest);
}

.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);
}

/*** 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-secondary);
}

.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle008 {
    background: var(--color-primary-light);
}

.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle009 {
    background: var(--color-accent);
}

.WaContentDivider.dividerStyle005,
.WaContentDivider.dividerStyle010 {
    background: var(--color-white);
}

/*** DIVIDERS ***/

/***************************************************/
/**** EVENTS ****/
/***************************************************/

/*** HIDE CALENDAR TOGGLE ***/

.Hide-Calendar-Toggle.WaGadgetEventsStateList .boxesList {
    margin: 0;
    padding: 0;
}

.Hide-Calendar-Toggle .pageTitleOuterContainer.idEventsTitleMainContainer {
    display: none;
}

/*** END HIDE TOGGLE ***/

.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: var(--color-base-alt);
}

.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: var(--color-white);
    padding: 40px;
    -webkit-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    box-shadow: 0px 0px 20px 0px var(--color-base-alt);
}

.WaGadgetEvents.Education-Events-Calendar.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 100px;
}

.WaGadgetEvents .pageTitleContainer h1, .WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-heading);
    font-size: 24px;
    font-weight: 400;
}

/*** Event Title ***/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: var(--color-primary);
    font-family: var(--type-heading);
    font-size: 24px;
    font-weight: 600;
}

.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1,
.WaGadgetEvents .pageTitleContainer h1, 
.WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-heading);
    margin: 1.66em 0;
    color: var(--color-primary)!important;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

/**** EVENT DETAIL ****/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    float: left;
    width: 350px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: right;
    width: calc(98% - 370px);
}


/*** JOB BOARD ***/
/* Remove date/time */

/*
div#id_HdIIETy.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer {
    display: none;
} */


/***************************************************/
/**** FEEDS EVENTS, BLOG, FORUMS ****/
/***************************************************/

.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,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li {
    padding: 8px 3px 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,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover {
    padding: 8px 0 8px 28px;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li {
    border-left: 4px solid var(--color-white);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 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,
.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,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle006 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: var(--type-body-size);
    font-style: normal;
}

.WaGadgetUpcomingEvents.Light-BG.upcomingEventsStyle002 ul li, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    border-left: 4px solid var(--color-white);
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li {
    border-left: 4px solid var(--color-base-alt);
}

.WaGadgetRecentBlogPosts.Light-BG.recentBlogPostsStyle002 ul li, .WaGadgetRecentBlogPosts.Light-BG.recentBlogPostsStyle005 ul li {
    border-left: 4px solid var(--color-white);
}

.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;
}

/**** JOBS FEED ****/

.Jobs-Feed.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
  max-height: 130px;
}


/***************************************************/
/**** FOOTER ****/
/***************************************************/

.zonePlace.zoneWAbranding {
    display: none;
}

/***********************************************************/
/**** FORMS AND APPLICATIONS ****/
/***********************************************************/

.infoOuterContainer {
    background-color: var(--color-base-alt);
}

/***********************************************************/
/**** FORUMS ****/
/***********************************************************/

.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow:last-child {
    border-bottom: 2px solid var(--color-base-alt);
}
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow {
    border-top: 2px solid var(--color-base-alt);
}

.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle {
    color: var(--color-primary-light)!important;
    font-family: var(--type-heading);
    font-size: 24px;
    font-weight: 400!important;
}

.topicTitleOuterContainer h4#forumTitle {
    color: var(--color-primary-light)!important;
    font-family: var(--type-heading)!important;
    text-transform: none;
}

/***********************************************************/
/**** HEADERS ****/
/***********************************************************/

#PAGEID_18088 .zoneHeader3 .WaPlaceHolder>div {
    max-width: 100%;
}

.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: var(--color-white);
    font-size: var(--type-body-size-sm);
    line-height: 40px;
    -webkit-border-radius: var(--border-radius-lrg);
    -moz-border-radius: var(--border-radius-lrg);
    border-radius: var(--border-radius-lrg);
}

/*
.WaGadgetSocialProfile .orientationHorizontal li {
    margin: 16px 0 0 10px;
}

.WaGadgetSocialProfile .orientationHorizontal {
    margin: 0 0 0 -10px;
} */


/*** END ***/


/***********************************************************/
/**** HOME ****/
/***********************************************************/


.Home-Hero .WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Home-Hero .WaLayoutItem:first-child {
    padding-left: 7%;
}

Home-Hero-Right-Image {
    margin-bottom: -100px!important;
    z-index:2!important;
}

/************************************************/
/**** 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;
}

/************************************************/
/**** IMAGE FRAMES ****/
/************************************************/

.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: var(--color-base-alt);
    -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;
    -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: var(--color-base-alt);
    -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 rgba(0,0,0,20%); 
    box-shadow: -10px 10px 0px 5px rgba(0,0,0,20%);
}


/************************************************/
/**** 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: 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;
    padding: 30px;
}


/********************************************************/
/**** LOGIN FORM GADGET ****/
/********************************************************/

.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: var(--color-white);
    background: var(--color-accent);
	border-radius: 20px;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    color: var(--color-white);
    background: var(--color-accent);
	border-radius: 20px;
    width: 40px;
    height: 40px;
}

.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: var(--color-white);
	border-radius: 20px;
}

.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: var(--color-white);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
	width: 40px;
	height: 40px;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel {
    width: 350px;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout,
.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout:hover {
    padding: 4px 10px 5px 10px;
    color: #fff;
}


/********************************************************/
/**** MENU - MAIN MENU - HORIZONTAL ****/
/********************************************************/

/*** FIRST LEVEL ***/

/* 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;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:first-child>a {
    padding-left: 16px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 16px;
    height: 60px;
    font: 600 var(--type-body-size-xlrg)/60px var(--type-heading);
    text-transform: none;
    -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;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    height: 60px;
    font: 23px/60px 'FontAwesome';
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom>.item>a span:before,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.phantom>.item>a span:before {
    height: 60px;
    font: 23px/60px 'FontAwesome';
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a>span,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a>span {
    height: 60px;
}

/*** DROPDOWN - LEVEL 2 ***/

.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 {
    top: 0;
    border-left: 2px solid var(--color-secondary);
}

/*** SUB MENU ***/

.Sub-Menu .WaGadgetMenuHorizontal.HorizontalMenuStyle001 {
overflow: visible;
border-bottom: 1px solid #fff;
}

.Sub-Menu .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.Sub-Menu .WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 16px;
    height: 80px;
    font: 600 var(--type-body-size-lrg)/80px var(--type-heading);
    text-transform: none;
}

.Sub-Menu .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after,
.Sub-Menu .WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    height: 80px;
    font: 23px/80px 'FontAwesome';
}

/*** STICKY MENU ***/
/*
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 0 16px;
} */

/************************************/
/**** MOBILE MENU ****/
/************************************/

/*** TOP BAR ***/

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: var(--color-primary-light);
    color: var(--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: var(--color-base-alt);
}

/*** MOBILE MENU OPEN ***/

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  background: var(--color-primary);
  border-top: 1px solid var(--color-faint-light);
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: var(--color-primary);
  color: var(--color-white);
}

.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);
}

/**** END ****/


/***************************************************/
/**** PAGE TITLE ****/
/***************************************************/

.Page-Title h1 {
    margin: 0!important;
    text-transform: none;
    font-family: var(--type-heading);
    text-align: center;
}

.Page-Title .gadgetStyleBody.gadgetContentEditableArea {
    padding: 0;
}

/***************************************************/
/**** 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-text-body);
    font: normal 16px/1.3 var(--type-body);
    border-radius: var(--border-radius-lrg);
}

input.searchBoxField:focus,
input.searchBoxField:hover {
    border: 2px solid var(--color-secondary);
    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 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;
    -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 20px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 20px 0px var(--color-base-alt); 
    box-shadow: 0px 0px 20px 0px var(--color-base-alt);
}

.Shadow-Box {
    -webkit-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 20px 0px var(--color-base-alt); 
    box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    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 ****/
/***********************************************************/

/**** HALF SLIDER ****/

.Half-Slider-RT td.WaLayoutItem:last-child {
    padding: 70px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

.Half-Slider-LT td.WaLayoutItem:first-child {
    padding: 70px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

.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-grey);
}

/**** HIDE THUMBNAILS ****/

.Hide-Thumbnails .camera_thumbs_cont {
    display: none;
}

.Hide-Thumbnails .camera_wrap {
    background: var(--color-white);
    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: var(--color-white);
    font-size: var(--type-body-size-lrg);
    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-text-body);
 font-size: var(--type-body-size);
}

.camera_caption>div h2,
.camera_caption>div h3 {
    margin-top: 0!important;
    color: var(--color-primary-light);
    font-size: var(--type-body-size-xlrg);
    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-light);
    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.Facebook,
.WaGadgetSocialProfile.socialProfileStyle001 a.Instagram {
    -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-secondary);
}

/*
.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn {
    background: #6E82B0;

.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter {
    background: #6E82B0;
}

.WaGadgetSocialProfile.socialProfileStyle001 a.Facebook {
    background: #6E82B0;
} */

.WaGadgetSocialProfile.socialProfileStyle001 li a:hover {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--color-primary-light);
}


/***************************************************/
/**** SPONSORS ****/
/***************************************************/

.Sponsors-5 img {
    max-width: 18%;
    margin: 20px 1%;
}

.Sponsors-4 img {
    max-width: 22%;
    margin: 20px 2%;
}

/*** END SPONSORS ***/

/***************************************************/
/**** TESTIMONIALS ****/
/***************************************************/

.Testimonials .WaGadgetContent {
    padding: 50px 100px;
    background-color: #fff;
}


/***************************************************/
/**** TYPOGRAPHY ****/
/***************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: var(--type-heading)!important;
}

.gadgetStyle002 h1, .gadgetStyle002 h2, gadgetStyle002 h3, gadgetStyle002 h4, gadgetStyle002 h5 {
    font-family: var(--type-heading);
}

.Home-Slogan h1,  .Home-Slogan.gadgetStyle002 h1 {
    font-family: var(--type-heading);
    font-size: 60px!important;
    text-transform: uppercase;
    font-weight: 800;
}

H1.h1Alt, .gadgetStyleNone H1.h1Alt {
    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) {
    font-weight: 800!important;
    text-transform: none;
    font-size: var(--type-page-title-size);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
    font-size: 2.25rem;
    font-family: var(--type-heading);
}

h1.SystemPageTitle {
    font-size: 36px!important;
}

.gadgetStyleNone h2,
.gadgetStyle002 h2 {
    font-weight: 800!important;
}

.gadgetStyleNone h3,
.gadgetStyle002 h3 {
    font-weight: 300!important;
}

.quotedText, .gadgetStyleNone .quotedText {
    margin: 1em 0;
    padding-left: 30px;
    border-left: 4px solid var(--color-base-alt);
}

.gadgetStyle002 .quotedText {
    margin: 1em 0;
    padding-left: 30px;
    border-left: 4px solid var(--color-base-alt);
    font-family: var(--type-heading);
    font-size: 20px;
}

.genericListTable thead th, .membersTable thead th, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.threadTD div.thread h4.boxHeaderTitle, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.lastReplyTD .lastReply h4.boxHeaderTitle, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.repliesCountTD .repliesCount h4.boxHeaderTitle, .WaGadgetForumStateList .boxHeaderOuterContainer table td, .WaGadgetForumStateList .boxHeaderOuterContainer table td h4 {
    font-family: var(--type-heading);
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: 2.25rem!important;
    text-transform: none;
}

.Script-Font * {
    font-family: "Playwrite HU", cursive!important;
    font-optical-sizing: auto;
    font-weight: 300!important;
    line-height: 2!important;
    font-style: normal;
}

.Large-Heading * {
    font-size: 3.5rem!important;
}

.Medium-Heading * {
    font-size: 2.8rem!important;
}

/*******************************************************/
/**** LAPTOP ****/
/*******************************************************/

@media (max-width: 1240px) {

.Hide-For-Laptop {
    display: none;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding: 70px 20px;
}

.Side-Padding {
    padding-left: 7%;
    padding-right: 7%;
}

.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%;
}

.Half-Slider-RT td.WaLayoutItem:last-child {
    padding: 60px;
}

.Half-Slider-LT td.WaLayoutItem:first-child {
    padding: 60px;
}

}

/*******************************************************/
/**** TABLET ****/
/*******************************************************/

@media (max-width: 1080px) {

.Hide-For-Tablet {
    display: none;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding: 60px 20px;
}

.Side-Padding {
    padding-left: 5%;
    padding-right: 5%;
}

.Half-Slider-RT td.WaLayoutItem:last-child {
    padding: 40px;
}

.Half-Slider-LT td.WaLayoutItem:first-child {
    padding: 40px;
}

}


/*******************************************************/
/**** MOBILE ****/
/*******************************************************/

@media (max-width: 767px) {

body {
    background-image: none;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding: 50px 20px;
}

.Side-Padding {
    padding-left: 4%;
    padding-right: 4%;
}

.Hide-For-Mobile {
    display: none;
}

.zonePlace.zoneHeader2 {
    margin-top: 0;
}

.Home-Slogan h1 {
    font-size: 36px!important;
}

.Header-Logo p,
.Header-Logo img {
    text-align: center!important;
    margin: 0 auto 10px auto;
}

.Header-Join {
    float: none!important;
}

.Header-Search {
    float: none!important;
}

.Header-Social {
    float: none!important;
}

.WaGadgetSiteSearch.Header-Search .searchBoxOuter.alignRight {
    text-align: center;
}

.Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Dividers-Bright .WaLayoutItem,
.Dividers .WaLayoutItem,
.Column-Dividers-White .WaLayoutItem,
.Column-Dividers-Faint .WaLayoutItem,
.Column-Dividers-Bright .WaLayoutItem,
.Column-Dividers .WaLayoutItem {
    padding: 40px 0;
}

.Dividers .WaLayoutItem,
.Column-Dividers .WaLayoutItem {
    border-bottom: 3px solid var( --color-base-alt );
}

.Dividers-White .WaLayoutItem,
.Column-Dividers-White .WaLayoutItem {
    border-bottom: 3px solid var(--color-white);
}

.Dividers-Bright .WaLayoutItem,
.Column-Dividers-Bright .WaLayoutItem {
    border-bottom: 3px solid var(--color-accent);
}

.Dividers-Faint .WaLayoutItem,
.Column-Dividers-Faint .WaLayoutItem {
    border-bottom: 3px solid var(--color-faint-light);
}

.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers-Bright .WaLayoutItem:last-child,
.Dividers .WaLayoutItem:last-child,
.Column-Dividers-White .WaLayoutItem:last-child,
.Column-Dividers-Faint .WaLayoutItem:last-child,
.Column-Dividers-Bright .WaLayoutItem:last-child,
.Column-Dividers .WaLayoutItem:last-child {
    border-bottom: none;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-Multi table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.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;
}

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: var(--color-primary-light);
    color: var(--color-white);
}


.Home-Hero .WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.Home-Hero .WaLayoutItem:first-child {
    padding-left: 0;
}

Home-Hero-Right-Image {
    margin-bottom: -50px!important;
    z-index:2!important;
}

}