.suite__availability.status-full {
    color: #d0d0d0;
}

.suite_name--suite_price--availability.status-full .discount__price {
    color: #d0d0d0;
}

.flextest {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}


span.trip-season-filter{
	
	font-weight:400;
	cursor:pointer;
	margin:0 1em;
}


.tabbed-content {
    /* border: 1px solid #E6E6E6; */
    border: 1px solid rgba(49, 80, 162, 0.10);


    padding: 16px;
}

.trip-tabs > ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
}

.trip-tabs > ul > li {
    display: block;
    margin-bottom: 0px!important;
}

.trip-tabs > ul > li > a {
    /* background-color: #f3f6f9; */
    background-color: #E6E6E6;
    color: #4D4D4D;
    font-weight: 800;
    padding: 1rem;
    display: block;
    text-align:center;
    transition: all .3s ease-in-out;
}

.trip-tabs > ul > li > a:hover {
    font-size: 16px;
}

.trip-tab-link.active {
    /* background-color: transparent;
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-right:1px solid #E6E6E6; */

    background-color: #3150A2;
     color: #FFFFFF;


}

.trips-by-itinerary .tab-content {
    display: none;
}

.trips-by-itinerary .tab-content.active {
    display: block;
}

.trip-filters {
	margin-top: 56px;
	margin-left: 16px;
}

.trip-filters .season-filter-row {
	margin-bottom: 16px;
}

.trip-filters .cabin-occupancy-row .cabin-occupancy-title,
.trip-filters .season-filter-row .voyage-season-title,
.trip-filters .cabin-type-row .cabin-type-title
 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .2px;
	color: var(--wp--preset--color--sea);

}

.trip-filters .cabin-type-row .cabin-type-title {
	margin-right: 9px;
}


.trip-filters .trip-season-filter{
	padding: .25em .5em;
	margin: 8px;
	border: solid 1px var(--wp--preset--color--cruise);
	font-size: 16px;
	color: var(--wp--preset--color--shadow);
}

.trip-filters .cabin-type-row input[type="checkbox" i]{
	margin-right: 8px;
	border-color: var(--wp--preset--color--cruise);
}

.trip-filters .trip-season-filter.active{
	color: var(--wp--preset--color--shadow);
	background:var(--wp--preset--color--cruise);
	}

.trip-filters .trip-cabinoccupancy-filter,
.trip-filters .trip-cabintype-filter {
	margin-right: 16px;
	font-size: 16px;
}


.trips-by-block-inner{
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	margin-bottom:2em;
}

.trips-by-block-inner .trip-section-left{
	display:flex;
	flex-direction:column;
	grid-row:1;
	grid-column: 1 /span 2;
	background-color: var(--wp--preset--color--sea)!important;
	
}

.trips-by-block-inner .trip-section-left  .trip-name,
.trips-by-block-inner .trip-section-left  .trip-date,
.trips-by-block-inner .trip-section-left  .trip-start-end{
	border-bottom: 1px solid var(--wp--preset--color--true-blue);
}



.trips-by-block-inner .trip-section-left  .trip-date {
	line-height: 1.2;
	padding: 16px;
	gap: 8px;
}

.trips-by-block-inner .trip-section-left  .trip-date .wp-block-image img {
	width: 20px;
	height: auto;
}

.trips-by-block-inner .trip-section-left  .detialsBox {
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.trips-by-block-inner .trip-section-left  .detialsBox .wp-block-image img {
	width: 24px!important;
	height: auto;
}

.trips-by-block-inner .trip-section-left  .trip-start-end {
	gap: 8px;
	padding: 16px 0px 16px 0px;
}

.trips-by-block-inner .trip-section-left  .trip-start-end td {
	padding: 0px;
}
.trips-by-block-inner .trip-section-left  *.has-small-font-size  td,
.trips-by-block-inner .trip-section-left  *.has-small-font-size{
	font-size:.66rem!important;
	}

.trips-by-block-inner .trip-section-left .itinerary-permalink{
	display:flex;
	align-content:space-between;
	align-items:center;
	font-size: 1rem;
	gap: 6px;
	transition: .2s ease all;
}

.trips-by-block-inner .trip-section-left .itinerary-permalink:hover{
	display:flex;
	align-content:space-between;
	align-items:center;
	gap: 6px;
	color: var(--wp--preset--color--cruise);
	text-decoration: none;
}

.trips-by-block-inner .trip-section-left .itinerary-permalink::after{
	color:var(--wp--preset--color--vivid-cyan-blue);
}

.trips-by-block-inner .trip-section-left .itinerary-permalink::after{
	
	background-color:currentColor;
	content: "";
	width:1.2em;
	height:1.2em;
	flex: 0 0 1.3em;
	 -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L8.6 10.55L12.15 7H0V5H12.15L8.6 1.45L10 0L16 6L10 12Z' fill='currentColor' /%3E%3C/svg%3E");
	  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L8.6 10.55L12.15 7H0V5H12.15L8.6 1.45L10 0L16 6L10 12Z' fill='currentColor' /%3E%3C/svg%3E");
	 -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: translateX(25%);
  transition: .2s ease all;
	
	/*	  content: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L8.6 10.55L12.15 7H0V5H12.15L8.6 1.45L10 0L16 6L10 12Z' fill='currentColor' /%3E%3C/svg%3E");
	
	*/
	display:block;
	/*filter: invert(42%) sepia(81%) saturate(2957%) hue-rotate(167deg) brightness(102%) contrast(102%);*/
}

.trips-by-block-inner .trip-section-left .itinerary-permalink:hover::after{
	transform: translateX(35%);
}

.trips-by-block-inner .trip-section-left .detailsBox > div >p{
	margin:0;
} 



.trips-by-block-inner .trip-section-right{
	display:flex;
	grid-row:1;
	grid-column: 3 /span 6;
	
}


.trips-by-block-inner  .trip-section-right-heading-column{
	background:var(--wp--preset--color--tertiary);
	
}

.trips-by-block-inner .trip-section-right > div >div{
	border-bottom:solid 1px var(--neutral-300);
	}


.trips-by-block-inner  .trip-section-right-heading-column >div{
	font-weight:bold;
	font-color:var(--wp--preset--color--primary);
	border-bottom:solid 1px var(--neutral-300);
}


.trips-by-block-inner .trip-section-right > div{
	display:flex;
	flex-flow:column;
	
	
}

/* table */

.trips-by-block-inner .trip-section-right{
	overflow-x:auto;
	background:white;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table{
	width:-webkit-fill-available;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table tr th{ 
font-weight:700;
font-size:.66rem;
background: #D8E4EE;
color:var(--wp--preset--color--navy);
position:sticky;
left:0;
min-width:10em;
max-width:10em;
line-height: 1.2;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table tr th,
.trips-by-block-inner .trip-section-right .cabin-rate-table tr td{
	/*display:flex;*/
	border-right:solid 1px var(--neutral-300);
	border-bottom:solid 1px var(--neutral-300);
}

.trips-by-block-inner .trip-section-right .cabin-rate-table td {
min-width: 125px;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table .suite__name {
/* vertical-align: top;
    padding-top: 32px; */
	vertical-align: top;
	height: 32px;
    padding: 16px 0 16px 0px;
    /* padding-top: 4px;
    padding-bottom: 4px; */
}

.trips-by-block-inner .trip-section-right .cabin-rate-table .suite__name .suite_color-svg {
	min-width: 16px;
	min-height: 16px;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table .suite__name h5 {
	line-height: 1.2;
	    margin-top: 0px;
    margin-bottom: 0px;
	text-transform: uppercase;
	font-size: .65rem;
	letter-spacing: .0125rem;
	color: #0A415D;

}


.trips-by-block-inner .trip-section-right .cabin-rate-table tr td.filteredOut{
	display:none;
	visibility:hidden;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table tr td:not(.suite__name){
text-align:center;	
font-weight:400;
font-size:.66rem;
line-height:1rem;
	}

.trips-by-block-inner .trip-section-right .cabin-rate-table tr td.suite__price.no-room-discounts{
	font-weight:600;
font-size:1rem;
}

.trips-by-block-inner .trip-section-right .cabin-rate-table tr td.suite__price >i{
	font-size:.6rem;
	font-weight:400;
	line-height:.5rem;
	display:inline-block;
	}

	.trips-by-block-inner .trip-section-right .cabin-rate-table tr td.discount_name--discount_amount--discount_type {
		color: var(--wp--preset--color--accessible-buoy);
	}

.trips-by-block-inner .trip-section-right .cabin-rate-table tr td.discount__price{

	font-size:1rem;
	font-weight:600;
	}


.trips-by-block-inner .trip-section-right .cabin-rate-table tr td.status-full{
	background: #E7E7E7;
	color: #9A9A9A;
	}


.trips-by-block-inner .trip-section-right .cabin-rate-table tr td > *.flex{
	display:flex;
	flex-direction: row;
	gap: 8px;
	padding-left: 8px;
	padding-right: 8px;
	}

.trips-by-block-inner .trip-section-footer ul li,
.trips-by-block-inner .trip-section-footer ul{
	list-style:none;
	padding:0;
	margin:0;
}

.trips-by-block-inner .trip-section-footer> *{
	display:inline-flex;
	
}
.trips-by-block-inner .trip-section-footer{
	grid-row:2;
	grid-column:1 /span 8;
	display:flex;
	flex-flow:row;
	align-content:space-around;
	background-color: var(--wp--preset--color--sea);
}


.trips-by-block-inner .trip-rates-booking-button{
	width:100%;
}

.trips-by-block-inner .wp-block-button > .wp-block-button__link {
	background-color: var(--wp--preset--color--cruise);
	border: none;
	color: var(--wp--preset--color--navy);
	font-size: 14px;
	font-weight: 600;
	transition: .2s ease;
}

.trips-by-block-inner .wp-block-button > .wp-block-button__link:hover {
	background-color: #52B1C1;
	border: none;

}

.trips-by-block-inner .trip-rates-booking-button> div.wp-block-button{
	width:100%;
}

.trips-by-block-inner .trip-rates-booking-button .wp-block-button__link{
	margin:0;
	width:100%;
}

.trips-by-block-inner .trip-section-footer > p:first-of-type{
	margin-right:1em;
	margin-left:1em;
	}

.trips-by-block-inner .trip-section-footer .activity-group{
	border-left:solid 1px  var(--wp--preset--color--true-blue);
	padding-left:1em;
	margin-right:1em;
}

.trips-by-block-inner .trip-section-footer .activity-group .wp-block-image img{
	vertical-align: middle;
}


.trip-section-footer a{
	color:#fff;
	font-weight:700;
	
}

.trip-section-footer  *.has-small-font-size{
	
	font-size:12px!important;
}

/* mobile fixes for trips and rates table */

@media screen and (max-width: 768px) {

	.trips-and-rates {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	.trips-by-itinerary {
		display: block;
		max-width: 100%!important;
	}
	
	.trips-by-itinerary .trip-section-left {
		display: flex;
		flex-wrap: wrap;
    	grid-row: 1;
    	grid-column: 1 / span 8;
	}

	.trips-by-itinerary .trip-section-left .trip-name {
		width: 100%;
	}

	.trips-by-itinerary .trip-section-left .itinerary-permalink {
		justify-content: flex-start;
	}

	.trips-by-itinerary .trip-section-left .trip-date {
		width: 100%;
    	justify-content: flex-start;
	}

	.trips-by-itinerary .trip-section-left .trip-start-end {
	width: 100%;
	justify-content: flex-start
	}

	.trips-by-itinerary .trip-section-left .detailsBox {
	width: 100%;
	justify-content: center;
	}

	.trips-by-itinerary .trip-rates-booking-button {
		width: 100%;
	}

	.trips-by-itinerary .trip-section-footer {
		flex-flow: column;
	}

		.trips-by-itinerary .trip-section-footer .activity-group:last-child {
		padding-bottom: 1rem;
	}

		.trips-by-itinerary .trip-section-right tr {
		height: 4rem;
	}

}