@charset "utf-8";

p#bh_password_reset_message,
p#bh_email_update_message {
	margin: 20px 0 0 0;
	font-size: 0.9em;
}

.blocksolid_ml .button {
	min-width: 150px!important;
}

.blocksolid_ml .button.updating {
	background-image: url(../images/assets/updating.svg)!important; /* http://www.ajaxload.info/ */
	background-position: center center!important;
	background-repeat: no-repeat!important;
	pointer-events:none;
	transition: none!important;
}

.blocksolid_ml .button.disabled {
	opacity: 0.7;
	pointer-events:none;
}

/* ------------------------------------------------------------------ */

.blocksolid-signup-response-output {
	font-size: 20px;
	text-align: center;
	padding: 20px;
    margin-bottom: 20px;
}

.blocksolid-signup-response-output.blocksolid_signup-display-none {
	font-size: 0;
	color: transparent;
	border-color: transparent;
	background-color: transparent!important;
}

.blocksolid-signup-response-output.error {
	background-color: var(--thunderbird);
}

.vessel-mini-form {
	background: var(--ship-cove);
	padding: 30px;
}

.vessel-mini-form.hideme,
.btn.vessel-add.hideme {
	display: none!important;
}

.vessel-display-block {
	width: 100%;
	display: flex;
	font-size: 22px;
	align-items: center;
	background: var(--ship-cove);
	padding: 0 0 0 20px;
    justify-content: space-between;
	margin-bottom: 20px;
	position: relative;
}

.vessel-display-block .vessel-name {
	width: auto;
}

.vessel-display-block .vessel-thumbnail {
	width: 100px;
	height: auto;
}

.vessel-display-block .vessel-delete {
	width: 20px;
	height: 20px;
	background: var(--thunderbird);
	color: var(--white);
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	line-height: 18px;
    font-size: 16px;
    font-family: sans-serif;
	text-align: center;
}

.vessel-display-block.hideme {
	display: none;
}

/* -------------------------------------------------------------------------------------------- */

/* Member Directory ----------- */

/* Scroll bar at top (accompanying JS function) */

#member_directory_scroll_wrapper_top {
	display: none;
}

#member_directory_scroll_wrapper_content {
	margin-top: 8px;
}


@media (max-width: 972px) {

	#member_directory_scroll_wrapper_top,
	#member_directory_scroll_wrapper_content {
	    width: 100%;
	    overflow-x: scroll;
	    overflow-y: hidden;
		padding: 0;
		margin: 0;
		display: block;
	}

	#member_directory_scroll_wrapper_top {
		height: 20px;
		margin-bottom: 20px;
	}

	#member_directory_scroll_wrapper_top > .member-directory-wrapper-inner,
	#member_directory_scroll_wrapper_content > .member-directory-wrapper-inner {
	    width: 972px;
	}

	#member_directory_scroll_wrapper_top > .member-directory-wrapper-inner {
	    height: 20px;
	}

	#member_directory_scroll_wrapper_content > .member-directory-wrapper-inner {
	    overflow: auto;
	}

}

#member_directory table,
#competitor_list table {
	table-layout:fixed;
}

#member_directory th,
#member_directory td,
#competitor_list th,
#competitor_list td {
	font-size: 15px;
	padding: 8px 10px 17px 10px;
}

#member_directory td.committee-check {
	text-align: center;
}

#member_directory.wp-block-table thead,
#competitor_list.wp-block-table thead {
    border-bottom: 0!important;
}

#member_directory th,
#competitor_list th {
	width: 30px;
	font-weight: 600;
    vertical-align: top;
    padding-top: 20px;
    color: var(--dove-gray);
	border: 1px solid var(--white);
}

#member_directory th {
	height: 240px;
    white-space: nowrap;
	background: var(--black-haze);
}

#member_directory tr.committee-member td {
	background: var(--ship-cove);
	color: var(--white);
}

#competitor_list th:not(:has(div)),
#member_directory th:not(:has(div)){
	width: 100px;
}

#member_directory th div {
    transform:
        /*translate(25px, 51px)*/
        rotate(90deg);
    /*width: 30px;*/
	padding-left: 12px;
}

#member_directory tbody tr {
    display: none;
}

#member_directory tbody tr.showme {
    display: table-row;
}


#member-directory-search.form fieldset {
	padding: 0;
}

#member-directory-search.form fieldset input:not(.btn) {
	margin:0;
}

@media (max-width: 972px) {
	#member-directory-search.form fieldset input:not(.btn) {
		margin:0 0 20px 0;
	}
}

#member-directory-search {
	background: var(--chambray);
	margin-bottom: 1em;
	margin-bottom: 0;
	padding: 2vw;
}

#member_directory th.committee-search {
	cursor: pointer;
	max-width: 45px;
	background: var(--ship-cove);
	color: var(--white);
    transition: all 0.4s ease-in-out 0s;
}

#competitor_list th {
	max-width: 45px;
	background: var(--ship-cove);
	color: var(--white);
    transition: all 0.4s ease-in-out 0s;
}

#member_directory th.committee-search:hover,
#member_directory th.committee-search.selected {
	background: var(--chambray);
}

#member-directory-search .wp-block-buttons {
	padding-bottom: 0;
}

#member-directory-search.form h3#member-match-count {
	margin-left: 1em;
	margin-bottom: 0;
	color:#fff;
}

#member_directory .smaller-column {
	max-width: 45px!important;
}

#member_directory .medium-column {
	max-width: 70px!important;
}

#member_directory .email-icon {
	text-align: center;
}

#member_directory .icon-email {
 	cursor: pointer;
	padding: 0;
	text-decoration: none;
	color: var(--chambray);
}

#member_directory .committee-member .icon-email {
	color: var(--white);
}

/* https://fontawesome.com/icons/categories/maritime */

.icon-email:before {
	content: "\f0e0"; /* Envelope */
}

#member_directory .icon-vessel-sail,
#member_directory .icon-vessel-motor {
	padding: 0;
	text-decoration: none;
	color: var(--chambray);
	display: inline-block;
	margin-right: 5px;
}

#member_directory .committee-member .icon-vessel-sail,
#member_directory .committee-member .icon-vessel-motor {
	color: var(--white);
}

.icon-vessel-sail:before {
	content: "\e445"; /* Sailboat */
}

.icon-vessel-motor:before {
	/*content: "\e52d";*/ /* Mound - flip and you have a coracle! */
	/*content: "\e568";*/ /* Multiple vessels */
	/*content: "\f13d";*/ /* Anchor */
	/*content: "\e4ea";*/ /* Ferry */
	content: "\f21a"; /* Ship */
}