/**** BANNER IMAGES ****/

.BannerImage {

}

.TransparentHeading, .PageTitle {
    background-color: rgba(0,0,0,0.4);
}

.TransparentHeadingTan, PageTitle {
    background-color: rgba(153,141,97,0.7);
}

.gadgetStyle001.WaGadgetHeadline.PageTitle .gadgetStyleBody,
.gadgetStyle002.WaGadgetHeadline.PageTitle .gadgetStyleBody {
    padding: 20px!important;
}


/*******************************************************/
/**** BREADCRUMB ****/
/*******************************************************/

.WaGadgetBreadcrumbs ul {
    font-size: 14px;
    text-align: right;
}

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

.zonePlace.zoneWAbranding {
    display: none;
}

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

.gadgetStyle002.WaGadgetHeadline .gadgetStyleBody {
    padding: 20px;
}

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

.HeaderName {
    margin-top: 10px;
}

.HeaderLogin {
    float: right;
    margin-left: 20px;
}


/*******************************************************/
/**** HOME PAGE ****/
/*******************************************************/

.HomeEventImage {
    min-height: 200px;
    margin-bottom: 0!important;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a {
    font-size: 20px;
}

.HomeHero img {
    display:block;
    vertical-align: bottom;
}

.gadgetStyle002 .gadgetStyleBody {
    padding: 20px;
}

.FeaturedEvents img {
    display: block;
    vertical-align: bottom;
}


/*******************************************************/
/**** LAYOUT ****/
/*******************************************************/

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

.WaGadgetLoginForm .loginContainer .loginLink, 
.WaGadgetLoginForm .authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    background-color: #B6AD8D;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato','Arial',sans-serif;
}

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

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

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    background: #B6AD8D;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover {
    background: #968B65;
    color: white;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    color: #fff;
    background: #B6AD8D;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
    background: #968B65;
    color: white;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: #968B65;
    color: white;
}

/**** DROP DOWN ****/

.WaGadgetLoginForm .loginContainer .loginContainerInner .loginPanel .loginContainerForm form [class$="TextBox"] input[class$="TextBoxControl"] {
    background-color: #fff;
}

.WaGadgetLoginForm .loginContainer .loginContainerInner .loginPanel .loginContainerForm form .loginAction input.loginButton {
    color: #FFFFFF;
    background: #963D06;
}

.WaGadgetLoginForm .loginContainer .loginContainerInner .loginPanel .loginContainerForm form .loginAction input.loginButton:hover {
    color: #FFFFFF;
    background: #212121;
}

/*** END LOGIN FORM ***/


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

/* Removes First Link in Menu (Home link) */
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li:first-child {
    display: none;
}

/* Normal State */

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 10px 16px;
    font: 400 16px/23px 'Verdana','Arial',sans-serif!important;
    text-transform: none;
}

/* Hover State */

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:hover>a {
    background: 0;
    color: #B6AD8D;
}


/*****************************************************************/
/**** SCHOOL TRIPS ****/
/*****************************************************************/

.SchoolTripsBannerImage, .BannerImage {
    padding-top: 450px;

}


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

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
    padding: 4px 0;
    color: #222;
    font: bold 16px/1.5 'Lato','Arial',sans-serif;
    text-transform: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item:hover>a {
    background: 0;
    color: #963D06;
}

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



/*******************************************************/
/**** SLIDER ****/
/*******************************************************/

.camera_wrap {
    background: #fff;
}


/*******************************************************/
/**** TOP BUTTONS ****/
/*******************************************************/

.TopButtons {
    float:right;
    margin-left: 30px;
}


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

/*
h1, .h1 {
    text-transform: none!important;
    font-weight: 300!important;
    font-size: 3rem!important;
}

H1.promo, .gadgetStyleNone H1.promo {
    text-transform: none!important;
    font-weight: 300!important;
    font-size: 4rem!important;
}

H1.h1Alt, .gadgetStyleNone H1.h1Alt {
    font-size: 1.3rem!important;
} */

.h2, h2 {
    margin: 1.8em 0 0.3em;
    text-transform: none;
}


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

@media (max-width: 1630px) {

}

/*** END ***/


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

@media (max-width: 1240px) {

.SchoolTripsBannerImage, .BannerImage {
    padding-top: 400px;
}

}
/*** END ***/



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

@media (max-width: 767px) {

.HideForMobile {
    display:none!important; 
}

.TopButtons {
    float:none;
    margin-left: 0;
}

.TopButtons a.buttonStyle001, a:link.buttonStyle001 {
    padding: 8px 15px;
    font-size: 14px;
}

.HeaderLogin {
    display: none;
}

.HeaderName {
    margin-top: 0;
}

.HeaderLogo {
    padding: 15px 0;
}

.HeaderLogo p {
    text-align: center!important;
}

.HeaderLogo img {
    width: 280px!important;
}

H1.promo, .gadgetStyleNone H1.promo {
    text-transform: none!important;
    font-weight: 300!important;
    font-size: 2rem!important;
}

.HomeEvents .WaLayoutTable .WaLayoutSeparator {
    display: block;
    height: 20px!important;
}

.SchoolTripsBannerImage, .BannerImage {
    padding-top: 300px;
}

.h1, h1 {
    font-size: 1.7rem!important;
}

}

/*** END ***/