td {
 font-family: Arial;
 font-size: 1.0em;
 line-height: 140%;
 color: #333333;
}
th {
 font-family: Arial;
 font-size: 1.0em;
 line-height: 140%;
 color: #333333;
}

p {
 font-family: Arial;
 font-size: 1.0em;
 line-height: 140%;
 color: #333333;
}

li {
 font-family: Arial;
 font-size: 1.0em;
 line-height: 140%;
 color: #333333;
}

.widgetMode .cnMainContainer .cnContentContainer 
{
  position: relative;
  left: -11px;
  /*top: -70px;*/
  top: -40px;
  / left: -10px; /* IE onlyx */
}


.cnPrimaryContentBlock1Content a:visited {
color:#006699;
font-weight:normal;
text-decoration:underline;
}

#membersTable th {
background-color:#F9F9F9;
border-color:none;
border-left:none;
border-right:none;
border-style:none;
border-width:0px;
font-size:1.00em;
font-weight:bold;
padding:7px 20px 7px 7px;
text-align:left;
vertical-align:top;
}

#membersTable td {
font-size:0.95em;
}

em#membersFound
{
  color: #E7E6DD;
}



body {
  background-color: #F2F4F7;
}


span.postedByLink
{
  display: none
}



/* Remove Border From Widget */


.cnMainContainer .cnContentContainerTopCorners {
display:none !important;
}

.cnMainContainer .cnContentContainer .cnPrimaryContentContainerBottomCorners .r1 {
        background: none; }
.cnMainContainer .cnContentContainer .cnPrimaryContentContainerBottomCorners .r2 {
        padding: 0 4px 0 100px;
        _padding: 0; }
.cnMainContainer .cnContentContainer .cnPrimaryContentContainerBottomCorners .r3 {
        background: none; }

.cnMainContainer .cnContentContainerBottomCorners .r1 {
      background: none; }
.cnMainContainer .cnContentContainerBottomCorners .r2 {
      padding: 0 5px;
      _padding: 0;
      background: none; }
.cnMainContainer .cnContentContainerBottomCorners .r3 {
      background: none; }

.cnMainContainer .cnContentContainer .d1ContentContainer {
      background: none; }
.cnMainContainer .cnContentContainer .d2ContentContainer {
      padding: 0 5px;
      _padding: 0;
      background: none; }
.cnMainContainer .cnContentContainer .d3ContentContainer {
      background: none; }


.cnMainContainer .cnContentContainer 
.cnPrimaryContentContainer .d1PrimaryContentContainer {
        background: none; }
.cnMainContainer .cnContentContainer .cnPrimaryContentContainer .d2PrimaryContentContainer {
        padding: 0 0px;
        _padding: 0px;
        background: none; }





.cnMainContainer .cnContentContainer .cnPrimaryContentContainer .cnPrimaryContentBlock1ContentHolder {
        background: none;
        margin: 20px;
        padding: 20px;
        width: 750px;
        min-height: 100px;
        overflow: hidden; }
     
.cnMainContainer .cnContentContainer .cnPrimaryContentContainerTopCorners .r1 {
        background: none; }
      .cnMainContainer .cnContentContainer .cnPrimaryContentContainerTopCorners .r2 {
        padding: 0 4px;
        _padding: 0;
        background: none; }
.cnMainContainer .cnContentContainer .cnPrimaryContentContainerTopCorners .r3 {
        background: none; }

.cnMainContainer .cnContentContainer .cnPrimaryContentContainerBottomCorners .r1 {
       background: none; }
  .cnMainContainer .cnContentContainer .cnPrimaryContentContainerBottomCorners .r2 {
        background: none; }
   .cnMainContainer .cnContentContainer .cnPrimaryContentContainerBottomCorners .r3 {
        background: none;}



/* DELETED CODE GOES BELOW HERE */

.widgetMode .cnPrimaryContentContainer .block .inner div.boxViewOutline div.boxHeaderContainer .inner,
.widgetMode .cnPrimaryContentContainer .block .inner div.boxViewOutline div.boxFooterOuterContainer .inner,
.widgetMode .cnPrimaryContentContainer .block .inner .WaGadgetBlogStateAddPost div.boxViewOutline div.boxFooterOuterContainer .inner,
.widgetMode .cnPrimaryContentContainer .block .inner div.boxViewOutline div.boxBodyOuterContainer .inner,
.widgetMode .cnPrimaryContentContainer .block .inner .WaGadgetForumStateEditTopic div.boxFooterOuterContainer .inner
{
 /*Change 400px to any desired width value.*/
/* width:700px;*/
width:100%;
}

.widgetMode .cnContentContainer,
.widgetMode .cnPrimaryContentContainer,
.widgetMode .cnPrimaryContentBlock1ContentHolder,
.widgetMode .cnPrimaryContentBlock1Content
{
 /*Change 400px to any desired width value.*/
 width:718px !important;
}

.widgetMode .cnPrimaryContentBlock1Content 
{
padding:70px 50px 75px 75px !important;
width: 640px !important;
}

.widgetMode #idLoginMessage {padding-top:20px !important;}

.widgetMode .cnMainContainer .d9PrimaryContentContainer,
.widgetMode .cnPrimaryContentContainer .d7PrimaryContentContainer,
.widgetMode .cnPrimaryContentContainer .d8PrimaryContentContainer,
.widgetMode .cnPrimaryContentContainer .d1PrimaryContentContainer
.widgetMode .cnPrimaryContentContainer .inner,
.widgetMode .WaGadgetForumStateTopicList div.boxHeaderContainer table td.threadTD div.thread,
.widgetMode .WaGadgetForumStateTopicList div.boxBodyContainer table td.threadTD div.thread,
.widgetMode div#searchContainer fieldset,
.widgetMode .cnPrimaryContentBlock1ContentHolder,
.widgetMode .cnPrimaryContentBlock1Content
{
 width:100%;
 margin:0;
 padding:0;
}

.widgetMode .cnContentContainer,
.widgetMode .cnPrimaryContentContainer,
.widgetMode .cnPrimaryContentBlock1ContentHolder
{
padding:0px !important;
margin:0px !important
}

.widgetMode .cnMainContainer
{
  float:left;
}


.widgetMode .cnMainContainer .cnContentContainer .d1ContentContainer,
.widgetMode .cnMainContainer .cnContentContainer .d2ContentContainer,
.widgetMode .cnMainContainer .cnContentContainer .d3ContentContainer
{
  float: none;
}




.widgetMode .WaGadgetEventsStateList .boxFooterOuterContainer 
{
	position: relative;
}

.widgetMode  .generatePasswordButton
{
 width:auto;
 clear:both;
 display:block;
 margin-top:10px;
}

/* DELETED CODE GOES ABOVE HERE */



.widgetMode .pageTitleOuterContainer
{
  margin-top:10px !important;
}


/* hide the title of the forum */

.functionalPageContainer [class*=SystemPageTitle]
{
  display:none;
}


/*increase space between columns and Advance field in the find a coach search*/


.browsingColumns th, .browsingColumns td {
padding-bottom:6%;
padding-right:2%;
width:25%;
}




/*change bar color on the member profile page*/
div.generalFieldsContainer div.captionContainer {
background-color:#7cb6d2;
font-color:#333333;
margin:0;
padding:5px 0;
}















/* Change Widget Embed Layout Width For Pages That Need More Space */

body#PAGEID_535081.widgetMode .cnContentContainer, 
body#PAGEID_535081.widgetMode .cnPrimaryContentContainer, 
body#PAGEID_535081.widgetMode .cnPrimaryContentBlock1ContentHolder {
width: 818px !important;
}

body#PAGEID_535081.widgetMode .cnPrimaryContentBlock1Content {
padding: 20px 75px 75px !important;
width: 818px !important;
}




/* FEATURED MEMBER WIDGET LAYOUT */

body#PAGEID_1837926.widgetMode .cnMainContainer .cnContentContainer {
top:0px;
left:0px;
}

body#PAGEID_1837926.widgetMode .cnMainContainer .cnContentContainer .d2ContentContainer {
padding:0px;
}

body#PAGEID_1837926.widgetMode .cnMainContainer .cnContentContainer .cnPrimaryContentContainerTopCorners {
display:none;
}

body#PAGEID_1837926.widgetMode .cnPrimaryContentBlock1Content {
padding:0px !important;
}

body#PAGEID_1837926.widgetMode .cnContentContainer, 
body#PAGEID_1837926.widgetMode .cnPrimaryContentContainer, 
body#PAGEID_1837926.widgetMode .cnPrimaryContentBlock1ContentHolder, 
body#PAGEID_1837926.widgetMode .cnPrimaryContentBlock1Content {
width:299px !important;
}

body#PAGEID_1837926.widgetMode .cnPrimaryContentBlock1Content {
width:307px !important;
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {

    background: #a0bac7;

}
/*.ui.inline.dropdown.-wa-add-event-to-calendar-dropdown {
    display: none;
}/*



/* Full menu container background with rounded corners */
#id_yOhi7Wr {
    background-color: #FFFFFF; /* Background color for the entire menu */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Slight drop shadow */
    /*padding: 10px !important; /* Ensure consistent padding */
    border: 1px #293241 solid !important;
}

/* Inner menu background to match */
#id_yOhi7Wr .menuInner {
    background-color: #FFFFFF; /* Ensure inner menu has the same background */
    border-radius: 8px; /* Ensure inner menu matches the rounded corners */
    padding: 10px !important;
}

/* Inactive menu items */
#id_yOhi7Wr .menuInner .firstLevel li a {
    color: #293241 !important;  /* Text color for inactive items */
    background-color:  #FFFFFF !important;  /* Background color for inactive items */
}

/* Active and hover menu items */
#id_yOhi7Wr .menuInner .firstLevel li.sel a,
#id_yOhi7Wr .menuInner .firstLevel li a:hover {
    color: #78AB5E !important;  /* Text color for active and hover items */
}

/* Adjust dropdowns to match menu style */
#id_yOhi7Wr .menuInner .firstLevel li ul.secondLevel {
    background-color: #FFFFFF; /* Default background color for dropdowns */
    border-radius: 8px; /* Rounded corners for dropdowns */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Slight drop shadow for dropdowns */
}

/* Inactive dropdown menu items */
#id_yOhi7Wr .menuInner .firstLevel li ul.secondLevel li a {
    color: #293241 !important; /* Text color for inactive dropdown items */
    background-color: #FFFFFF !important; /* Background color for inactive dropdown items */
}

/* Active and hover dropdown menu items */
#id_yOhi7Wr .menuInner .firstLevel li ul.secondLevel li a:hover,
#id_yOhi7Wr .menuInner .firstLevel li ul.secondLevel li.sel a {
    color: #FFFFFF !important; /* White text color on hover/active */
    background-color: #78AB5E !important; /* Green background on hover/active */
}

.loginLink{
  color: #293241 !important;
  background-color: transparent !important;
}


.loginLink:hover,
.loginLink:active,
.loginLink:focus {
  color: #78AB5E !important;
  background-color: transparent !important;
}




@media (max-width: 767px) {
    #id_eN4R7DL, #id_lQm1Hlu {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #id_S6CyWvo .WaLayoutTable {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #id_S6CyWvo .WaLayoutRow {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #idHeaderContent img {
        margin-bottom: 20px; /* Optional spacing between logo and search bar */
    }

    .searchBoxOuter {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}
/*Facebook and Google Login Text on Login Screen*/
.authenticateLoginText{
  color: white !important;
}

#id_Footer1{
  background-color: transparent !important;
}

.loginButton{
  background-color: #78AB5E !important;
color: #FFFFFF !important;
border-radius: 5px !important;
}

.loginButton:hover{
  background-color: #60844D !important;
color: #FFFFFF !important;
border-radius: 5px !important;
}

.mobilePanel{
  background-color: #3D5C80 !important;
}

.mobilePanelButton{
  color: white !important;
}

/* Mobile menu styles */
@media screen and (max-width: 768px) {
    /* Mobile panel container styling */
    #id_MobilePanel .mobilePanelContainer {
        background-color: #FFFFFF; /* Background for the mobile menu panel */
    }

    /* Mobile menu inner styling */
    #id_MobilePanel .menuInner {
        background-color: #FFFFFF; /* Background for the mobile menu */
        display: none; /* Initially hidden */
    }

    /* First level UL styling under mobile panel */
    #id_MobilePanel .mobilePanel .firstLevel {
        background-color: #FFFFFF; /* Ensure background matches branding */
    }

    /* Mobile menu button styling */
    #id_MobilePanel .mobilePanelButton.buttonMenu.active {
        background-color: #78AB5E; /* Background for active menu button */
        color: #FFFFFF; /* Text color for active menu button */
    }

    /* Inactive mobile menu items */
    #id_MobilePanel .menuInner .firstLevel li a {
        color: #293241;  /* Text color for inactive items */
        background-color: #FFFFFF;  /* Background color for inactive items */
        display: block; /* Ensure block display */
        border-bottom: 1px solid #e0e0e0; /* 1px bottom border between menu items */
    }

    /* Active and hover mobile menu items */
    #id_MobilePanel .menuInner .firstLevel li.sel a,
    #id_MobilePanel .menuInner .firstLevel li a:hover {
        color: #FFFFFF;  /* Text color for active and hover items */
        background-color: #78AB5E;  /* Green background for active and hover items */
    }

    /* Mobile dropdown styles */
    #id_MobilePanel .menuInner .firstLevel li ul.secondLevel {
        background-color: #FFFFFF; /* Background color for mobile dropdowns */
        box-shadow: none; /* Remove any shadows */
        margin-top: 0; /* No space between main and dropdown menu */
    }

    /* Inactive mobile dropdown items */
    #id_MobilePanel .menuInner .firstLevel li ul.secondLevel li a {
        color: #293241; /* Text color for inactive dropdown items */
        background-color: #FFFFFF; /* Background color for inactive dropdown items */
        display: block; /* Ensure block display */
        border-bottom: 1px solid #e0e0e0; /* 1px bottom border between dropdown items */
    }

    /* Active and hover mobile dropdown items */
    #id_MobilePanel .menuInner .firstLevel li ul.secondLevel li a:hover,
    #id_MobilePanel .menuInner .firstLevel li ul.secondLevel li.sel a {
        color: #FFFFFF; /* White text color on hover/active */
        background-color: #78AB5E; /* Green background on hover/active */
    }
}

.websiteLinkContainer{
  text-align: right !important;
}

.websiteLinkContainer a{
   display: inline-block;
  font-size: 14px !important;
  padding: 5px 10px 5px 10px !important;
  background-color:#78AB5E !important;
  border-radius: 5px !important;
  border:none !important;
  color: white !important;
  text-decoration: none !important;
}


@media screen and (max-width: 768px) {
    .websiteLinkContainer {
    text-align:center !important;
    }
    }


  h1, h2, h3, h4, h5, h6 {
    color: #3D5C80 !important;
}

.typeButton{
  background-color: #78AB5E !important;
color: #FFFFFF !important;
border-radius: 5px !important;
}

.typeButton:hover{
  background-color: #60844D !important;
color: #FFFFFF !important;
border-radius: 5px !important;
}

.captionContainer{
  background-color: #FFFFFF !important;
  border-radius: 10px !important;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Slight drop shadow */
  border: solid #293241 1px !important;
  padding: 10px !important;

}

.captionContainer h4{
  font-weight: bold !important;
}







/* Container Styling */
.WaGadgetNavigationLinks ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Display list items in a row */
    justify-content: center; /* Center the items horizontally */
    gap: 30px; /* Add space between the buttons */
    align-items: center; /* Vertically center items within the container */
    flex-wrap: wrap; /* Allow items to wrap to the next line on small screens */
}

.WaGadgetNavigationLinks li {
    display: inline-block; /* Ensure list items are inline */
    margin: 0; /* Remove any margins */
    border-right: none; /* Ensure no border on right side */
}

/* Remove any existing separators */
.WaGadgetNavigationLinks li::before,
.WaGadgetNavigationLinks li::after {
    content: none !important; /* Forcefully remove any generated content */
    display: none !important; /* Ensure separators are not displayed */
}

/* Button Styling */
.WaGadgetNavigationLinks a {
    background-color: #78AB5E; /* Use a more vibrant background color */
    color: #ffffff !important; /* White text for contrast */
    border-radius: 25px; /* Fully rounded corners for a button-like appearance */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Add a more prominent shadow */
    padding: 12px 24px !important; /* Add more padding for a larger button */
    font-size: 16px; /* Increase font size for readability */
    font-weight: bold; /* Bold text for emphasis */
    text-align: center; /* Center text inside the button */
    text-decoration: none !important; /* Remove underlines */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth hover effect */
    display: inline-flex; /* Flexbox for centering text */
    align-items: center; /* Center text vertically */
    justify-content: center; /* Center text horizontally */
    margin-top: 15px; /* Adjust top margin */
}

/* Remove Separators */
.WaGadgetNavigationLinks li::after {
    content: none !important; /* Forcefully remove separators */
}

.WaGadgetNavigationLinks a:hover {
    background-color: #5A8B4E; /* Slightly darker green on hover */
    transform: translateY(-2px); /* Slight lift on hover */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15); /* Enhance shadow on hover */
}

.WaGadgetNavigationLinks a:active {
    transform: translateY(1px); /* Pressed down effect on click */
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); /* Slightly reduce shadow on click */
}

/* Responsive Design */
@media (max-width: 768px) {
    .WaGadgetNavigationLinks ul {
        flex-direction: column; /* Stack buttons vertically on mobile */
        gap: 10px; /* Adjust gap between buttons */
    }

    .WaGadgetNavigationLinks a {
        width: 100%; /* Make buttons take up full width on mobile */
        box-sizing: border-box; /* Ensure padding is included in width */
    }

    /* Remove separators on mobile */
    .WaGadgetNavigationLinks li::before,
    .WaGadgetNavigationLinks li::after {
        content: none !important; /* Ensure separators are not displayed */
        display: none !important;
    }
}