/*
Theme Name:     Forge Creative Limited
Description:    Forge Creative Limited
Author:         Forge Creative Limited
Template:       dt-the7

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../dt-the7/style.css");


#page .ferry-update-widget { margin-bottom: 30px; }
#page .ferry-update-widget .ferry-update-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #fed501; }
#page .ferry-update-widget .ferry-update-caption { font-size: 14px; }
#page .ferry-update-widget .ferry-update-caption a { color: #fed501;  }
#page .ferry-update-widget .ferry-update-date { font-size: 14px; text-align: right; }
.masthead.line-decoration:not(.side-header):not(.mixed-header):not(.masthead-mobile-header) { border-bottom: 9px solid #fed501; }
.main-nav > li > a .menu-text { letter-spacing: 1px; }
.tab-style-one.wpb_tabs .wpb_tabs_nav li:not(.ui-tabs-active) { border-radius: 0 !important; background-color: transparent !important; box-shadow: inset 0px 0px 0px 1px rgba(204,204,204,0.15); }
.wpb_tabs.tab-style-one .wpb_tabs_nav > li.ui-state-active { border-radius: 0 !important; }
#page .content button { background-color: #fed501; border: none; padding-left: 12px; padding-right: 12px; font: normal normal normal 14px / 36px "Open Sans", Helvetica, Arial, Verdana, sans-serif;}
#page h5 { color: #fed501; }
#page .content a { text-decoration: none; }
#page .easy-table-cuscosky thead th { background-color: #fed501; color: #000; }
@media screen and (min-width: 1170px) {
	body.page:not(.home) .branding, body.page:not(.home) .branding a { display: inline-block; width: auto; }
	body.page:not(.home) .branding { flex: none; }
	body.page:not(.home) .navigation { display: inline-block; width: auto; position: absolute; top: 40px; right: 0;}
}
@media screen and (max-width: 1050px){
	#page #fancy-header { background-position: right top !important; }
}
#page .ct-tabs .ct-tabs-buttons-container .ct-tabs-buttons { list-style: none; margin: 0; display: inline-block; width: 100%; }
#page .ct-tabs .ct-tabs-buttons-container .ct-tabs-buttons li { float: left; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(204,204,204,0.15); -moz-box-shadow: inset 0px 0px 0px 1px rgba(204,204,204,0.15); box-shadow: inset 0px 0px 0px 1px rgba(204,204,204,0.15); margin-right: 5px; margin-bottom: 5px;  }
#page .ct-tabs .ct-tabs-buttons-container .ct-tabs-buttons li a { padding: 10px 20px; display: block; color: #fff; text-decoration: none !important; }
#page .ct-tabs .ct-tabs-buttons-container .ct-tabs-buttons li a:hover { color: #fed501;  }
#page .ct-tabs .ct-tabs-buttons-container .ct-tabs-buttons li.ct-active-tab { background-color: #fed501; }
#page .ct-tabs .ct-tabs-buttons-container .ct-tabs-buttons li.ct-active-tab a { color: #fff;  }
#page .ct-tabs .ct-tabs-content .ct-tab-content { display: none; }
#page .ct-tabs .ct-tabs-content .ct-tab-content.ct-active-content { display: block; }
body #page .fancy-header .hgroup, body #page .page-title .hgroup { overflow: visible; }
@media screen and (max-width: 778px){
#fancy-header .hgroup, #fancy-header .breadcrumbs {
    text-align: left !important;
}
}
@media screen and (max-width: 400px){
#fancy-header .hgroup, #fancy-header .breadcrumbs {
    text-align: center !important;
}
}

/* New Table Press Styles */
#page .tablepress thead th, .tablepress tfoot th { 
	background-color: #fed501; 
	color: #000; 
}
#page .tablepress th, .tablepress td{ 
	font-family: "Trebuchet MS", Arial, sans-serif; 
	text-align: center;
	border: solid 1px #cccccc; 
}

#page .rakino-island-tt tbody td:nth-child(1), #page .rakino-island-tt tbody td:nth-child(2){
	font-weight: 600;
}

#page .west-harbour-tt .column-1, .tablepress-id-2 .column-4{ width: 30%; }
#page .west-harbour-tt .column-2, .tablepress-id-2 .column-3{ width: 20%; }
#page .west-harbour-tt .column-2, .tablepress-id-2 .column-3{ width: 20%; }
#page .rakino-island-tt .column-1, #page .rakino-island-tt .column-2{ width: 15%; }

@media screen and (max-width: 1024px){
	#page .ct-tab-content, #page .table-wrapper  {
		overflow-x: auto;
		white-space: nowrap;
	}

	#page .tablepress {
		width: 100%; /* Ensure the table takes up the full width */
		border-collapse: collapse; /* Ensure cells are collapsed for clean design */
	}

	#page .tablepress th,
	#page .tablepress td {
		white-space: nowrap;
	}

	/* #page .rakino-island-tt tbody td:nth-child(1),
	#page .rakino-island-tt thead th:nth-child(1),
	#page .rakino-island-tt tbody td:nth-child(2),
	#page .rakino-island-tt thead th:nth-child(2) {
		position: sticky;
		left: 0;
		z-index: 20;
		border-right: solid 1px #cccccc;
	}

	#page .rakino-island-tt tbody td:nth-child(2),
	#page .rakino-island-tt thead th:nth-child(2) {
		left: 100px; 
		z-index: 15;
		border-right: solid 1px #cccccc;
	} */
}

@media screen and (max-width: 778px){
	#page .rakino-island-tt tbody td:nth-child(2),
	#page .rakino-island-tt thead th:nth-child(2) {
		left: 95px; /* Adjust this value to match the width of the first column */
	}
}