@charset "utf-8";
/* CSS Document */

/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

/* --------------------- Home Page Template --------------------- */

.home-featured-image {
	
}

.home-single-col a:hover {
	color: #7bbb77;
}



/* --------------------- Member Pages --------------------- */

.members {
	margin-top: 20px;
	margin-bottom: 80px;
}

.member-table {
	font-size: 20px;
}

.entry-title {
    font-size: 30px; /* Change the font size */
	font-family: "Inter", Sans-serif;
    color: #1C244B; /* Change the text color */
    text-transform: uppercase; /* Change text to uppercase */
    font-weight: bold; /* Make the text bold */
    text-align: left; /* Center align the header */
    margin-bottom: 20px; /* Add space below the header */
}

.page-content {
    font-size: 20px; /* Change the font size */
	font-family: "Inter", Sans-serif;
	font-weight: 300;
	line-height: 1.8em;
    color: #252525; /* Change the text color */
}

.page-content a {
	text-decoration: none !important;
}


/* --------------------- Board of Directors Login --------------------- */

/* Style the entire password form container */
.post-password-form {
    padding: 20px;
    border: none; /* Remove border */
    max-width: 500px; /* Limit the width for better readability */
    margin: 0 auto; /* Center the form */
}

/* Style the text for the password prompt */
.post-password-form p {
    font-family: "Inter", sans-serif; /* Updated font */
    font-size: 18px; /* Slightly smaller font size */
    line-height: 30px;
    color: #252525; /* Updated text color */
    text-align: left; /* Left align the text */
    margin-bottom: 20px;
}

/* Style the input field for the password */
.post-password-form input[type="password"] {
    width: 100%; /* Full width of the form */
    padding: 10px 15px; /* Space inside the input */
    font-family: "Inter", sans-serif; /* Match font */
    font-size: 20px; /* Match the text size */
    line-height: 36px; /* Match line height */
    color: #252525; /* Match text color */
    border: 1px solid #ccc; /* Light border around the input */
    border-radius: 5px; /* Rounded input field */
    margin-bottom: 21px; /* Spacing below the input */
    transition: border-color 0.3s ease;
}

/* Add focus styles to the input field */
.post-password-form input[type="password"]:focus {
    border-color: #009b75; /* Change border color on focus */
    outline: none; /* Remove the default outline */
}

/* Style the submit button */
.post-password-form input[type="submit"] {
    background-color: #315472; /* Primary button color */
    color: white; /* Button text color */
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 20px !important;
    padding: 10px 20px;
    border: none; /* Remove default border */
    border-radius: 5px; /* Rounded button */
    cursor: pointer; /* Pointer cursor on hover */
    width: 100%; /* Full width for the button */
    transition: background-color 0.3s ease;
}

/* Change button background color on hover */
.post-password-form input[type="submit"]:hover {
    background-color: #33648e; /* Darker shade on hover */
}




	
/* --------------------- Specific adjustments for mobile screens --------------------- */




@media (max-width: 1250px) {

	/* -------- Main Menu -------- */
	
	
	.elementor-22334 .elementor-element.elementor-element-244a3270 .elementor-nav-menu .elementor-item {
		font-size: 12px !important;
		margin-left: 0;

	}
	
	
	/* --------------------- Member Pages --------------------- */

	.member-table {
		font-size: 18px;
	}


}


@media (max-width: 767px) {
    
	/* -------- Home Page -------- */
	
	.home-featured-image {
		margin-top: -5% !important;
		margin-bottom: -35% !important;
    }
	
	.home-three-cols {
		padding-top: 0 !important;
	}
	
	.home-single-col a:hover {
		padding-top: -top: 500px !important;
	}
	
	
	/* --------------------- Member Pages --------------------- */

	.member-table {
		font-size: 16px;
	}

    /* --------------------- Board of Directors Login --------------------- */	
	
    .post-password-form {
        max-width: 100%; /* Ensure full width on small devices */
        padding: 15px;
    }

    .post-password-form p {
        font-size: 18px; /* Slightly smaller font size */
        line-height: 30px;
    }

    .post-password-form input[type="password"],
    .post-password-form input[type="submit"] {
        font-size: 18px; /* Reduce font size */
        line-height: 30px;
        padding: 8px 15px; /* Adjust padding for smaller screens */
    }
	
}


@media (max-width: 480px) {
    
    /* --------------------- Board of Directors Login --------------------- */
    
    .post-password-form {
        padding: 10px;
    }

    .post-password-form p {
        font-size: 16px; /* Smaller font for very small screens */
        line-height: 28px;
    }

    .post-password-form input[type="password"],
    .post-password-form input[type="submit"] {
        font-size: 16px; /* Smaller font */
        line-height: 28px;
        padding: 8px 10px; /* Smaller padding */
    }
}


/* ===== Styles for HEA Member Features ====== */
/* ----- WP-members Widget overwright ----- */
#wp-members {
  display: block;
  padding: 2rem;
  text-align: center;
  color:#fff;
  background-color: #5aaa55;
  max-width: 300px;
  margin: 0 auto;
}
#wp-members .widgettitle {
  font-size:1.6rem;
  font-weight:600;
  letter-spacing: 1px;
  margin-bottom:1rem;
  Color:#fff;
  text-transform:uppercase;
}
#wp-members a {
  color:#fff;
}
#wp-members input {
  color:#333;
}
#wp-members label {
  display:none;
}
#wpmem_login legend {
  display:none;
}
.app-wrap #wpmem_login fieldset {
  margin:0;
}
.app-wrap #wpmem_login .div_text + label,
.app-wrap #wpmem_login legend + label
 {
  display:none;
}
.app-wrap #wpmem_login form {
  display:inline-block;
  text-align:center;
}
.app-wrap #wpmem_login .div_text,
.app-wrap #wpmem_login .button_div {
  margin:.4rem 0;
  width:100%;
}
.app-wrap #wpmem_login .button_div {
  color:#fff;
}
.app-wrap #wpmem_login .button_div label {
  font-weight:400;
}
.app-wrap #wpmem_login input[type="text"],
.app-wrap #wpmem_login input[type="password"] {
  padding:.4rem 1rem;
}
.app-wrap #wpmem_login input[type="checkbox"] {
  margin:.2rem;
}
.app-wrap #wpmem_login input[type=submit] {
  -webkit-appearance: none;
  appearance: none;
  padding:.5rem 1rem;
  border:0;
  background-color:#5aaa55;
}
.app-wrap #wpmem_msg,
.app-wrap #wpmem_msg p {
  color: #b80029;
  padding-top:0;
}
.app-wrap #wpmem_msg h2 {
  margin-top:1rem;
}
/* ----- Invoices ----- */
.single-invoice-wrapper {
  z-index: 10;
}
.invoice-wrap {
  float: left;
  font-size: 16px;
  margin-top: 20px;
  padding: 20px;
  width:100%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.invoice-wrap h2 {
  margin: 5px 0 4px;
  font-size: 1.25em;
  text-shadow: 0 0 0;
}
.invoice-wrap .logo {
  float:left;
}
.invoice-wrap .address a[href^="tel"] {
  color: inherit;
  pointer-events: none;
}
.invoice-wrap .address .email { display: none; }
.invoice-wrap .invoice-number {
  float: right;
  text-align: right;
}
.invoice-wrap .invoice-number p {
  font-size: 20px;
  margin: 0;
}
.invoice-wrap .inv-title {
  font-weight: bold;
}
.invoice-wrap .invoice-number p.inv-title + p {
  color: #5aaa55;
  text-shadow: 0 0 0;
}
.invoice-wrap .box {
  margin-bottom: 14px;
  padding: 10px;
  /*border: 1px solid grey;*/
}
.invoice-wrap .col-one {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.invoice-wrap .col-two {
  float: left;
  width: 50%;
}
.invoice-wrap .invoice-information {
  display: table;
}
.invoice-wrap .invoice-information p {
  display: table-row;
}
.invoice-wrap .invoice-information span {
  display: table-cell;
  text-align: right;
}
.invoice-wrap .invoice-information strong {
  display: table-cell;
  padding: 0 0 .6rem .8rem;
}
.invoice-wrap .message {
  max-width:100%;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #ccc;
}
.invoice-line table {
  width:100%;
  border-collapse: collapse;
  border: 1px solid grey;
}
.invoice-line thead tr {
  color: #fff;
  background-color: grey;
}
.invoice-line td {
  padding: 5px;
  border: 1px solid grey;
}
.invoice-line thead td {
  text-transform: uppercase;
}

.invoice-totals td:first-of-type {
  width: 22%;
}

.invoice-totals td:nth-child(3),
.invoice-line td:last-of-type,
.invoice-totals td:last-of-type {
  text-align: right;
}
.invoice-totals td:last-of-type {
  padding-right: 8px;
}
.invoice-totals {
  margin: 20px 0;
}
.invoice-totals table {
  width:100%;
}
/* ----- Tonnage Report ----- */
.tonnage-controls {
  margin:40px 0 10px;
  text-align:right;
}
.tonnage-controls ul {
  padding:0;
  margin:0;
  list-style:none;
}
.tonnage-controls li {
  display:inline-block;
}
.tonnage-controls li:first-of-type {
  margin: 0 .5em;
}
.tonnage-controls li > a {
  display:block;
  padding:5px 10px;
  border:1px solid;
}
.tonnage table {
  border:1px solid #798995;
}
.tonnage table.fixed {
  table-layout: fixed;
}
.tonnage table.widefat {
  border-spacing: 0;
  clear: both;
}
.tonnage th, .table-heading {
  font-weight:600;
  letter-spacing:2px;
  padding:5px;
  color:#fff;
  background-color:#798995;
  text-transform:uppercase;
}
.tonnage td {
  padding:8px;
  border:1px solid #ccc;
}
.tonnage #cargo td:not(.grey-back):not(.grey-title) {
  padding:8px 2px;
}
.tonnage #preparedby input {
  width: 100%;
}
.tonnage .submit,
.tonnage button[type='submit'] {
  margin-top: 1em;
}
.swap.false {
  display:none;
}
.swap {
  display:table-cell;
}
.tonnage input:disabled {
  border:0;
  background-color:#fff;
}
.tonnage .input-short {
  border-radius: 3px;
  border: 1px solid #bbb;
  margin: 0 1px;
  padding: 2px 0;
  text-align: center;
  width:84px;
}
.input-width {
  width:100%;
}
#preparedby,
#information,
#js-supplementary table {
  width:100%;
}
#cargo td:nth-child(1) {
  width:15%;
}

/* ----- Pagination ----- */
.page-numbers {
  margin:0;
  padding:0;
  list-style:none;
}
.page-numbers li {
  display:inline-block;
  text-align:center;
  border:1px solid #d4d4d4;
}
.page-numbers > li > a,
.page-numbers .current {
  display:block;
  line-height:1;
  min-width:26px;
  padding:5px 0;
}
.page-numbers .current {
  color:#fff;
  background-color:#5aaa55;
}

/* Large devices (large desktops, 1200px and up) */
.hea-btn {
  display: inline-block;
  line-height: 2.4rem;
  letter-spacing: 1px;
  padding: .6rem 1.2rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 0;
  transition: 300ms;
  color: #fff !important;
  background-color: #5aaa55 !important;
  border: 0;
  -webkit-appearance: none;
}

.hea-btn:hover, .hea-btn:focus {
  background-color:#103b60 !important;
  color: #fff;
  text-decoration: none;
}