/******************************************
** PNSED CUSTOM STYLESHEET
** version 1.0.0
** by jendelapaz
**
** Last Updated: March 2026
******************************************/

/***** General ***/
.uk-navbar-nav {
	gap: 0px;
}
.uk-navbar-left{
	gap:80px;
}
.header-socials li.el-item:last-child .uk-icon-button{
	background-color: unset
}

.header-socials li.el-item{
    padding-left: 5px;
}
.uk-overlay-default{
	background-color: transparent;
    background-image: linear-gradient(to top, #000000c7, #0c1a341a);
}

/*Buttons*/
.uk-button-secondary, .uk-button-primary:hover {
	background: transparent;
  	background: linear-gradient(90deg,rgba(0, 202, 245, 1) 0%, rgba(0, 162, 255, 1) 25%, rgba(40, 115, 235, 1) 100%);
}
.uk-button-secondary:hover {
  	background: linear-gradient(90deg,rgba(0, 146, 186, 1) 0%, rgba(0, 126, 216, 1) 50%, rgba(18, 94, 251, 1) 100%);
    color: #fff !important;
    border-color: transparent;
}
.uk-button-primary:hover {
	border:1px solid #00D3F3;
}

.item-border .el-item{
	border: 1px solid rgb(255 255 255 / 15%);
	border-radius:14px;
}
.item-border .el-item:hover  {
    border: 1px solid rgb(0 186 214 / 50%);
	border-radius:14px;
}

/*Tile*/
.uk-tile-primary {
    border-radius:14px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.uk-tile-secondary {
    border-radius:14px;
    border: 1px solid #00617F;
}
.uk-tile-muted {
    border-radius:14px;
    border: 1px solid #22346f;
}
.uk-tile-muted .uk-text-warning {
    color: #50A2FF !important;
}

/*Utilities*/
.border-radius-14{
	border-radius:14px;
}

/*Gradient*/
.gradient-blue-text{
	background: linear-gradient(90deg,rgba(0, 202, 245, 1) 0%, rgba(0, 162, 255, 1) 25%, rgba(40, 115, 235, 1) 100%);
	background-clip: text;
	color: transparent;
}


/*** Home ***/
.president-message-section .uk-tile-primary img {
    border-top-left-radius:14px;
		border-bottom-left-radius:14px;
}
/*** About Us ***/
.hd-timeline-container .el-item:hover{
	box-shadow: 0 0 10px 10px #0e234394;
    transition: box-shadow 0.3s ease-in-out;
}
.hd-timeline-container .el-timeline-icon{
    background-color: #173d74;
    border-color: rgb(1 5 9 / 25%) !important;
    box-shadow: 0 0 5px 5px #0e234394 !important;
    transition: box-shadow 0.3s ease-in-out !important;
}
/*** Departments ***/

.departments-grid-list .el-image{
	background: transparent;
	width:stretch;
	padding:15px;
	border-radius:14px;
}
.departments-grid-list a.uk-tile-hover:hover,.news-grid-list a.uk-tile-hover:hover{
	background: #0c1a34;
    border: 1px solid #00617F;
}

.departments-grid-list a.uk-tile-hover:hover .el-image{
	transform: scale(1.2);
	transition: transform 0.4s ease-in-out;
}
.departments-grid-list a.uk-tile-hover:hover .el-link{
	padding-left:20px;
	transition: padding 0.4s ease-in-out;
	color: #00d3f3;
    position: unset;
}

.departments-grid-list .el-link .uk-icon{
 	margin-left: 5px !important;
} 
.departments-grid-list .civil-arch-department .el-image{
  	background: linear-gradient(90deg,rgba(0, 202, 245, 1) 0%, rgba(0, 162, 255, 1) 25%, rgba(40, 115, 235, 1) 100%);
}
.departments-grid-list .piping-department .el-image{
	background: transparent;
  	background: linear-gradient(90deg,rgba(69, 123, 255, 1) 0%, rgba(136, 100, 255, 1) 50%, rgba(162, 82, 255, 1) 100%);
}
.departments-grid-list .electrical-department .el-image{
	background: transparent;
  	background: linear-gradient(90deg,rgba(179, 72, 254, 1) 0%, rgba(212, 71, 203, 1) 50%, rgba(243, 54, 159, 1) 100%);
}
.departments-grid-list .mechanical-department .el-image{
	background: transparent;
  	background: linear-gradient(90deg,rgba(247, 51, 147, 1) 0%, rgba(248, 50, 108, 1) 50%, rgba(251, 44, 59, 1) 100%);
}

/*** News and Events ***/
.news-grid-list picture{
    display: block;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    padding: 10px 0px;
}
.news-grid-list div[data-tag="Company-News"] picture{
    background: linear-gradient(90deg, rgba(0, 202, 245, 1) 0%, rgba(0, 162, 255, 1) 25%, rgba(40, 115, 235, 1) 100%);
}
.news-grid-list div[data-tag="Internal-News"] picture{
  	background: linear-gradient(90deg,rgba(69, 123, 255, 1) 0%, rgba(136, 100, 255, 1) 50%, rgba(162, 82, 255, 1) 100%);
}
.news-grid-list div[data-tag="Events"] picture{
  	background: linear-gradient(90deg,rgba(179, 72, 254, 1) 0%, rgba(212, 71, 203, 1) 50%, rgba(243, 54, 159, 1) 100%);
}

.news-grid-list .el-item{
	display: flex;
    flex-direction: column;
}
.news-grid-list .el-item .el-link{
	position: absolute;
    top: 119px;
	margin-left: 125px;
	font-size: 0.875rem;
}
.news-grid-list div[data-tag="Company-News"] .el-item .el-link{
    margin-left: 120px;
}
.news-grid-list div[data-tag="Internal-News"] .el-item .el-link{
    margin-left: 110px;
}
.news-grid-list div[data-tag="Events"] .el-item .el-link{
    margin-left: 70px;
}


.news-grid-list .el-item .el-image{
	width:40px;
	height:40px;
	margin: 10px 0px 10px 30px;
	background-size: cover;
}

.news-grid-list div[data-tag="Company-News"] .el-item .el-image{
    background-image: url('/wp-content/uploads/2026/03/company-new-icon.png');
}
.news-grid-list div[data-tag="Internal-News"] .el-item .el-image{
    background-image: url('/wp-content/uploads/2026/03/internal-news-icon.png');
}
.news-grid-list div[data-tag="Events"] .el-item .el-image{
    background-image: url('/wp-content/uploads/2026/03/events-news-icon.png');
}


.news-grid-list .el-item .el-meta{
	color: #00bad6 !important;
    padding: 1px 10px;
    border: 1px solid #00bad6;
    border-radius: 8px;
    font-weight: 600;
    width: max-content;
	background: #0E2A42;
    font-size: 0.75rem;
}
.news-grid-list .el-item .el-title{
	font-weight:700;
}
.news-grid-list .el-item:hover .el-title{
	color:#00d3f3;
}
.news-grid-list .el-nav{
	display:none;
}
.single-post [rel="tag"]{
    pointer-events: none;
}

/*** Careers ***/

.job-title .el-meta{
    color: #00bad6 !important;
    padding: 1px 10px;
    border: 1px solid #00bad6;
    border-radius: 8px;
    margin-left: 15px;
    font-weight: 500;
	width: max-content;
}
.job-location .uk-text-middle{
    color: #b8b4b4;
    font-weight: 500;
    margin:0px 5px;
}
.careers-section .job-apply a.el-content::hover .el-title {
	color: #00bad6 !important;
}
.job-description .uk-button.read-more{
	top: -78px;
	position: relative;
}

/*** Contact Us ***/
.pnsed-form .uk-textarea{
	height:200px;
}
.pnsed-form .uk-input, .pnsed-form .uk-textarea{
    margin-top: 10px;
}
.careers-section iframe {
	border-radius:14px;
}

/*** Newsletter ***/
div.tnp-subscription{
	max-width: 400px;
}
.tnp-subscription .tnp-field {
	display:flex;
}
.tnp-field.tnp-field-email input {
    margin: 10px;
}
.tnp-field.tnp-field-email input{
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: #0c1a34;
    padding: 15px;
}
.tnp-submit.uk-button-secondary{
    background: linear-gradient(90deg, rgba(0, 202, 245, 1) 0%, rgba(0, 162, 255, 1) 25%, rgba(40, 115, 235, 1) 100%) !important;
    border: 1px solid #00D3F3 !important;
}
.tnp-submit.uk-button-secondary:hover{
	background: linear-gradient(90deg, rgba(0, 146, 186, 1) 0%, rgba(0, 126, 216, 1) 50%, rgba(18, 94, 251, 1) 100%) !important;
}


/*** Contact Us***/
span.wpcf7-spinner{
	display: none; !important;
}

/*** Search Results ***/
.search-results .pnsed-search-results .el-image{
    border-top-left-radius: 14px; 
    border-top-right-radius: 14px;
}
.search-results .pnsed-search-results .el-title{
    font-weight:700;
}

/*** Responsive ***/
@media (max-width:1280px){
	.home-banner .uk-heading-small {
        font-size: 3rem;
	}
	.uk-logo{
		width: 300px;
	}
	.uk-navbar-nav>li>a{
		font-size: 0.875rem;
	}
}
@media (max-width:1024px){
	.home-banner .uk-heading-small {
        font-size: 2rem;
	}
	.president-message-section .uk-tile-primary img {
    border-top-left-radius:14px;
		border-top-right-radius:14px;
		border-bottom-left-radius:0px;
	}
	.uk-navbar-item {
		min-height: 0px;
	}
	.uk-navbar-left{
        gap: 0px;
    }
	.uk-navbar-nav {
        gap: 10px;
		margin-left: 50px;
    }
	.job-description .uk-button.read-more{
		top: 0px;
		position: unset;
	}
	.job-description .uk-width-expand {
		flex: none;
	}
	.news-grid-list .el-item .el-link{
		top: 110px;
	}
}
@media (max-width:540px){
	.job-title {
		display: block;
	}
	.job-title .el-meta {
		margin-left: 0px;
	}
	.tnp-subscription .tnp-field {
		display: block;
		width: 93%;
	}
}
@media (max-width:414px){
	.job-location .el-item {
		display: inline-block;
	}
	.tnp-subscription .tnp-field {
		display: block;
		width: 93%;
	}
}