/* --- TEMPORARY - TO BE DELETED --- */ 

.Content-Border {
    border: 1px solid #ccc;
    padding: 30px 40px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    font: bold 16px/23px 'Montserrat','Arial',sans-serif;
    text-transform: none;
}

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

:root {
    --color-white:#ffffff;
    --color-base: #ffffff;
    --color-grey: #cccccc;
    --color-grey-light: #eeeeee;
    --color-base-alt: #eef1f8;
    --color-primary: #0081cc;
    --color-primary-light: #338ED2;
    --color-primary-dark: #006FB1;
    --color-blue: #0081cc;
    --color-green: #44b086;
    --color-purple: #796eda;
    --color-yellow: #f1cb32;
    --color-orange: #f7b249;
    --color-blue-2: #4878d7;
    --color-secondary: #6A9093;
    --color-accent: #A06F62;
    --color-accent-hover: #80594e;
    --color-accent-light: #D0A68F;
    --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: #222222;
    --type-font-heading: 'Montserrat', 'Lato', Arial, sans-serif;
    --type-font-body: 'Lato', Arial, sans-serif;
    --type-size: 18px;
    --type-size-sm: 16px;
    --type-size-xsm: 14px;
    --type-size-lrg: 22px;
    --type-size-xlrg: 26px;
    --type-size-2xlrg: 30px;
    --type-size-3xlrg: 34px;
    --type-size-4xlrg: 38px;
    --type-size-5xlrg: 42px;
    --type-size-6xlrg: 46px;
    --type-size-7xlrg: 50px;
    --type-size-8xlrg: 54px;
    --type-size-9xlrg: 60px;
    --type-size-page-title: 48px;
    --type-size-blog-list-title: 30px;
    --type-size-blog-detail-title: 40px;
    --type-size-event-list-title: 30px;
    --type-size-event-detail-title: 40px;
    --type-size-breadcrumb: 18px;
    --type-color-body: #222222;
    --type-color-heading: #222222;
    --border-radius-lrg: 25px;
    --border-radius-med: 12px;
    --border-radius-sm: 6px;
    --system-buttons-bg: #0081cc;
    --system-buttons-bg-hover: #338ED2;
    --system-buttons-text-color: #FFFFFF;
    --system-buttons-text-color-hover: #FFFFFF;
    --login-button-bg: #0081cc;
    --login-button-bg-hover: #338ED2;
    --login-button-text-color: #FFFFFF;
    --login-button-text-color-hover: #FFFFFF;
}

/* --------------------------------- */
/* --- ACCORDION GADGET --- */
/* --------------------------------- */

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

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

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding: 80px 40px;
}

/* Removes default inner padding in dark background content gadgets */
.gadgetStyle002 .gadgetStyleBody,
.gadgetStyle002.WaGadgetHeadline .gadgetStyleBody {
    padding: 0;
}

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

/* --------------------------------- */
/* --- 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;
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion:hover {

}

.WaGadgetContentAccordion.opened,
.WaGadgetContentAccordion.active {

}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    font-size: 18px;
    background-color: #eef1f8;
    padding: 15px 60px 15px 30px!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;
    border-radius: 30px;
}

.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 {
    padding: 15px 60px 15px 35px!important;
    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: 20px 30px 30px 30px;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1e1e1e;
    text-transform: none;
    font-family: var(--type-font-heading);
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover h4 {
    color: #0081cc;
}

/* --- END ACCORDION --- */

/* --------------------------------- */
/* --- BACKGROUND OVERLAYS --- */
/* --------------------------------- */

/* add only one of the custom classes below to your fixed height slideshow */

/* Overlay-BG */
/* (default), currently black, 70% */
[class*="WaGadget"][class*="Overlay-BG"]:not([class*="control"],.WaGadgetSlideshow):before,
[class*="WaLayoutContainer"][class*="Overlay-BG"] td.WaLayoutItem:before,
.WaGadgetSlideshow[class*="Overlay-BG"] .camera_overlayer {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
	background: rgba(0,0,0,.5);
}

/* Overlay-BG-Purple */
/* (overrides default overlay), currently green, 70% */
[class*="WaGadget"][class*="Overlay-BG-Purple"]:not([class*="control"],.WaGadgetSlideshow):before,
[class*="WaLayoutContainer"][class*="Overlay-BG-Purple"] td.WaLayoutItem:before,
.WaGadgetSlideshow[class*="Overlay-BG-Purple"] .camera_overlayer {
    background: rgba(122,110,218,.7);
}

/* Overlay-BG-Green */
/* (overrides default overlay), currently purple, 70% */
[class*="WaGadget"][class*="Overlay-BG-Green"]:not([class*="control"],.WaGadgetSlideshow):before,
[class*="WaLayoutContainer"][class*="Overlay-BG-Green"] td.WaLayoutItem:before,
.WaGadgetSlideshow[class*="Overlay-BG-Green"] .camera_overlayer {
    background: rgba(68,176,134,.7);
}

/* Overlay-BG-Orange */
/* (overrides default overlay), currently white, 30% */
[class*="WaGadget"][class*="Overlay-BG-Orange"]:not([class*="control"],.WaGadgetSlideshow):before,
[class*="WaLayoutContainer"][class*="Overlay-BG-Orange"] td.WaLayoutItem:before,
.WaGadgetSlideshow[class*="Overlay-BG-Orange"] .camera_overlayer {
    background: rgba(247,178,73,.7);
}

/* --- END BACKGROUND OVERLAYS --- */


/* --------------------------------- */
/* --- BACK TO TOP BUTTON --- */
/* --------------------------------- */

#backToTop{
    position: fixed;
    right: 25px;
    bottom: 80px;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: var(--color-primary-light);
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 18px rgba(0,0,0,0.2);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    z-index: 9999;
}

#backToTop.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#backToTop:hover{
    background: var(--color-accent);
    transform: translateY(-3px);
}

/* --------------------------------- */
/* --- BLOG --- */
/* --------------------------------- */

/*** HIDE AUTHOR ***/

.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedByLabel, 
.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedByLink,
.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedOn {
    margin-left: 0;
}

/*** HIDE BLOG META DETAILS ***/

.Hide-Blog-Meta .boxBodyInfoContainer {
    display: none;
}

/**** BLOG LIST ****/

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 30px;
    padding-top: 30px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    border-top: 1px solid var(--color-base-alt);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem:first-child {
    border-top: none;
}

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

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-blog-list-title);
}

/**** BLOG DETAIL ****/

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  font-size: 40px!important;
}

/*** END BLOG ***/

/* --------------------------------- */
/* --- BREADCRUMBS --- */
/* --------------------------------- */

.WaGadgetBreadcrumbs ul {
    font-size: var(--type-size-breadcrumb);
}

/*** Center Breadcrumb ***/
.WaGadgetBreadcrumbs.Center-Breadcrumb ul {
    text-align: center;
}

/* --------------------------------- */
/* --- BREADCRUMBS --- */
/* --------------------------------- */

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

/* --------------------------------- */
/* --- BUTTONS --- */
/* --------------------------------- */

/* Main 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 25px 8px 25px;
    -webkit-border-radius: var(--border-radius-lrg);
    -moz-border-radius: var(--border-radius-lrg);
    border-radius: var(--border-radius-lrg);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: var(--type-size);
    white-space: normal;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Arrow */
a.buttonStyle001::after, a:link.buttonStyle001::after,
a.buttonStyle002::after, a:link.buttonStyle002::after,
a.buttonStyle003::after, a:link.buttonStyle003::after,
a.buttonStyle004::after, a:link.buttonStyle004::after,
a.buttonStyle005::after, a:link.buttonStyle005::after {
    content: "→";
    font-size: 1.1em;
    line-height: 1;
    color: currentColor;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Main Buttons Hover */
a.buttonStyle001:hover,
a.buttonStyle002:hover,
a.buttonStyle003:hover,
a.buttonStyle004:hover,
a.buttonStyle005:hover {
    padding: 8px 22px 8px 28px;
}

/* Hover animation */
a.buttonStyle001:hover::after, a:link.buttonStyle001:hover::after,
a.buttonStyle002:hover::after, a:link.buttonStyle002:hover::after,
a.buttonStyle003:hover::after, a:link.buttonStyle003:hover::after,
a.buttonStyle004:hover::after, a:link.buttonStyle004:hover::after,
a.buttonStyle005:hover::after, a:link.buttonStyle005:hover::after {
    transform: translateX(3px);
}

/* Border for Styles 4 & 5 */

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: none!important;
}

/*
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-color: var(--color-primary)!important;
} */

/*** LARGE BUTTONS ***/

.Large-Button a.stylizedButton {
    padding: 15px 25px 15px 25px;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.Large-Button a.stylizedButton:hover {
    padding: 15px 25px 15px 25px;
}

/*** SMALL BUTTONS ***/

.Small-Button a.stylizedButton {
    padding: 5px 15px 5px 15px;
    font-size: var(--type-size-xsm);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.Small-Button a.stylizedButton:hover {
    padding: 5px 15px 5px 15px;
}

/* --- SYSTEM BUTTONS --- */

input.nextButton, 
input.typeButton,
input[type=submit],
.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background-color: var(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    -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,
.navigationOuterContainer .navigationContainer input.nextButton:hover, 
.navigationOuterContainer .navigationContainer input.typeButton:hover, 
.navigationOuterContainer .navigationContainer input[type=submit]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background-color: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {
    -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(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    border-radius: var(--border-radius-sm);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
    background: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
    border-radius: var(--border-radius-sm);
} 

#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton {
    font-size: var(--type-size-sm);
}

/* --- END BUTTONS --- */

/* --------------------------------- */
/* --- DIVIDERS - HORIZONTAL --- */
/* --------------------------------- */

.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: 1px;
    margin: 1.5rem 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);
}

/* -- END DIVIDERS -- */

/* --------------------------------- */
/* --- EVENTS --- */
/* --------------------------------- */

.WaGadgetEventsStateList h3.sectionTitle {
    display: none;
}

.pageTitleOuterContainer.idEventsTitleMainContainer {
    display: none;
}

.WaGadgetEventsStateList .boxesList {
    margin: 0;
    padding: 0;
}

.boxHeaderContainer {
    margin-bottom: 40px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    background-color: transparent;
    font-family: 'Montserrat','Lato','Arial',sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
    margin: 0;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 16px 16px 24px;
    background: #eef1f8;
    border-radius: 10px;
}

/* --------------------------------- */
/* --- FOOTERS --- */
/* --------------------------------- */

.zonePlace.zoneWAbranding {
    display: none;
}

#id_Footer2 {
    border-top: 1px solid #fff;
}

/* --------------------------------- */
/* --- 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-font-heading);
    font-size: 24px;
    font-weight: 400!important;
}

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

/* --------------------------------- */
/* --- HEADERS --- */
/* --------------------------------- */

.zonePlace.zoneHeader1 {
    border-bottom: 1px solid #fff;
}

.Header-Logo {

}

.Header-Login {
    float: right;
}

.Header-Search {
    float: right;
}

.Header-Social {
    float: right;
}

/* --------------------------------- */
/* --- ICONS --- */
/* --------------------------------- */

.Icon-Text-Small,
.Icon-Text-Medium,
.Icon-Text-Large {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Icon-Text-Small {
    padding: 2px 0 2px 50px;
    background-size: 30px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 40px;
    margin-bottom: 20px;
}

.Icon-Text {
    padding: 4px 0 4px 80px;
    background-size: 60px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 70px;
    margin-bottom: 30px;
}

.Icon-Text-Large {
    padding: 5pm 0 5px 110px;
    background-size: 80px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: top!important;
    min-height: 90px;
    margin-bottom: 40px;
}

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

.Image-Frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    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;
}

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

/* --------------------------------- */
/* --- LAYOUTS --- */
/* --------------------------------- */

.Hover-Lift .WaLayoutItem {
    transition: transform 0.3s ease;
}

.Hover-Lift .WaLayoutItem:hover {
    transform: translateY(-10px);
}

/* --- ROUND CORNERS ON LAYOUTS --- */

.Round-Columns-Simple 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: 0;
}

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

/**** LAYOUT COLUMNS WITH BORDERS ****/

.Border-Columns table {
    margin-bottom: 30px;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.Border-Columns-Accent table tr td.WaLayoutItem,
.Border-Columns-Faint table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

.Border-Columns table tr td.WaLayoutItem {
    border: 2px solid var(--color-base-alt);
}

.Border-Columns-White table tr td.WaLayoutItem {
    border: 2px solid var(--color-white);
}

.Border-Columns-Access table tr td.WaLayoutItem {
    border: 2px solid var(--color-white);
}

.Border-Columns-Faint table tr td.WaLayoutItem {
    border: 2px solid var(--color-faint-light);
}

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

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

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

/********************************************************/
/**** 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: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    -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,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    color: var(--login-button-text-color);
    background: var(--login-button-bg);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover,
.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 {
    color: var(--login-button-text-color-hover);
    background: var(--login-button-bg-hover);
}

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



/* ----------------------------------- */
/* --- 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 {
overflow: visible;
border-top: 1px solid var(--color-base-alt);
}

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

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 10px;
    height: 60px;
    font: 500 var(--type-size-sm)/60px var(--type-font-heading);
    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: 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;
}

/* HIGHLIGHT CURRENT MENU ITEM ANCESTORS */
/* works automatically for Horizontal and Vertical Menu gadgets (no extra class needed) */
/* currently allows initial hover styling on the ancestor */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:has(.sel)>.item>a:not(:hover),
.WaGadgetMenuVertical .menuInner ul.firstLevel>li:has(.sel)>.item>a:not(:hover) {
	color: var(--color-accent);
}

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

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border: none;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}

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

/* --------------------------------- */
/* --- MENU - STICKY MENU --- */
/* --------------------------------- */

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

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

.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 ul li>.item>a {
    font-size: 16px;
    padding-left: 35px;
    font-weight: bold;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li>.item>a {
    padding-left: 55px;
    font-weight: normal;
}

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

/*** LOGIN BUTTON ***/

.WaGadgetMobilePanel .mobilePanel .loginInner {
    padding: 20px;
    background: var(--color-primary);
    border-top: none;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'] {
    background: var(--color-primary-light);
    border: 1px solid #f9f5f5;
    color: #f9f5f5;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
    background: var(--color-primary-light);
    border: 1px solid #f9f5f5;
}

/* -- END -- */

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

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

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

/* --------------------------------- */
/* --- 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-font-body);
    border-radius: var(--border-radius-lrg);
}

input.searchBoxField:focus,
input.searchBoxField:hover {
    border: 2px solid var(--color-secondary);
    padding: 5px 20px 6px 25px;
}

/* --------------------------------- */
/* --- ROUND CORNERS --- */
/* --------------------------------- */

.Round-Corners {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.Round-Corners-Top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

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

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

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

.Hide-Thumbnails .camera_wrap {
    background: var(--color-white);
    margin-bottom: 0!important;
}

/*** END ***/

/* --------------------------------- */
/* --- SOCIAL LINKS --- */
/* --------------------------------- */

.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn,
.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter,
.WaGadgetSocialProfile.socialProfileStyle001 a.X,
.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 li a {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--color-primary);
}

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

/* --------------------------------- */
/* --- TYPOGRAPHY --- */
/* --------------------------------- */

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt), .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyleNone H1.h1Alt, .gadgetStyle002 h1.h1Alt,
.gadgetStyleNone H1.header, .gadgetStyle002 H1.header,
.gadgetStyleNone h2, .gadgetStyle002 h2,
.gadgetStyleNone h3, .gadgetStyle002 h3,
.gadgetStyleNone H4:not(.gadgetTitleH4):not(.h4Alt), .gadgetStyle002 H4:not(.gadgetTitleH4):not(.h4Alt),
.gadgetStyleNone H4.h4Alt, .gadgetStyle002 h4.h4Alt,
.gadgetStyleNone h5, .gadgetStyle002 h5 {
    font-family: "Montserrat", sans-serif;
}

.Home-Slogan h1.promo {
    font-family: "Montserrat", sans-serif;
    text-transform: none;
    font-weight: 800;
    text-align: left!important;
}

.Page-Title h1 {
    margin: 0!important;
    text-transform: none;
    font-family: "Montserrat", sans-serif;
    text-align: center!important;
    font-weight: 800;
    font-size: 3rem;
}

.gadgetStyleNone h2,
.gadgetStyle002 h2 {
    font-size: 2.2rem;
    font-weight: 700;
}

.gadgetStyleNone h3,
.gadgetStyle002 h3 {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 300;
}

.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, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
    font-size: 1.80rem;
}

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

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

.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-family: var(--type-font-heading);
}

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

/* --- END TEMPORARY --- */

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

@media (max-width: 1240px) {

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

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

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

}

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

@media (max-width: 1080px) {

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

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

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: none!important;
    display: block;
    width: 100%!important;
    clear: both;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    margin-bottom: 40px;
    float: none;
    width: 100%!important;
}

}

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

/* Sticky Mobile Header */
@media screen and (max-width: 991px) {

    .WaPlaceHolderHeader {
        position: sticky;
        top: 0;
        z-index: 9999;
    }

}

/*******************************************************/
/**** MOBILE SMALL ****/
/*******************************************************/

@media (max-width: 767px) {

body {
    background-image: none;
    }

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

.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-Accent .WaLayoutItem,
.Column-Dividers-Accent .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-Accent .WaLayoutItem:last-child,
.Dividers .WaLayoutItem:last-child,
.Column-Dividers-White .WaLayoutItem:last-child,
.Column-Dividers-Faint .WaLayoutItem:last-child,
.Column-Dividers-Accent .WaLayoutItem:last-child,
.Column-Dividers .WaLayoutItem:last-child {
    border-bottom: none;
}

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

/* FIXED HEIGHT SLIDESHOW FIX FOR MOBILE  */
.WaGadgetSlideshow.mobileHeightFix .camera_wrap,
.WaGadgetSlideshow.mobileHeightFix .camerarelative {
    height: 300px !important;
}

/* the following is a quick way to adjust image proportions/etc. to help with the new height above but is not a one size fits all scenario */
.WaGadgetSlideshow.mobileHeightFix .cameraSlide img {
    width: 250% !important;
    height: auto !important;
    margin-left: -60% !important;
    margin-top: -25% !important;
}

#backToTop{ 
    width: 40px;
    height: 40px;
    font-size: 22px;
}

}