/*** Breadcrumbs ***/
.wli-breadcrumbs-container  {
    overflow:  hidden;
    padding:  20px 0;
    width:  100%;
}

.wli-breadcrumbs-container li  {
    float:  left;
    list-style:  outside none none;
    padding:  0 2px;
}

/*** Sitemap ***/
.wli-sitemap  {
    list-style-type:  square;
    padding-left:  10px;
}

.wli-sitemap ul  {
    padding-left:  10px;
    margin-bottom:  10px;
}

/*** WebLink Banner Ad Styles ***/

.wli-ad-leaderboard  {
    height:  90px;
}

.wli-ad-square1  {
    height:  250px;
}

.wli-ad-leaderboard, .wli-ad-mobile  {overflow:hidden;text-align:center;}

@media only screen and (max-width : 480px)  {
    .wli-ad-leaderboard  {
		height: 0px !important;
	}
	.wli-ad-mobile  {
		height: 250px !important;
	}
}

.emptyBanner  {
    height:  0px!important;
}

/*** WebLink Widget Styles ***/
 .wli-view-all  {
    display:  inline-block;
    margin-top:  15px;
}

#wsite-content .wli-widget p  {
    color:  @widget-color !important;
}

#wsite-content .wli-widget a  {
    color:  @widget-color;
	
	&:hover {
		color: @widget-color-hover;
	}
}

#wsite-content .wli-widget h2  {
    color:  @widget-color !important;
    text-align:  center;
}

/* Events Widget */
.wli-event-item-V2 .wli-event-link  {
    font-size: 22px;
    line-height:  1.2;
    margin: 0;
    text-decoration: none;
    color: @widget-color;
}

.wli-event-item-V2 .wli-event-link:hover  {
    color: white;
}

.wli-event-item-V2  {
    background:  @widget-bg;
    color:  white;
    margin-bottom: 10px;
}

.wli-event-details-V2  {
    padding:  10px 20px;
}
.wli-event-item-V2 .wli-event-date,  .wli-event-item-V2 .wli-event-time  {
    color:  @widget-color;
    font-weight:  bold;
}

.sub .wli-events-widget  {
    margin-top:  12px;
}

.sub .wli-event-item-V2 .wli-event-name  {
    font-size: 22px;
}

.wli-events-widget .wli-view-all, .event-widget-title  {
    color: @widget-outside;
}

.hp-events .wli-view-all {
    color: #4f4f4e;
}

.wli-event-datetime span {
    padding: 0 5px;
}

/* News Widget */
.wli-news-article-details2  {
    width:  100%;
}

.wli-news-widget  {
}

.wli-news-article-item2  {
    margin-bottom:  20px;
    background:  @widget-bg;
    padding:  10px;
    border:  @widget-border;
}

.wli-news-widget .wli-view-all  {
    color: @widget-outside;
}

.wli-news-article-heading2 > a  {
    font-size:  20px;
    text-decoration:  none;
}


/* New Members Widget */
.wli-new-member-item  {
    margin:  10px 0 0 0;
}

.wli-new-member-name  {
    padding:  5px 0 0 0;
}

.wli-new-member-item2  {
    background-color:  @widget-bg;
    color: @widget-color;
    padding:  10px;
    margin:  0 0 20px;
    min-height:  107px;
}

.wli-new-member-name2 > a  {
    font-size:  26px;
    text-decoration:  none;
    color:  @widget-color;
}

.wli-new-member-name2 > a:hover  {
    color: @widget-color-hover;
}

.wli-members-widget .wli-view-all  {
    color: @widget-outside;
}

/*** WebLink Component Styles ***/
.wsite-page-weblink-narrow-template-1 .wli-main-content ul, .wsite-page-weblink-wide-template-1 .wli-main-content ul  {
    list-style-type:  disc;
    padding-left:  20px;
}

/*** Calendar Override Styles ***/
.fc td, .fc th {
	border: @calendar-border;
}
.fc-day-header {
    background: @calendar-header-bg;
    color: @calendar-header-color;
}
.fc.fc-unthemed td.fc-today {
    background: @calendar-today-bg;
    color: @calendar-today-color;
}
.fc .fc-other-month, .wliCalendarDP .ui-datepicker-other-month {
    background: @calendar-other-month-bg;
    color: @calendar-other-month-color;
}
div.eventContainer {
    background: @event-modal-bg;
	color: @event-modal-color;
}
div.eventLocationTime {
    background: @event-modal-header-bg;
    color: @event-modal-header-color;
}
.fc .fc-event, .fc .fc-event-dot {
    background-color: @calendar-event-bg;
    color: @calendar-event-color;
}
.wliCalendarDP.ui-state-default, .wliCalendarDP.ui-widget-content .ui-state-default, .wliCalendarDP .ui-widget-header .ui-state-default, .wliCalendarDP .ui-widget-header {
	border-color: @calendar-datepicker-header-bg;
	background: @calendar-datepicker-header-bg;
	color: @calendar-datepicker-header-color;
}
.wliCalendarDP.ui-datepicker .ui-datepicker-next span {
	width: 0;
	height: 0;
	margin-left: -4px;
	border-top: @calendar-datepicker-btn-size solid transparent;
	border-bottom: @calendar-datepicker-btn-size solid transparent;
	border-left: @calendar-datepicker-btn-size solid @calendar-datepicker-btn-color;
}
.wliCalendarDP.ui-datepicker .ui-datepicker-next.ui-state-hover span {
	border-left: @calendar-datepicker-btn-size solid @calendar-datepicker-header-hvr-color;
}
.wliCalendarDP.ui-datepicker .ui-datepicker-prev span {
	width: 0;
	height: 0;
	margin-left: -6px;
	border-top: @calendar-datepicker-btn-size solid transparent;
	border-bottom: @calendar-datepicker-btn-size solid transparent;
	border-right: @calendar-datepicker-btn-size solid @calendar-datepicker-btn-color;
}
.wliCalendarDP.ui-datepicker .ui-datepicker-prev.ui-state-hover span {
	border-right: @calendar-datepicker-btn-size solid @calendar-datepicker-header-hvr-color;
}
.wliCalendarDP .ui-state-hover, .wliCalendarDP.ui-widget-content .ui-state-hover, .wliCalendarDP .ui-widget-header .ui-state-hover, .wliCalendarDP .ui-state-focus, .wliCalendarDP.ui-widget-content .ui-state-focus, .wliCalendarDP .ui-widget-header .ui-state-focus { 
	border-color: @calendar-datepicker-header-hvr-bg;
	background: @calendar-datepicker-header-hvr-bg;
	color: @calendar-datepicker-header-hvr-color;
}

.eventContainer .wsite-button {
    background-color: @event-modal-button-bg;
}
.eventContainer .wsite-button .wsite-button-inner {
    color: @event-modal-button-color;
}

/***  Member App Styles  ***/
.wli-form  {
    background:  @app-bg;
	color: @app-color;
}

.wli-form fieldset  {
    border:  0px;
    width:  100%;
}

.wli-form *  {
    box-sizing:  border-box;
}

.wli-form legend  {
    width:  100%;
    background:  @app-legend-bg;
	color: @app-legend-color;
    padding:  0 15px;
    font-size:  1.75em;
	line-height: 2;
}

.wli-form label  {
    display:  inline-block;
}

.wli-form input,  .wli-form textarea  {
    width:  100%;
	background: #ffffff;
}

.wli-form select  {
    margin-bottom:  15px;
	background: #ffffff;
}

.wli-form-row  {
    margin:  0 15px;
}

.addressInfo .state select  {
    width:  100%;
}

.addressInfo .city  {
    width:  ~"Calc(50% - 30px)";
    display:  inline-block;
}

.addressInfo .state,  .addressInfo .zip  {
    width:  ~"Calc(25% - 35px)";
    display:  inline-block;
}

#addButton,  #removeButton  {
    width:  auto;
    padding:  5px 15px!important;
    margin:  10px;
    border-radius:  10px;
}

.membershipType,  .primaryCategory  {
    width:  49%;
    margin:  15px 0;
}

.membershipType select,  .primaryCategory select  {
    width:  ~"Calc(100% - 15px)";
}

select#additionalCategories  {
    width:  100%;
    height:  100%;
}

.additionalCategories,  .information  {
    display:  inline-block;
    margin:  15px 0;
}

.additionalCategories  {
    width:  33%;
    vertical-align:  top;
}

.information  {
    width:  66%;
}

.information > ul  {
    margin-left:  15px;
}

.wli-form-checkbox-field  {
    display:  inline-block;
    min-width:  49%;
}

.wli-form-input-field  {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
}

.wli-min  {
    max-height:  0;
    overflow:  hidden;
    transition:  max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.activeField .wli-min  {
    max-height:  2500px;
    transition:  max-height 1s ease-in-out;
}
label.wli-required-label:before  {
    color:  red;
    content:  "* ";
}
.wli-form > fieldset.hasRequired > legend:before  {
    color:  red;
    content:  "* "}
.copyFromCheckbox  {
	text-align:  right;
}
.Dues-Information input  {
    max-width:  300px;
}

#hideAfterTesting  {
    overflow:  hidden;
    width:  95%;
    margin:  0;
    height:  0px;
    background:  lightgray;
}
 
.hide  {
    display:  none !important;
}

#jsEnable  {
    display:  none;
}

.wli-form input[type="checkbox"] {
    max-width: 20px;
}

/* CC field fixes */
table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo td  {
    width:  100%;
    display:  block;
    height:  auto !important;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo  {
    width:  100%;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr  {
    display:  inline-block;
    width:  100%;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(2), #content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3)  {
    max-width:  50%;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo select  {
    margin-bottom:  15px;
    width:  ~"Calc(100% - 15px)";
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo input  {
    width:  100% !important;
}

input#content1_content_WebInput_CreditCardInfo_txtWebInputCreditCardPIN  {
    width:  ~"Calc(100% - 15px)"!important;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3) select  {
    width:  100%;
    max-width:  225px;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3) td  {
    display:  flex;
    justify-content:  space-between;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(6),  table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(7),  table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(8)  {
    max-width:  33%;
}

input#content1_content_WebInput_CreditCardInfo_txtWebInputCreditCardZip  {
    max-width:  ~"Calc(100% - 15px)";
}

table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton tr  {
    display:  flex;
    flex-flow:  row wrap;
}

table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton input  {
    display:  none;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo span:before  {
    color:  red;
    content:  "* ";
}

table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton label  {
    width:  49px;
    height:  30px;
    margin:  5px 10px;
    box-sizing:  content-box;
    border-radius:  8px;
}
label.CCSelected  {
    border:  3px solid black;
}
@media (max-width:  480px)  {
	.wli-form legend  {
		font-size:  1.35em;
	}

	.membershipType,  .primaryCategory  {
		width:  100%;
	}

	.additionalCategories  {
		width:  100%;
	}
	.information  {
		width:  100%;
	}
	#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3) select  {
		max-width:  75px;
	}
	.addressInfo .state select  {
		width:  100%;
	}
	.addressInfo .city  {
		width:  auto;
		display:  block;
	}

	.addressInfo .state,  .addressInfo .zip  {
		width:  auto;
		display:  block;
	}
}

/* Portal Navigation  */
.wli-portal-logout  {
    padding:  0 0 5px;
    width:  99%;
    text-align: right;
}

.wli-portal-logout a  {
    font-weight: bold;
}
.wli-portal-nav  {
    background-color:  @portal-nav-bg;
    border:  @portal-nav-border;
    margin-bottom:  20px;
    overflow:  hidden;
    padding:  10px 20px;
}

.wli-portal-nav ul li  {
    float:  left;
    padding:  4px 0;
    width:  33%;
}

.wli-portal-nav ul li a {
    color: @portal-nav-color;
}

@media screen and (max-width: 800px)  {
    .wli-portal-nav ul li  {
		width:  50%;
	}
}
@media screen and (max-width: 375px)  {
    .wli-portal-nav ul li  {
		width:  100%;
	}
}
#content1_content_PortalWelcomeMessage3_lblProfileName  {
    font-size:  24px;
}


/*** SPONSOR SCROLLER WIDGET ***/
.wli-sponsor-scroller  {
    max-height: 120px;
}

.wli-sponsor-scroller-container  {
    display:  block;
    overflow:  hidden;
    position:  relative;
    width:  100%;
}

.wli-sponsor-scroller-container div  {
    top:  0 !important;
}

.wli-sponsor  {
    display:  inline-block;
    vertical-align:  top;
    margin:  0 10px;
}

div.wli-sponsor-scroller .marquee0 > div  {
    width:  100% !important;
}

.wli-sponsor a  {
    display:  block;
}

.wli-sponsor img  {
    max-height:  @sponsor-height;
    height:  auto;
    max-width:  300px;
}

	
/*** AFF CODE UPDATE PAGE ***/
.affCodeItem:nth-child(2n+1)  {
    background-color:  #eeeeee;
}

.affCodeItem  {
    padding:  20px;
}

.affCodeItem td  {
    padding:  10px;
}

.affCodeItem label  {
    padding:  0 10px;
}


/*** FEATURED EVENTS WIDGET ***/

.wli-featured-events-container *  {
    box-sizing:  border-box;
}

.wli-featured-event-image-container  {
    display:  table-cell;
    width:  40%;
    vertical-align:  middle;
    text-align:  center;
	padding-right:20px;
}

.wli-featured-event-details-container  {
    display: table-cell;
    width: 50%;
    padding: 20px 40px;
    background-color: #ffffff;
    border-radius: 15px;
}

.wli-featured-event-image-container img  {
    max-width:  100%;
    max-height:  250px;
}

.wli-featured-event-description img  {
    display:  none;
}

.wli-featured-event-item  {
    width:  100%;
    position:  absolute;
    display:  table;
    visibility:  hidden;
    left:  100%;
    padding:  0 20px;
    transition:  all 1s ease;
    transition-property:  left;
	border-radius:5px;
}

.wli-featured-event-type {
    text-align: center;
    padding: 10px 0;
    background-color: #eeeeee;
    margin: 0 0 20px;
}

.wli-featured-event-address-container  {
    float:  left;
    width:  50%;
    text-align:  left;
}

.wli-featured-event-datetime-container  {
    float:  right;
    width:  50%;
    text-align:  right;
}

.wli-featured-event-details .wli-featured-event-address-date-container p {
    margin-bottom: 5px;
}

.wli-featured-event-description  {
    margin:  10px 0;
    text-align: justify;
    width: 100%;
    max-height: 125px;
    overflow-y: hidden;
	display:table-cell;
}

.wli-featured-events-button-container  {
    float:  left;
    width:  100%;
    text-align:  center;
    margin-top: 20px;
}

.wli-featured-events-container  {
    position:  relative;
}

.featured-left  {
    left:  -100%;
}

.featured-right  {
    left:  100%;
}

.featured-active  {
    left:  0;
}

.featured-visible  {
    visibility:  visible;
}

.wli-featured-event-slide-container  {
    margin:  0 20px;
}

.wli-featured-events-container  {
    overflow:  hidden;
    width:  ~'Calc(100% - 40px)';
    float:  left;
	margin-bottom: 20px;
}

.featured-event-nav-left,  .featured-event-nav-right  {
    border-top:  20px solid transparent;
    border-bottom:  20px solid transparent;
    width:  0px;
    height:  0px;
    z-index:  10;
    opacity:  .25;
    transition:  ~'opacity .5s ease';
    margin-top:  10px;
}

.featured-event-nav-left:hover,  .featured-event-nav-right:hover  {
    opacity:  .75;
	cursor: pointer;
}

.featured-event-nav-left.featured-invisible,  .featured-event-nav-right.featured-invisible  {
    opacity:  0;
}

.featured-event-nav-left.featured-invisible:hover,  .featured-event-nav-right.featured-invisible:hover  {
    opacity:  0;
	cursor: default;
}

.featured-event-nav-left  {
    border-right:  20px solid #000000;
    float:  left;
}

.featured-event-nav-right  {
    border-left:  20px solid #000000;
    float:  right;
}

.centerFullWidth  {
    width:  100%;
    text-align:  center;
}

.wli-featured-events-button-container .wsite-button {
    margin: 10px;
}

.wli-featured-event-address-date-container {
    width: 100%;
    overflow: hidden;
}

.wli-featured-event-content {
    padding: 20px;
    margin: 20px 0;
	border-radius:5px;
	max-height: 200px;
	overflow-y: auto;
}

.featured-event-nav-item {
    display: inline-block;
    padding: 10px;
    background-color: grey;
    border-radius: 15px;
    margin: 0 10px;
    cursor: pointer;
}

.featured-event-nav-container {
    width: ~'Calc(100% - 40px)';
    margin: 0 auto;
}

.featured-event-nav-items {float: left;}

.featured-event-nav-item:hover {
    opacity: .5;
}

.featured-event-nav-item.active-item {
    border: 2px solid white;
}

li.featured-event-nav-item {
    background-color: @featuredNavColor;
}

div.featured-event-nav-left {
    border-right-color: @featuredNavColor;
}

div.featured-event-nav-right {
    border-left-color: @featuredNavColor;
}

li.featured-event-nav-item.active-item {
    border-color: @featuredNavSelectedColor;
}

.wli-featured-event-details-container {
    background: @featuredBG;
}

.wli-featured-events-button-container .wsite-button .wsite-button-inner {
	color: inherit;
}

.wli-featured-events-button-container .wsite-button {
    background-color: @featuredBtnBG;
	color: @featuredBtnColor;
}

.wli-featured-events-button-container .wsite-button:hover {
    background-color: @featuredBtnBGHover;
	color: @featuredBtnColorHover;
}

/* Directory */
.directory_search_button  {
    margin:  0 0 10px 15px;
}


/* Event Details */
#wc-eventDetailMiddle  {
	float:  right;
	background:  lightgray;
}
#content1_content_EventSubmission1_txtAddress2  {
    float:  right;
}
#EventSubmission .wli-form input,  #EventSubmission .wli-form textarea  {
    width:  100% !important;
}
#EventSubmission .wsite-button  {
    margin-left:  15px;
}
.fTime  {
    width:  240px;
}
.fTime > *  {
    float:  right;
    margin:  0 2px;
}
.fTime select  {
    padding:  0 15px !important;
}

#wc-eventDetailDateAndLocation {
   width: 100%;
}

/* Misc Fixes */
.wli-content input[type=submit] {
    height: auto;
	width: auto;
    padding: 12px 24px;
    background: @wli-primary-color;
    color: contrast(@widget-bg,@wli-color-dark,@wli-color-light) !important;
    border: 2px solid @wli-primary-color;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.wli-content input[type=submit]:hover {
    background: transparent;
    color: @wli-primary-color !important;
}
input#content1_content_CouponAdmin1_cmdNew  {
    width:  auto !important;
}

@media (max-width: 767px) {
    .wli-content {display:flex;flex-direction:column;}
    div#mdiv_DirectoryContentRight {width: 100%;order: 6;}
    div#mdiv_DirectoryContentLeft {width: 100%;order: 5;

    [id^="content1_Directory1_square1_Square1_Rotator"] {
        width:100% !important;
    }
    .ListingSearch_StandardCategoriesQuicklist.ListingSearch_StandardCategoriesQuicklist>.halfWidth {
        width:100% !important;
    }
}


/* CUSTOM SITE SEARCH */
.wli-site-search {
    position: fixed;
    bottom: 0;
	width: 100%;
	max-width: 320px;
	z-index: 1000;
	margin-left:5px;

	.cse .gsc-control-cse,
	.gsc-control-cse {
	  background-color: transparent;
	  border: 1px solid transparent;
	}
	.gsib_a {
		padding: 0 0 0 10px;
	}
	
	.gsc-search-button.gsc-search-button-v2 {
      border: none;
      padding: 6px 10px;
	}

	.gsc-input {
      border: 1px solid #CECECE;
	  background-color:#ffffff;
	}
	
}

.wsite-mcevent-section {background-color:@wli-secondary-color;}
.mc-spacer {height:40px;}