.SocietyLogo {
    min-height: 130px;
    padding: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.SocietyLogo img {
    max-height: 100px;
}

/**** REMOVE WA BRANDING ****/
.zonePlace.zoneWAbranding {
    display: none;
}

/**** CHANGE PAGE WIDTH - START ****/

.WaPlaceHolder { 
    max-width: 1400px; 
} 

.zonePlace {
    padding: 0 20px;
} 




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

/**** STYLE 1 - BORDER ****/

.WaGadgetContentAccordion {
    margin-bottom: 0;
    border-bottom: 2px solid #ececec;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    padding: 20px 60px 20px 0px!important;
    background-image: url(/resources/Site/Icons/accordion-icon-open.svg);
    background-color: #ffffff;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px 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;   
    -ms-transition: all 0.2s ease-in-out;          
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    padding: 20px 60px 20px 20px!important;
    cursor: pointer;
    background-image: url(/resources/Site/Icons/accordion-icon-close.svg);
    background-color: #ececec;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    cursor: pointer;
    background-color: #ffffff;
}

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
}

.WaGadgetContentAccordion .gadgetStyleBody, .WaGadgetContentAccordion .gadgetStyleBody {
    padding: 30px 20px 30px 20px;
    background-image: url(/resources/Site/Icons/accordion-body-down-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: -10px;
    background-size: 32px;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 20px!important;
    font-weight: 400!important;
    color: #1a1a1a;
    text-transform: none;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover h4 {
    color:#f15930;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle:hover {
    background-color: #ececec;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle h4 {
    color:#f15930;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle:hover h4 {
    color:#1a1a1a;
}

/*** END ***/


/*****************************************************************/
/**** BACKGROUNDS ****/
/*****************************************************************/

body {
    background-color: #fff;
    background-image: none;
}

.zonePlace.zoneHeader3 {
    background-size: cover;
}

/*** END ***/


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

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

/*
.WaGadgetBlog .controlPanel {
    display: none
}

.WaGadgetBlog .controlPanel .toggleButton {
    z-index: 2;
    display: none;
}

.WaGadgetBlog .controlPanel .controlPanelInner {
    display:none
}

.blogPostBody.gadgetBlogEditableArea {
    margin-left: 0;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .controlPanel ~ .boxHeaderOuterContainer {
    margin-left: 0;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .controlPanel ~ .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    margin-left: 0;
} */

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 0;
    padding-top: 25px;
    border-top: 1px dashed #ececec;
}

#PAGEID_1513944 .blogPostBody.gadgetBlogEditableArea, #PAGEID_1854528 .blogPostBody.gadgetBlogEditableArea {
    display: none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink {
    display:none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-bottom: 10px!important;
}

/**** TOGGLE BUTTON ****/

.WaGadgetBlog .controlPanel .toggleButton {
    background: #1f272b;
    color: #fff;
}

.WaGadgetBlog .controlPanel .toggleButton:hover {
    background: #1f272b;
    color: #ffc50b;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn {
    visibility: visible;
    margin-left: 0;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 {
    color: #1a1a1a;
    font-size: 15px;
}

.WaGadgetBlog .controlPanel .controlPanelInner a {
    background: #1f272b;
    color: #ffffff;
}

.WaGadgetBlog .controlPanel .controlPanelInner a:hover {
    background: #1f272b;
    color: #ffc50b;
}

/*** END ***/


/*****************************************************************/
/**** BOARD MEMBERS ****/
/*****************************************************************/

.WaGadgetFeaturedMember ul.layoutHorizontal li .img img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

/**** END ****/


/*****************************************************************/
/**** BREADCRUMBS ****/
/*****************************************************************/

.WaGadgetBreadcrumbs {
    font-size: 14px;
}

/*** END ***/


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

ul.ArrowList {
    list-style: none;
    margin: 0;
}

ul.ArrowList li {
    padding: 5px 0 5px 35px;
    background-image: url(/resources/Site/Icons/link-arrow-right-dark.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
}

/*** END ***/


/*****************************************************************/
/**** BUTTONS ****/
/*****************************************************************/

a.stylizedButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color 0.3s ease-in-out;
    text-decoration: none!important;
    font-weight: 400;
}

.FeatureButton a.stylizedButton, .FeatureButtonLarge a.stylizedButton {
    width: 100%;
    text-transform: uppercase;
    text-align: left;
}

.FeatureButton a.stylizedButton {
    padding: 16px 48px 16px 16px;
    font: normal 18px/100% 'Ubuntu', sans-serif;
    background-size: 16px;
    background-image: url(/resources/Pictures/Icons/arrow-right-circle-fill-white.svg);
    background-repeat: no-repeat!important;
    background-position: right 16px center;
}

.FeatureButton a.stylizedButton:hover {
    background-size: 16px;
    background-image: url(/resources/Pictures/Icons/arrow-right-circle-fill-white.svg);
    background-repeat: no-repeat!important;
    background-position: right 16px center;
}

.FeatureButtonLarge a.stylizedButton {
    font: normal 22px/100% 'Ubuntu', sans-serif;
    padding: 25px 75px 25px 25px;
    background-size: 24px;
    background-image: url(/resources/Pictures/Icons/arrow-right-circle-fill-white.svg);
    background-repeat: no-repeat!important;
    background-position: right 20px center;
}

.FeatureButtonLarge a.stylizedButton:hover {
    background-size: 24px;
    background-image: url(/resources/Pictures/Icons/arrow-right-circle-fill-white.svg);
    background-repeat: no-repeat!important;
    background-position: right 20px center;
}

.FeatureButtonLarge.EventsButton a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/icon-calendar-white.svg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: right 25px center;
    padding-right: 70px;
}

/*** END ***/


/*****************************************************************/
/**** CUSTOM CLASSES - MISC ****/
/*****************************************************************/

/**** EXECUTIVE MEMBERS ****/

.ExecutiveMember table tr td.WaLayoutItem:first-child {
    width: 15%!important;
    text-align: center;
}

.ExecutiveMember table tr td.WaLayoutItem:last-child {
    width: 85%!important;
}

.ExecutiveMember table tr td.WaLayoutSeparator {
    width: 30px;
}

/**** LITERATURE UPDATES ****/

.LiteratureUpdates .WaGadgetContent {
    margin-bottom: 40px;
    border-left: 8px solid #ececec;
    padding-left: 40px;
    background-position-x: -20px;
    background-position-y: 50%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.LiteratureUpdates .WaGadgetContent:hover {
    border-left: 8px solid #c91f39;
    background-image: url(/resources/Pictures/Icons/triangle-arrow-right-red.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: -5px;
    background-position-y: 50%;
}

/**** TWITTER FEED ****/

.TwitterFeed {
    padding: 30px 30px 20px 30px;
    border: 4px solid #ececec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**** MEMBERSHIP FEES ****/

.MembershipFees {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 6px solid #f15930;
    margin-bottom: 20px;
    -webkit-transition: border-width 0.2s ease-in-out;
    -moz-transition: border-width 0.2s ease-in-out;
    -o-transition: border-width 0.2s ease-in-out;
    transition: border-width 0.2s ease-in-out;
}


.MembershipFees:hover {
    border-left: 10px solid #f15930;
}

.MembershipFees .gadgetStyleTitle {
    padding-bottom: 15px;
}

/**** END MISC STYLES ****/

/*****************************************************/
/**** DIRECTORY ****/
/*****************************************************/

div#membershipDetailsContainer .fieldBody {
    display: none;
}

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

/**** Remove padding at top of list ****/

.WaGadgetEventsStateList .boxesList {
    padding: 0 0 30px 0;
}

/**** Events Title container bottom margin ****/

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin: 0;
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #ececec;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin: 0 0 30px 0!important;
}

.WaGadgetEventsStateList .boxesList .boxesListItem:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

/*** END ***/


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

.zonePlace.zoneFooter2 {
    background-repeat: no-repeat;
    background-position: center bottom -2px;
    background-size: 100%;
}

/*** END ***/


/*****************************************************************/
/**** GADGETS ****/
/*****************************************************************/

.gadgetStyleNone .gadgetStyleTitle h4.gadgetTitleH4, .gadgetStyle001 .gadgetStyleTitle h4.gadgetTitleH4, .gadgetStyle002 .gadgetStyleTitle h4.gadgetTitleH4 {
    margin-bottom: 0!important;
    text-transform: none;
    font-size: 1.5em;
    font-weight: 400;
}

.gadgetStyle001 .gadgetStyleBody, .gadgetStyle002 .gadgetStyleBody {
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.WaGadgetSocialProfile.gadgetThemeStyle.LightSocial li a {
    color: #ffffff;
}

.WaGadgetSocialProfile.gadgetThemeStyle.LightSocial li a:hover {
    color: rgba(255,255,255,0.8);
}

/*** END ***/


/*****************************************************************/
/**** HEADER ****/
/*****************************************************************/

.zonePlace.zoneHeader3Home {
    background-position-x: right;
    background-position-y: bottom;
}

.zonePlace.zoneHeader3 {
    background-size: cover;
    background-position-y: center;
}

.zonePlace.zoneHeader3Home > DIV {
    width: 100%;
    max-width: 100%;
}

.HeaderLogo, .HeaderName {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.HeaderLogo {

}

.HeaderName {

} 

.HeaderName h3 {

}

.HomeHero {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.HomeHeroText {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

/*** END ***/


/*****************************************************************/
/**** HOME FEEDS ****/
/*****************************************************************/

.HomeFeeds table tbody tr td.WaLayoutItem {
    border: 2px solid #ececec;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**** END ****/


/*****************************************************************/
/**** LEFT ICON ****/
/*****************************************************************/

.LeftIcon {
    padding-left: 60px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LeftIconLarge {
    padding-left: 70px;
    background-size: 50px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LeftIconLarge h2 {

}

.LeftIconSmall {
    padding-left: 40px;
    background-size: 24px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.LeftIconSmall p {
    line-height: 24px;
}

.LeftIcon2 {
    padding: 30px 30px 30px 80px;
    background-size: 36px;
    background-repeat: no-repeat!important;
    background-position-x: 20px!important;
    background-position-y: center!important;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MemberBenefits .WaLayoutItem .WaGadgetContent {
    padding: 20px 20px 20px 70px;
    background-size: 30px;
    background-image: url(/resources/Site/Icons/check-mark-black-fill.svg);
    background-repeat: no-repeat!important;
    background-position-x: 20px!important;
    background-position-y: center!important;
    background-color: #ECECEC;
    margin-bottom: 5px;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/**** END LEFT ICON ****/


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

.WaGadgetLoginForm .loginContainer .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #1a1a1a;
    color: #fff;
    font-size: 17px;
}

.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 {
    font: normal 18px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
    font: normal 18px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
    background: #c91f39;
    color: white;
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: #c91f39;
    color: white;
} 

/**** END LOGIN ****/


/*****************************************************************/
/**** MAIN MENU ****/
/*****************************************************************/

/**** Hide Home Button ****/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child {
    display: none;
}

.WaGadgetMenuHorizontal .menuInner {
    background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.4);
}

/**** END ****/


/*****************************************************************/
/**** MENU - VERTICAL SUB MENU ****/
/*****************************************************************/

.WaGadgetMenuVertical.gadgetStyleNone ul ul.secondLevel {
    right: 100%;
    left: auto;
}

.WaGadgetMenuVertical.gadgetStyleNone .menuInner ul.firstLevel ul li > .item > a {
    text-transform: none;
    text-shadow: none;
    font-size: 16px;
    font-family: inherit;
    margin: 0;
    padding: 6px 20px;
    background-color: #ececec;
}

/*****************************************************************/
/**** MENU - CUSTOM MENU ****/
/*****************************************************************/

/**** BASIC STYLE ****/

.WaGadgetCustomMenu.menuStyleNone ul.alignRight li a {
    line-height: 40px;
    font-size: 16px;
}

/**** STYLE 1 ****/

.WaGadgetCustomMenu.menuStyle001 ul li a {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.WaGadgetCustomMenu.menuStyle001 ul li:first-child a {
    background-color: #f15930;
}


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

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

/*** END ***/


/*****************************************************************/
/**** SCROLLBARS - FORCE SCROLLBARS ON EVERY PAGE ****/
/*****************************************************************/

html {
    overflow-y: scroll;
}

/****  END ****/


/*****************************************************************/
/**** SEARCH ****/
/*****************************************************************/

.WaGadgetSiteSearch .searchBoxField {
    box-sizing: border-box;
    width: 600px;
    max-width: 100%;
    padding: 11px 20px 11px 3em;
    vertical-align: top;
}

/*** END ***/


/*****************************************************************/
/**** SHADOWS ****/
/*****************************************************************/

.ShadowColumns table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*** END ***/


/*****************************************************************/
/**** SIDEBAR FEEDS ****/
/*****************************************************************/

.SidebarFeed {
    border: 5px solid #ececec;
    background: url(/resources/Site/SidebarFeed-CornerBG.png) top right no-repeat;
}

.WaGadgetUpcomingEvents.SidebarEvents.gadgetStyle001 {
    background: #e7ebf1;
}

.WaGadgetRecentBlogPosts.SidebarNews.gadgetStyle002 {
    background: #002d72;
}

/*** END ***/


/*****************************************************************/
/**** SLIDER WITH CAPTIONS ****/
/*****************************************************************/

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 50px!important;
    left: 50px;
    margin-right: 50px;
    display: block;
    width: auto;
    background: rgba(227,176,19,0.9);
}

.CaptionSlider .camera_caption>div {
    padding: 17px 30px;
    color: white;
    font-size: 24px;
    line-height: 1em;
    font-weight: normal;
    font-family: "din-2014",sans-serif!important;
}

.camera_thumbs_cont {
    display: none;
}

div#camera_wrap_6RQT14d {
    margin-bottom: 0!important;
}

/*** END ***/


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

.WaGadgetSocialProfile .orientationHorizontal li {
    margin: 10px 0 0 5px;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a {
    width: 40px;
    height: 40px;
    background: #ffffff;
    color: #c91f39;
    font-size: 20px;
    line-height: 40px;
    border: 2px solid #ececec;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
    border-color: #1a1a1a;
    background-color: #ffffff;
}

.WaGadgetSocialProfile.LightSocial .orientationHorizontal li {
    margin: 10px 0 0 10px;
}

.WaGadgetSocialProfile.LightSocial.gadgetThemeStyle2 li a {
    width: 40px;
    height: 40px;
    background: transparent;
    color: white;
    font-size: 20px;
    line-height: 40px;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.WaGadgetSocialProfile.LightSocial.gadgetThemeStyle2 li a:hover {
    border-color: #0077C8;
    background-color: transparent;
}

/*** END ***/


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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h1promo, h1.promo {
  font-family: "din-2014",sans-serif!important;
}

.h1, h1:not(.promo), .PageTitle h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    margin-bottom: 0.75em!important;
}

.PageTitle h1, .PageTitle p {
    color: #fff;
    text-align: left;
    width: 65%;
}

h1 {
    text-transform: none;
    font-weight: 400;
}

.h2, h2 {
    font-size: 36px;
    font-weight: 400;
}

.h3, h3 {
    color: #f15930;
    font-size: 30px;
    font-weight: 400;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    font-size: 24px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-bottom: 0!important;
}

/*** END ***/


/*****************************************************************/
/**** RESPONSIVE STYLES ****/
/*****************************************************************/

/**** SMALL DESKTOP ****/

@media screen and (max-width: 1279px) {

.HomeHeroText {

}
}

/**** TABLET ****/

@media screen and (max-width: 1000px) and (min-width: 768px) {

.SliderContainer-67-33 table tr td:first-child, .SliderContainer-67-33 table tr td:last-child {
    width: 50%!important;
}

.HeaderName h3 {
    font-size: 18px;
}

.CenterFooterContent p {
    text-align: center;
}
}

/*****************************************************************/
/**** MOBILE STYLES ****/
/*****************************************************************/

@media screen and (max-width: 767px) {

.WaGadgetCustomMenu.menuStyleNone ul.alignRight {
    text-align: -webkit-center;
}

.HideForMobile {
    display: none;
}

.WaGadgetLoginForm .alignRight, .WaGadgetLoginForm .authenticated.alignRight .loginPanel {
    text-align: -webkit-center;
}

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

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

.zonePlace.zoneHeader3 {
    background-size: initial;
    background-position-x: left!important;
}

.HeaderLogo p, .HeaderName p, .HeaderName h3 {
    text-align: center;
}

.PageTitle h1, .PageTitle p {
    text-align: center;
    width: 100%;
}

.HeaderLogo {
    margin-bottom: 20px!important;
    margin-top: 20px;
}

.HeaderName {
    padding:10px;
}

.HeaderName h3 {
    font-size: 20px;
}

.HomeHero {
    padding-bottom: 0;
}

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 0px!important;
    left: 0px;
    margin-right: 0;
}

.CaptionSlider .camera_caption>div {
    font-size: 18px;
}

h1 {
    font-size: 32px!important;
}

div#camera_wrap_QpsfDdo {
    height: 300px!important;
}

.zonePlace.zoneFooter2 {
    background-position: center bottom -2px;
    background-size: initial;
}

.PageTitle h1, .PageTitle p {
    text-align: center;
}

.CenterFooterContent p {
    text-align: center;
}

.ExecutiveMember table tr td.WaLayoutItem:first-child {
    width: 100%!important;
    text-align: center;
}

.ExecutiveMember table tr td.WaLayoutItem:last-child {
    width: 100%!important;
    text-align: center;
}

}