#menu-mobile-menu {
	display: none;
}

.menu-main-menu {
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	max-width: 1724px;
	font-size: 0px;
}

@media (min-width: 1764px) { /* Min! */
	.menu-main-menu {
		border-left: 8px solid #fff;
	}
}

.menu-main-menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu-main-menu a {
	text-align: center;
	font-size: 19px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	letter-spacing: 0.1px;
	transition: background 0.3s ease-in-out!important;
	transition: none!important;
	box-shadow: inset -8px 0 0 0px #fff, inset 0px -8px 0px 0px #fff;
}

/*body.home .menu-main-menu a {
	box-shadow: inset -8px 0 0 0px #231f20, inset 0px -8px 0px 0px #231f20;
}*/

.menu-main-menu li a {
	box-sizing: content-box;
	text-decoration: none;
	padding: 10px 3% 20px 2%;
	margin: 0;
	display: inline-block;
	background-color: var(--chambray);
}

@media (max-width: 1140px) {
	.menu-main-menu li a {
		padding: 10px 2.1% 20px 1.4%;
	}
}

.menu-main-menu > li > a {
	/*font-weight:600;*/
}

.menu-main-menu li a:link,
.menu-main-menu li a:visited {
	color: #fff;
}

.menu-main-menu > li:hover > a {
	background-color: var(--biscay);
}

.menu-main-menu > li.current-menu-ancestor > a,
.menu-main-menu > li.current-menu-item > a {
	background-color: var(--biscay);
}

@media (max-width: 768px) {

	.menu-main-menu a {
		font-size: 15px;
	}

	.menu-main-menu > li.current-menu-ancestor > a,
	.menu-main-menu > li.current-menu-item > a {
		background-color: transparent;
	}
}

.menu-main-menu > li.current-menu-ancestor:hover > a,
.menu-main-menu > li.current_page_parent:hover > a,
.menu-main-menu > li.current-menu-parent:hover > a,
.menu-main-menu > li.menu-item-has-children:hover > a {
	box-shadow: inset -8px 0 0 0px #fff, inset 0px -8px 0px 0px var(--biscay);
}

/*body.home .menu-main-menu > li.active.current-menu-ancestor > a,
body.home .menu-main-menu > li.active.current_page_parent > a,
body.home .menu-main-menu > li.active.current-menu-parent > a,
body.home .menu-main-menu > li.active.menu-item-has-children > a,
body.home .menu-main-menu > li.current-menu-ancestor:hover > a,
body.home .menu-main-menu > li.current_page_parent:hover > a,
body.home .menu-main-menu > li.current-menu-parent:hover > a,
body.home .menu-main-menu > li.menu-item-has-children:hover > a {
	box-shadow: inset -8px 0 0 0px #231f20, inset 0px -8px 0px 0px var(--biscay);
}*/

.menu-main-menu li a:focus {
    outline: none;
}

/* ---------------------------------- */

.menu-main-menu > li > ul.sub-menu {
	box-sizing: border-box;
	position:absolute;
	max-width: 1470px;
	top: 54px;
	left: 0;
	padding: 6.5vh 0;
	margin: 0;
	width: 100%;
	background-color: var(--biscay);
	z-index:10;
	vertical-align: top;
	display:none;
	opacity: 0;
	text-align: left;
	font-size: 0;
}

@media (min-width: 972px) {
  /* Safari 13 (early 2020) */
  _::-webkit-full-page-media, _:future, :root .menu-main-menu > li > ul.sub-menu {
	top: 54px;
	padding: 6.5vh 0;
  }

  /* Safari 6.1 upwards */
  @media not all and (min-resolution:.001dpcm) { @media {
      .menu-main-menu > li > ul.sub-menu {
		top: 54px;
		padding: 6.5vh 0;
      }
  }}
}

.menu-main-menu > li > .sub-menu > li.hidden > a {
	display: none;
}

@media (min-width: 972px) { /* MIN! */
/*	body.home .menu-main-menu > li:nth-child(1) {
		display: none;
	}*/
}

.menu-main-menu > li:hover > ul.sub-menu {
	display: flex;
    opacity: 1;
    box-shadow: inset -1px 0 0 0 rgba(0,0,0,0.2), inset 1px -1px 0px 0px rgba(0,0,0,0.2);
}

@media (max-width: 768px) {

	.menu-main-menu > li:hover > ul.sub-menu {
		display: block!important;
	}

}

.menu-main-menu > li:hover > ul.sub-menu * {
    opacity: 0;
}

.menu-main-menu > li:hover > ul.sub-menu * {
    -webkit-animation: fadein 0.5s;
       -moz-animation: fadein 0.5s;
        -ms-animation: fadein 0.5s;
         -o-animation: fadein 0.5s;
            animation: fadein 0.5s;
			opacity: 1;
}

body.home .menu-main-menu > li:nth-child(2) > ul.sub-menu {
}

.menu-main-menu > li > .sub-menu > li {
	margin: 0;
	padding: 0 0 0 4%;
	display: inline-block;
	height: auto;
	line-height: 2.0em;
	z-index: 500;
	border-left: none;
	width: 25%;
	vertical-align: inherit;
	font-size: 20px;
	box-shadow: inset 1px 0 0 0 var(--chambray);
}

@media (max-width: 768px) {
	.menu-main-menu > li > .sub-menu > li {
		line-height: 1.7em;
	}
}

.menu-main-menu > li.two-column > .sub-menu > li {
	width: 50%;
}

@media (max-width: 1200px) {
	.menu-main-menu > li > .sub-menu > li {
		padding: 0 0 0 5%;
	}
}

.menu-main-menu > li > .sub-menu > li:first-child {
	box-shadow: none;
}

.menu-main-menu .sub-menu > li a {
	margin: 0;
	width: 100%;
	text-align: left;
	line-height: 1.5em;
	transition: all 0.3s ease-in-out 0s;
	border-top: none;
	padding-top: 12px;
	color: #fff;
	letter-spacing: 0.1px;
	background:none;
	box-shadow: none;
	border: none;
}

body .menu-main-menu > li.committees > a,
body .menu-main-menu > li.members > a {
	background-color: var(--biscay);
	background-color: #375083;
}

body .menu-main-menu > li.committees:hover > a,
body .menu-main-menu > li.members:hover > a {
	background-color: var(--biscay);
}

@media (max-width: 768px) {
	body .menu-main-menu > li.committees > a,
	body .menu-main-menu > li.members > a {
		background-color: transparent;
	}
}

body.logged-in-as-guest .menu-main-menu > li.members,
body:not(.committees) .menu-main-menu > li.committees,
body:not(.logged-in) .menu-main-menu > li.members {
    display: none;
}

body.logged-in-as-guest li.members a,
body.logged-in-as-guest .menu-main-menu .sub-menu > li.members a,
body:not(.committee-finance-committee):not(.all-committees) .menu-main-menu .sub-menu > li.committee-finance-committee a,
body:not(.committee-flag-officers):not(.all-committees) .menu-main-menu .sub-menu > li.committee-flag-officers a,
body:not(.committee-general-committee):not(.all-committees) .menu-main-menu .sub-menu > li.committee-general-committee a,
body:not(.committee-house-committee):not(.all-committees) .menu-main-menu .sub-menu > li.committee-house-committee a,
body:not(.committee-race-management-committee):not(.all-committees) .menu-main-menu .sub-menu > li.committee-race-management-committee a,
body:not(.committee-rsyc-staff):not(.all-committees) .menu-main-menu .sub-menu > li.committee-rsyc-staff a,
body:not(.committee-sailing-committee):not(.all-committees) .menu-main-menu .sub-menu > li.committee-sailing-committee a,
body:not(.committee-vice-commodores-committee):not(.all-committees) .menu-main-menu .sub-menu > li.committee-vice-commodores-committee a,
body:not(.committees) li.committees a,
body:not(.committees) .menu-main-menu .sub-menu > li.committees a,
body:not(.logged-in) li.members a,
body:not(.logged-in) .menu-main-menu .sub-menu > li.members a {
	color: var(--chambray);
	cursor: default;
	pointer-events: none;
	position: relative;
	z-index: 1;
}

body.logged-in-as-guest li.members a:after,
body.logged-in-as-guest .menu-main-menu .sub-menu > li.members a:after,
body:not(.committees) li.committees a:after,
body:not(.committees) .menu-main-menu .sub-menu > li.committees a:after,
body:not(.logged-in) li.members a:after,
body:not(.logged-in) .menu-main-menu .sub-menu > li.members a:after {
	transition: all 0.6s ease-in-out 0s;
	opacity: 0;
    background: #333;
    background: rgba(0,0,0,.9);
    border-radius: 5px;
    bottom: 38px;
    color: #fff;
    content: 'Login required to view';
    left: -11px;
    padding: 3px 12px;
    position: absolute;
    z-index: 98;
    width: 156px;
    font-size: 13px;
}

body.logged-in-as-guest li.members a:after,
body.logged-in-as-guest .menu-main-menu .sub-menu > li.members a:after {
    content: 'Full membership only';
}

body:not(.committees) li.committees a:after,
body:not(.committees) .menu-main-menu .sub-menu > li.committees a:after {
    content: 'Committees only';
}

body.logged-in-as-guest li.members:hover a:after,
body.logged-in-as-guest .menu-main-menu .sub-menu > li.members:hover a:after,
body:not(.committees) li.committees:hover a:after,
body:not(.committees) .menu-main-menu .sub-menu > li.committees a:hover:after,
body:not(.logged-in) li.members:hover a:after,
body:not(.logged-in) .menu-main-menu .sub-menu > li.members a:hover:after {
	opacity: 1!important;
}

.menu-main-menu .sub-menu li a:link,
.menu-main-menu .sub-menu li a:visited {
	border-left: none;
	text-decoration: none !important;
	display:block;
	padding: 8px 0;
	height:auto;
	white-space:wrap;
}

.menu-main-menu .sub-menu li .sub-menu li a {
	font-size:0.9em;
	padding: 8px 0;
}

@media (min-width: 769px) { /* Min! */
	.menu-main-menu .sub-menu li a strong {
	    text-transform: UPPERCASE;
	    font-weight: normal;
		font-size:0.8em;
	}
}

@media (max-width: 768px) {
	.menu-main-menu .sub-menu li .sub-menu li a {
		padding: 0;
	}
}

.menu-main-menu .sub-menu li a:hover,
.menu-main-menu .sub-menu li a:active {
	/*text-decoration:underline!important;*/
    color: #8db2dd;
}

.menu-main-menu li .sub-menu li a strong,
.menu-main-menu li .sub-menu li.explanation a {
	text-decoration:none!important;
}

.menu-main-menu li .sub-menu li.explanation a {
	text-decoration:none!important;
	cursor: default!important;
}

.menu-main-menu li .sub-menu li.disabled a {
	cursor: default!important;
	color: #808080;
}

@media (min-width: 601px) {	/* Min! */
	.menu-main-menu li .sub-menu li a strong {
		display: block;
		max-width: 80%;
		border-bottom: 1px solid var(--ship-cove);
		letter-spacing: 1.8px;
		color: var(--sun);
	}
}

.menu-main-menu li .sub-menu li a:hover strong {
	color: var(--sun);
}

.menu-main-menu li.explanation a span {
	display: block;
	max-width: 80%;
	color: #a5b8c5;
}

/* ---------------------------------- */

@media (max-width: 972px) {

	.menu-main-menu > li > .sub-menu > li {
		width: 100%;
	}

	.menu-main-menu > li.menu-item-has-children > a::before {
		display: none;
	}

	.menu-main-menu .sub-menu li a {
		transition: none;
	}

	#menu-mobile-menu {
		display: block;
	}

	.menu-main-menu {
		width: 100%;
		background: var(--biscay)!important;
		color: #414042;
		padding: 0;
		margin: 0;
		line-height: 20px;
	}

	.menu-main-menu li {
		display: inline-block;
        margin: 0!important;
		border-bottom: 1px solid var(--white);
		width: 92%;
		background-repeat: no-repeat;
		background-position: center right;
		padding: 2% 4%;
	}

	.menu-main-menu > li.menu-item-has-children {
        background-image: url('/wp-content/themes/block-theme/images/assets/chevron.png');
        background-position: right 11px;
        background-repeat: no-repeat;
	}

	.menu-main-menu li a {
		width: 100%;
		display: inline-block;
		text-align: left;
		padding: 0;
		transition: none;
		background-color: transparent;
	}

    .menu-main-menu li a:link, .menu-main-menu li a:visited {
	    color: #fff;
	}

	.menu-main-menu li a:hover,
	.menu-main-menu li a:active,
	.menu-main-menu li.current-menu-item a {
		color: #fff;
	}

	.menu-main-menu li:hover,
	.menu-main-menu li.current-menu-item,
	.menu-main-menu > li:hover > a {
		background-color: transparent;
	}

	.menu-main-menu li ul.sub-menu {
        position: static;
		top: 0;
	    padding: 0;
		margin: 0;
		width: 100%;
        max-height: 0;
        left: 0;
        overflow: hidden;
		transition: all 0.6s ease-in-out 0s;
		background-color: transparent;
	}

	.menu-main-menu > li.menu-item-has-children:hover {
        background-image: url('/wp-content/themes/block-theme/images/assets/chevron_down.png');
	}

	.menu-main-menu li.menu-item-has-children:hover ul.sub-menu {
		max-height: 100%;
		height: 100%;
        overflow: visible;
	}

	.menu-main-menu li.current-menu-parent ul.sub-menu {
	}

	.menu-main-menu .sub-menu li {
		padding: 0!important;
		border-bottom: none;
	}

	.menu-main-menu > li.two-column > .sub-menu > li {
		width: 100%;
	}

	.menu-main-menu .sub-menu li a {
		font-size: 15px!important;
	}

	.menu-main-menu .sub-menu li a:link,
	.menu-main-menu .sub-menu li a:visited {
		text-decoration: none;
		display:block;
		padding: 0;
		height:auto;
		white-space:nowrap;
		background-color: transparent;
	}

	.menu-main-menu .sub-menu li a:hover,
	.menu-main-menu .sub-menu li a:active {
		text-decoration: none;
	}

	.menu-main-menu ul.sub-menu .current_page_item a {
		text-decoration: none;
	}

	/*body.home .menu-main-menu > li.active > a {
		background-color: transparent;
	}*/

	.menu-main-menu,
	.menu-main-menu a,
	.menu-main-menu > li.current-menu-ancestor:hover > a,
	.menu-main-menu > li.current_page_parent:hover > a,
	.menu-main-menu > li.current-menu-parent:hover > a,
	.menu-main-menu > li.menu-item-has-children:hover > a,
	.menu-main-menu > li > .sub-menu > li {
		box-shadow: none;
	}

	/*.menu-main-menu li.practices > .sub-menu > li > a:first-child {
		font-size:1.2em;
		margin-top: 30px;
		padding-bottom: 2px;
	}

	.menu-main-menu li.practices > .sub-menu > li > a:first-child strong {
		font-size:1.2em;
		display: inline;
	}*/

}

@media (max-width: 6000px) {

	/*.menu-main-menu li {
		padding: 4%;
	}*/

}

/* ----------------------------------------------------------------------------------------------------------------------- */

.navigation li.footer_show {
	display: none;
}

ul#menu-footer-menu-1 li.footer-hide {
	display: none;
}

ul#menu-footer-menu-1 {
	vertical-align: top;
}

ul#menu-footer-menu-1 > li {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	padding-bottom: 0;
    margin: 0 1vw;
}

@media (max-width: 768px) {
	ul#menu-footer-menu-1 > li {
		width: 100%;
		margin-bottom: 15px;
	}
}

ul#menu-footer-menu-1 ul.sub-menu li {
	padding-bottom: 0;
	padding-top: 10px;
	display: block;
	width: 100%!important;
	margin-left: 0!important;
	text-transform: none;
}

ul#menu-footer-menu-1 li a {
	color: inherit;
    font-family: 'Seaside Medium', serif;
}

ul#menu-footer-menu-1 li a:link,
ul#menu-footer-menu-1 li a:visited {
    text-decoration: none;
}

ul#menu-footer-menu-1 li a:active,
ul#menu-footer-menu-1 li a:hover {
    text-decoration: underline;
}
