/* Code to change page width START */
.WaPlaceHolder {
    width: 1400px;
    max-width: 100%;
}
/* Code to change page width END */

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

/**** FORCE SCROLL BARS ****/
html {
  overflow-y: scroll;
}

/*** END ***/


/*********************************************************************/
/****** HOME STYLES ******/
/*********************************************************************/

/**** HOME HERO ****/
.HomeHero {
    padding: 220px 0 50px 0;
}

.HomeSlogan {
    width: 1400px;
    max-width: 100%;
    margin:0 auto;
    background-color: rgba(44,158,90,0.9)!important;
    padding: 30px 30px;
    -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;
}

.HomeSlogan h3 {
    font-size: 22px;
}

.HomeFeed {
    background-color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px 30px 60px 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*** END HOME HERO ***/



/*********************************************************************/
/****** LAYOUTS ******/
/*********************************************************************/

.zonePlace.zoneHeader1 {
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.zonePlace.zoneHeader1 > DIV {
    width: 100%!important;
}

div#id_Header1 {
    background-position: center top!important;
}

.zonePlace.zoneHeader2 {
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
}

.zonePlace.zoneHeader2 > DIV {
    width: 100%!important;
}

.HeaderContainer {
    width:1400px;
    max-width:100%; 
    padding: 0 20px; 
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

td#id_OxOWgzA {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
} 

.HeaderLogo {
    padding: 20px 0 20px 0;
    margin: 0;
}

td#id_UVVYeHB {
    margin-top: 0!important;
}


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

.WaGadgetSiteSearch {

}

.WaGadgetSiteSearch .searchBoxField {
    width: 320px;
    max-width: 100%;
    padding-left: 50px;
    height: 50px;
}

input[type=text], select, textarea {
    border: 2px solid #dee7ee;
    color: #999;
    font: normal 16px/1.3 'Ubuntu', sans-serif!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    left: 1em;
    color: #6faf4c;
}

/*** END SEARCH ***/


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

.WaGadgetLoginForm .loginContainer .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    padding-left: 15px;
    height: 40px !important;
    background: #2C9E5A!important;
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    height: 40px!important;
    color: #FFFFFF;
}

.WaGadgetLoginForm .loginContainer .loginLink:before {
    position:static !important;
    float: right !important;
    width: auto !important;
    height: auto !important;
    padding-right: 15px !important;
    padding-left: 10px !important;
    font: normal 18px/40px 'WA-theme-icons'!important;
}

.WaGadgetLoginForm .loginContainer .loginContainerInner {
    position: relative;
    float: right;
}

#idHeaderContentHolder .languageToggleContainer {
    text-align: right;
    margin-left: 15px!important;
}

.WaGadgetLoginForm .loginButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    min-width: 60px;
    margin: 0;
    padding: 10px 18px 11px;
    background: #0f4b5e;
    border: 0;
    color: white;
    font-family: 'Roboto Condensed','Arial',sans-serif;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*** END LOGIN ***/


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

.WaGadgetMenuHorizontal {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}

.WaGadgetMenuHorizontal .menuInner {
    background: transparent;
}

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

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: 24px;
    padding: 18px 13px 18px;
    color: #FFF;
    font: 300 18px/24px 'Roboto Condensed', sans-serif!important;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
    margin: 0;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
    padding: 10px 15px 9px;
    font: normal 16px/18px 'Ubuntu',sans-serif;
    text-transform: none;
}
/*** END MAIN MENU ***/


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

.WaGadgetBreadcrumbs ul {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    font-size: 14px;
}

/*** END BREADCRUMBS ***/


/*********************************************************************/
/****** VERTICAL MENU ******/
/*********************************************************************/

.WaGadgetMenuVertical {
    margin-bottom: 0!important;
}

.WaGadgetMenuVertical ul.firstLevel {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 6px;
}

.WaGadgetMenuVertical ul.firstLevel li:first-child {
    padding-top: 12px;
}

.WaGadgetMenuVertical ul.firstLevel li:last-child {
    padding-bottom: 12px;
}

.WaGadgetMenuVertical .menuInner {
    padding-bottom: 30px;
}

.WaGadgetMenuVertical ul.firstLevel>li.dir>.item>a span:after {
    height: 20px;
    font: 12px/20px 'Arial';
}


/*** HIDE SECOND LEVEL FLYOUT MENU ***/

.WaGadgetMenuVertical .menuInner ul ul {
  display:none !important;
  position:static;
}

/*** Second Level - Open State - Background Color ***/

.WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel > ul {
  background-color: transparent;
}

/*** Second Level - Open State for Second and Third Levels ***/

.WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel.dir ul, .WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel.dir ul ul {
    background-color: transparent;
    display: block !important;
    height: auto;
    opacity: initial;
    visibility: visible;
    width: initial;
    position: initial;
    margin-bottom: 0;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel ul li:first-child {
    padding-top: 0;
}

.WaGadgetMenuVertical ul ul li>.item>a, .WaGadgetMenuVertical ul ul li>.item>a:link {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px 30px 8px 40px;
    text-transform: none!important;
    background-color: transparent;
    white-space: normal;
    border-bottom: 1px dotted rgba(255,255,255,0.2);
}

/*** END VERTICAL MENU ***/


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

.FeatureButton2, .FeatureButton3 {
    margin-bottom: 4px;
}

.FeatureButton a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    padding: 15px 30px;
    text-transform: none;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.FeatureButton.ArrowRight a.stylizedButton {
    background-image: url(/resources/Pictures/Theme/Icons/arrow-right-white.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
}

.FeatureButton2 a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.1);
    white-space: normal;
    padding: 15px 25px;
    text-transform: none;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 300;
}

.FeatureButton2 a.stylizedButton:hover {
    background-color: rgba(255,255,255,0);
}

.FeatureButton3 a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(202,215,215,0.5);
    white-space: normal;
    padding: 15px 25px;
    text-transform: none;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 300;
    color: #0f4b5e;
}

.FeatureButton3 a.stylizedButton:hover {
    background-color: rgba(202,215,215,0);
}

.FeatureButtonSmall a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    font: normal 16px/100% 'Roboto Condensed','Arial',sans-serif;
    padding: 15px 30px;
    text-transform: uppercase;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
}

.FeatureButtonSmall.ArrowRight a.stylizedButton {
    background-image: url(/resources/Pictures/Theme/Icons/button-arrow-right-white.svg);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 70px;
}


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

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

.author {
    display: none!important;
}

.WaGadgetRecentBlogPosts ul li .date:after {
    display:none;
}

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

/** END **/


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

.WaGadgetEventsStateDetails {
    padding: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/** END **/


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

.SidebarFeed {
    padding:20px 30px 30px 30px;
    background-color: #ffffff;
    -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;
}

.SidebarFeedHeadline {
    padding: 30px 30px 0 30px;
    background-color: #ffffff;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.SidebarFeedHeadline H3 {
    margin:0!important;
    padding:0;
}

/** END **/


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

.RoundCorners {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.RoundCornersTop {
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

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

/**** END ROUND CORNERS ****/


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

.Shadow {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
}

/*** SHADOWS END ***/


/*********************************************************************/
/**** HEADLINE ICONS ****/
/*********************************************************************/

.WaGadgetHeadline.LeftIcon {
    padding-left: 68px;
    background-size: 48px;
    border-bottom: 1px solid #cbd8d9;
    margin-bottom: 20px;
    background-repeat: no-repeat!important;
}

.WaGadgetHeadline.LeftIcon h3 {
    font-size: 26px;
    line-height: 48px;
    margin-bottom: 15px!important;
}

.WaGadgetHeadline.RightIcon {
    padding-right: 68px;
    background-size: 48px;
    margin-bottom: 0;
    background-repeat: no-repeat!important;
    background-position: top right;
}

.WaGadgetHeadline.RightIcon h3 {
    font-size: 26px;
    line-height: 48px;
    margin-bottom: 10px!important;
}

/**** END HEADLINE ICONS ****/


/*********************************************************************/
/****** CONTENT 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 #cbd8d9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    font-size: 18px;
    padding: 15px 60px 15px 20px;
    background-image: url(/resources/Pictures/Theme/Icons/accordion-arrow-down.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    border: 1px solid #ECF1F3;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    cursor: pointer;
    background-image: url(/resources/Pictures/Theme/Icons/accordion-arrow-up.svg);
}

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

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

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 20px 30px 20px;
    border-top: 2px solid #ECF1F3;
}

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

/*
.WaGadgetContentAccordion .gadgetStyleTitle h4.gadgetTitleH4:after {
    content: "+";
    float: right;
    color: #2c9e5a;
    cursor: pointer;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle h4.gadgetTitleH4:after, .WaGadgetContentAccordion.opened .gadgetStyleTitle h4.gadgetTitleH4:after {
    content: "-";
    float: right;
    color: #2c9e5a;
    cursor: pointer;
} */

/**** END CONTENT ACCORDION ****/


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

h1, .h1, h2, h3, h4, h5 {
    font-family: 'Roboto Condensed'!important;
    font-weight: 300;
}

h1, .h1 {
    font-size: 32px;
}

/**** END TYPOGRAPHY ****/


/*********************************************************************/
/**** LISTS ****/
/*********************************************************************/

[class*='EditableArea'] ul li {
    margin: 0 0 0 15px;
    padding: 0 0 12px 0;
}

ul.paddedList li {
padding: 20px 0!important;
border-bottom: 1px dotted #ccc;
} 

/**** END LISTS ****/



/*********************************************************************/
/****** LANGUAGE TOGGLER ******/
/*********************************************************************/

/*
	Hide the Language Toggler
	if work in progress
*/

/*
.languageToggleContainer {
     display:none !important;
}
*/


/*
	Set up the editable "Header" area to 
	allow positioning of the Language Toggler
*/

#idHeaderContentHolder .WaGadgetLoginForm {
	position: relative;
}


/* 
	Position the Language Toggler 
	within the Header
*/

#idHeaderContentHolder .languageToggleContainer {
    display:inline-block;
    float:right;
    text-align:right;
    margin-left:15px!important;
}


/* 
	Position the Language Toggler 
	within the Mobile Panel
*/

#id_MobilePanel .languageToggleContainer {	 
	position:absolute;
	right:50px;
}

#id_MobilePanel .mobilePanelButton.buttonAdmin + .languageToggleContainer {
	right:100px;
}

/* 
	Style the Language Toggler 
	within the Header (and Mobile Panel)
*/

.WaGadgetLoginForm .languageToggleContainer a {
    cursor: pointer;
    display: inline-block;
    color: #FFF;
    background-color: #0F4B5E;
    font: 16px/40px 'Roboto Condensed', sans-serif!important;
    text-transform: uppercase;
    letter-spacing: 0;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0px 20px;
    height: 40px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.WaGadgetLoginForm .languageToggleContainer a:hover {
    background-color: #296578;
}

/* 
	Override the Language Toggler Style
	within the Mobile Panel
*/

#id_MobilePanel .languageToggleContainer a {
	color: #FFF;
	background-color: transparent;
	height: 50px;
	line-height:50px;
	padding-top:0px;
	padding-bottom:0px;
}

#id_MobilePanel .languageToggleContainer a:hover {
	color: #296578;
}

/* 
	Hide the Menu Items by default to avoid page lag 
	and triggering the new WA Ver. 5 Phantom Responsive Menu.
	Then reset to table-cell when "visible" class exists via jquery
	Also accommodates the mobile responsive menu.
*/

/* This HAS to be used in order for the menu to work properly */

#id_Header1 .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li,
#id_MobilePanel .WaGadgetMobilePanel .menuInner ul.firstLevel > li {display:none;}

#id_Header1 .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.visible li,
#id_MobilePanel .WaGadgetMobilePanel .menuInner ul.firstLevel > li.visible li {display:block !important;} 

#id_Header1 .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.visible,   
#id_Header1 .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.phantom {display:table-cell !important;}

#id_MobilePanel .WaGadgetMobilePanel .menuInner ul.firstLevel > li.visible,
#id_Header1 .WaGadgetMenuHorizontal .menuInner ul.firstLevel[style*="display: block"] > li.visible {
display:block !important;
}

/*** END LANGUAGE TOGGLER ***/


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

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

.HeaderLogo {
    text-align: center;
    padding: 20px 0 10px 0;
    margin: 0;
}

.HomeHero {
    padding: 160px 0 0px 0;
}

.HomeSlogan h3 {
    font-size: 22px!important;
}

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

.WaGadgetSiteSearch .searchBoxField {
    width: 800px;
    max-width: 100%;
}

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

.h3, h3 {
    font-size: 26px;
    line-height: 1.35;
}

}