.camera_wrap, .camera_thumbs_cont {
    background: #f8e2d9;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {background: #dba79c}

/* BLOG */
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .author, .WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before, .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink, .WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .date:after {display: none }

.WaGadgetBlog .pageTitleOuterContainer {margin: 0 0 10px 0; text-align: right}

/* Calendar */

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {background: #e0c187}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {font-size: 13px;
    line-height: 1.3;
    border-left: 0;
    border-radius: 12px;
    color: #fff}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem a, 
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem a:hover, 
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover a {
    color: #ffffff;
}
/* Event Pages */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 16px 16px 24px;
    background: #f8e2d9;
}
/* Homepage Background*/
#PAGEID_18235 {background-image:url('/resources/background/homepage-hero-padel.jpg');background-repeat:no-repeat;background-position: center top;background-size:cover;}

#PAGEID_18235 .zoneContentOuter {
    background: transparent;
    padding-bottom: 0;
}

#PAGEID_18235 .zoneContentOuter .zoneContentInner {
    background: transparent;}

#PAGEID_18235 .zoneFooter3  {
    position: fixed; bottom: 0; width: 100% }
#idFooterPoweredByWA {display: none}

body {
    color: #481F3F;
    font: normal 18px/27px 'Quicksand';}


.contStyleSmaller {color: #481F3F;
    font: bold 14px/1.5 'Quicksand';
    text-transform: uppercase}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected  {background: #dccdc6}


.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {color: #481F3F}

/* Remove padding from deleted right panel*/
    .zoneMain {padding-right: 0 !important}

.WaGadgetEventsStateCalendar a {text-transform: uppercase; text-decoration: none !important}

.WaGadgetEventsStateCalendar .switchersGroup1 span {text-transform: uppercase; color: #f48785 !important}

/* Homepage Footer Styles*/


.zoneFooter3 a, .zoneFooter3 a:hover, .zoneFooter3 a:active {color: #DBA79C !important;text-decoration: none !important }

.zoneFooter3 a:hover, .zoneFooter3 a:active {text-decoration: underline !important}

/* Social Icons*/
.WaGadgetSocialProfile.socialProfileStyle003 .gadgetStyleBody {padding-bottom: 10px;}

.WaGadgetSocialProfile.socialProfileStyle003 li a {
    color: #DBA79C;
}
.WaGadgetSocialProfile.socialProfileStyle003 li a:hover {
    color: #fff;
}

/* Welcome New Member Feature */

.WaGadgetFeaturedMember ul.layoutList {padding-top: 15px}
.WaGadgetFeaturedMember ul.layoutList li {
    margin: -15px auto 0 auto;
    display: block;
    text-align: center;
    padding-bottom: 0;}

.WaGadgetFeaturedMember ul.layoutList li .rightPart {display: inline-block}
.WaGadgetFeaturedMember ul.layoutList li .rightPart a, 
.WaGadgetFeaturedMember ul.layoutList li .rightPart .subtitle {color: #481f3f; font: normal 16px/18px 'Quicksand'; text-decoration: none}

.WaGadgetFeaturedMember ul.layoutList li .rightPart div {float: left;}


.WaGadgetFeaturedMember ul.layoutList li .rightPart .subtitle {padding: 10px 0 0 3px; }

.WaGadgetFeaturedMember ul.layoutList li .rightPart .subtitle::before {content: "- ";}

/* Contact Page */
#PAGEID_18172 .memberDirectorySearchAreaOuterContainer {display: none;}
#PAGEID_18172 .membersTable .memberValue img {border-radius: 50%}
.genericListTable tbody td, .membersTable tbody td {
    padding: 16px 24px 16px 78px;}

/* Typography*/

.header, h1.header, h1 {
    font: bold 45px/55px 'Cormorant'; 
    text-transform: none;
    margin-bottom: 20px;
    color: #481F3F}
    
@media screen and (max-width: 1000px) {
#PAGEID_18235 h1.header {color: #f8e2d9}
}

@media screen and (min-width: 1000px) {
/*#PAGEID_18235 .WaGadgetContent.homeBlurb {background-image: none !important}*/
}

 .h2, h2, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
     font: bold 45px/55px 'Cormorant'; 
     text-transform: none;
     margin-bottom: 10px;
     color: #481F3F}
 .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {margin-bottom: 0}
 .h3, h3, .h4, h4 {
     font: normal 27px/27px 'Quicksand'; 
     text-transform: uppercase; 
     margin: 0 0 5px 0;
     color: #481F3F !important}

.h4, h4 {
     font: normal 22px/25px 'Quicksand'; 
     margin: 0 0 15px 0;
}

.WaGadgetEventsStateCalendar .sectionTitle {font: bold 35px/35px 'Cormorant'; color: #f48785;
    text-transform: none;}
p {margin-top: 0}

.zoneWAbranding {display: none}

.commonMessageBox .cww-co A, .commonMessageBox .cww-co A:link, .commonMessageBox A:active, .commonMessageBox .cww-co A:visited, .commonMessageBox .cww-co A:hover {color: #481f3f !important}

/* Menu Styles */

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel li:first-child {display: none}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.secondLevel li:first-child {display: block}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a, .WaGadgetCustomMenu.menuStyle001 ul li a {font: bold 13px Oxygen; color: #481F3F}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a:hover, .WaGadgetCustomMenu.menuStyle001 ul li a:hover {color: #fff}

.WaGadgetCustomMenu.menuStyle001 .orientationHorizontal li {padding-right: 10px;}


.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink {line-height: 40px;}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer:not(.authenticated) .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer:not(.authenticated) .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer:not(.authenticated) .loginLink.hover {
    color: #481F3F; background: none; width: auto; height: auto; font: bold 13px Oxygen; text-transform: uppercase;}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer:not(.authenticated) .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer:not(.authenticated) .loginLink.hover {color: #ffffff}


.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer:not(.authenticated) .loginLink:before {display: none}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {color: #481F3F; background: none; width: 20px; height: 20px;}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {font: normal 20px/20px 'WA-theme-icons';}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover {color: #fff; background:none}

.WaGadgetLoginForm .loginContainer.authenticated .loginContainerInner .loginPanel a:hover {color: #481F3F; text-decoration: underline}

.WaGadgetLoginForm.LoginFormStyle001 .alignRight  .loginPanel {top: 40px; right: -15px}
.WaGadgetLoginForm .loginContainer.authenticated .loginContainerInner .loginPanel .loginBoxLogout {
background: #481F3F;
    color: #fff;
    padding: 5px 20px;
    font: bold 13px Oxygen;
    text-transform: uppercase;
    margin: 10px 0 0 0;}


/* Mobile Banner */
.WaGadgetMobilePanel .mobilePanel {color: white;}

.WaGadgetMobilePanel .mobilePanel {background: #DBA79C;}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {background: #DBA79C;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: #DBA79C;
    border-top: 1px solid #DBA79C;}
    
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {color: #481F3F;}

.WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #DBA79C;
    border-top: 1px solid #DBA79C;}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
    background: #481F3F;}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:active {
    background: #fff; color: #481F3F}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
    background: #fff;}

/* System Forms */
 input[type=submit], input[type=button] {
    background: #481F3F !important;}

input[type=submit]:hover, input[type=button]:hover {
    background: #fff !important; color: #481F3F !important}

.WaGadgetLoginForm input[type=submit]:hover, .WaGadgetLoginForm input[type=button]:hover {
    background: #f8e2d9 !important; }

.formTitleOuterContainer .formTitleContainer {
    border-bottom: 1px solid #481F3F;
}
.formTitleOuterContainer h3.formTitle { color: #481F3F;}
.formTitleOuterContainer {
    margin: 0 0 24px;
    color: #481F3F;
    font: normal 18px/27px 'Quicksand';
}

.infoOuterContainer {
    margin: 20px;
    background-color: #f8e2d9;
}
.confirmWindowInfo .cww3, .confirmWindowInfo .cww4, .confirmWindowInfo .cww-inner {
    border: 1px solid #481F3F;
    background-color: #f8e2d9;
    background: #f8e2d9;
}
.confirmWindowInfo .cww1, .confirmWindowInfo .cww2 {
    background-color: #f8e2d9;
}

@media screen and (max-width: 479px) {
html:not([class*="WaPlaceHolder"]) .header, html:not([class*="WaPlaceHolder"]) h1.header {
    font-size: 35px;
}
}

/* Responsive Video */

.containerxx {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}