/******************************************
** Vibrant Technology Solutions Custom Sylesheet
** version 1.0.0
** by jendelapaz
**
** Last Updated: July 2025
******************************************/


/*** GENERAL ***/
:root {
    --primary: #4C6094;
	--secondary: #FFDE59;
    --accent: #0B1E51;
	--body: #000000;
}


ul.uk-nav.uk-navbar-dropdown-nav li{
    border-top: 1px solid #fff;
}
ul.uk-nav.uk-navbar-dropdown-nav li:first-child{
    border-top: 0px solid #fff;
}
ul.uk-nav.uk-navbar-dropdown-nav a{
    padding:10px;
}

.uk-navbar-dropdown-nav .uk-icon, #tm-dialog-mobile .uk-nav-sub .uk-icon{
    display:none;
}
.uk-tile-primary{
    /* border-top-left-radius: 15px;
    border-bottom-left-radius: 15px; */
    border-radius: 15px;
    border: 1px solid #4C6094;
}
.uk-tile-secondary{
    border-radius: 15px;
    border: 1px solid #FFDE59;
}
.tekla-taining-panels .uk-card-secondary {
	border-radius: 15px;
	background: linear-gradient(168deg, #262E42 17.03%, #555 55.87%, #BCBCBC 97.46%);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	color:#fff;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 70px;
	padding-bottom: 70px;
}

.uk-tab {
    margin-left: 0px !important;
}
.uk-tab>li {
    padding-right: 20px;
}
.uk-tab li.uk-active{
    border-radius: 12px 12px 0 0;
}
.uk-tab li.uk-active{
    background: var(--primary);
}

.whitebg-withborder .el-item{
    border-radius: 34px;
    border: 1px solid #B9C3DD;
    background: #FFF;
}
.uk-button{
    padding: 0 20px;
}
.tm-header .uk-icon{
    padding: 0px;
}
.uk-icon{
    padding: 0px 0px 0px 25px;
}
.uk-icon.uk-pagination-next{
    padding:6px 0px;
}
.rounded-grid .el-item{
    border-radius: 35px;
}
.rounded-column .uk-tile, .page-id-1083 .rounded-column .uk-position-cover{
	border-radius:60px;
}
.vts-panels .el-meta, .vts-panels .el-title, .vts-panels .el-content{
	color: #fff;
}
.vts-panels .vts-panel-left {
    margin-right: -12px;
}
.vts-panels .vts-panel-right {
    margin-left: -12px;
}
.vts-panels .vts-panel-middle{
    z-index:1;
}
.vts-bg-gradient-01{
	border-radius:15px;
	border: 1px solid #FFDE59 !important;
	background: linear-gradient(128deg, #6D5B12 10.95%, #FFDE59 73.72%) !important;
	padding: 20px;
}


/*** Section ***/
.section-blue-gradient{
	background: linear-gradient(116deg, #4C6094 20.41%, #181E2E 91.79%) !important;
}
.section-blue-gold-gradient{
	background: linear-gradient(116deg, #4C6094 20.41%, #8C7C3C 57.47%, #FFDE59 89.05%); !important;
}



/*** Home ***/
.img-item-wrapper {
    z-index: 99;
    position: absolute; 
}
.img-item-wrapper.ellipse-1 {
    left: 30px;
    top: -20px;
}

/*** Products ***/


.key-benefits-list .uk-grid-divider>::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 4px solid #D9D9D9 !important;
	left: 70px;
}
/*** About Us ****/

.clients-logo .el-item{
    border-radius:40px;
}

/*** Contact Us ***/
.contact-form .wpcf7-textarea {
    height: 200px;
    resize: none;
}
.wpcf7-spinner{
	display:none;
}
.getin-touch-tab .uk-tab li.uk-active{
    border: 1px solid #B4B4B4;
    background: #FFF;
}

.getin-touch-tab  .uk-tab>.uk-active>a {
    color: #333;
    border-color: transparent;
    background: #FFF;
}
.getin-touch-tab .el-content a {
	color:#000 !important;
}
/*input.wpcf7-form-control.wpcf7-submit {*/
    /*background-image: url("https://vtsphil.imanilahost.com/wp-content/uploads/2025/08/check-icon.png");*/
    /*background-repeat: no-repeat;*/
/*    background-position: 5px center;*/
/*    padding-right: 50px;*/
/*}*/

/*** Services ***/
.how-to-enroll .el-meta{
    position: relative;
    top: -70px;
    bottom: 0px;
    background: #FFDE59;
    border-radius: 50%;
    padding: 30px 0px;
    color: #4C6094 !important;
    font-size: 23px;
    font-weight: 700;
    width: 100px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
.how-to-enroll .uk-tile-primary{
	border-radius: 50px;
	background: linear-gradient(168deg, #4C6094 17.03%, #4C6094 55.87%, #BCBCBC 97.46%);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	border: 0px solid transparent;
	margin-top:50px;
}
.how-to-enroll .el-content{
    margin-bottom: 50px;
}

/*** Articles ***/
.articles-grid .el-meta, .webinar-grid .el-meta, .rounded-grid .el-meta{
    font-style: italic;
}

/*** Footer ***/

.home #tm-footer-bottom-home{
    display:block;
}
#tm-footer-bottom-home, .home #tm-footer-bottom, .page-id-324 #tm-footer-bottom{
    display:none;
}
#tm-footer-bottom{
    margin-bottom: 100px;
}

#tm-footer-bottom .footer-menu .el-item,#tm-footer-copyright .el-item{
    padding: 0px 15px;
}
.footer-menu span{
    padding-right: 8px;
}
.footer-socials  a.el-link:hover{
    opacity:0.8;
}

/*** Newsletter **/
.tnp-subscription {
    text-align: center;
}
.tnp-subscription input{
    font-family: 'Inter' !important;
}
.tnp-field {
    display: inline-block;
}
.tnp-field label {
    display: none;
}
.tnp-subscription input[type=email]{
    border-radius: 7px;
    border: 1px solid #B7B7B7;
    background: #FFF;
    padding: 15px 50px;
}
.tnp-field input[type="submit"] {
    position: inherit;
    border-radius: 23.5px;
    background: var(--primary);
    padding: 15px 50px;
}
.tnp-field :focus-visible {
    outline: 2px solid var(--primary);
}

/*** Animations ***/

.circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #0000001a;
}

.pulse-blue, .pulse-yellow {
    width: auto;
    height: auto;
    border-radius: 50%;
    text-align: center;
    line-height: 68px;
    animation: animate-pulse-blue 3s linear infinite;
}
.pulse-blue{
    animation: animate-pulse-blue 3s linear infinite;
}

.pulse-yellow {
    animation: animate-pulse-yellow 3s linear infinite;
}

.bounce {
  /* animation: bounce 2s ease infinite; */
  	-webkit-animation: bounce 3s infinite ease-in-out;
    -o-animation: bounce 3s infinite ease-in-out;
    -ms-animation: bounce 3s infinite ease-in-out; 
    -moz-animation: bounce 3s infinite ease-in-out; 
    animation: bounce 3s infinite ease-in-out;
}



@keyframes animate-pulse-blue{
    0%{
        box-shadow: 0 0 0 0 rgba(59, 74, 114, 0.5),  0 0 0 0 rgba(59, 74, 114, 0.5);
    }
    40%{
        box-shadow: 0 0 0 50px rgba(59, 74, 114, 0.0),  0 0 0 0 rgba(59, 74, 114, 0.5);
    }
    80%{
        box-shadow: 0 0 0 50px rgba(59, 74, 114, 0.0),  0 0 0 30px rgba(59, 74, 114, 0.0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(59, 74, 114, 0.0),  0 0 0 30px rgba(59, 74, 114, 0.0);
    }
    
}
@keyframes animate-pulse-yellow{
    0%{
        box-shadow: 0 0 0 0 rgba(255, 222, 89, 0.5),  0 0 0 0 rgba(255, 222, 89, 0.5);
    }
    40%{
        box-shadow: 0 0 0 50px rgba(255, 222, 89, 0.0),  0 0 0 0 rgba(255, 222, 89, 0.5);
    }
    80%{
        box-shadow: 0 0 0 50px rgba(255, 222, 89, 0.0),  0 0 0 30px rgba(255, 222, 89, 0.0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255, 222, 89, 0.0),  0 0 0 30px rgba(255, 222, 89, 0.0);
    }
    
}

@keyframes bounce {
	/* 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);} */
    0% { transform: translateY(-10px)  }
    50% { transform: translateY(5px) }
    100% { transform: translateY(-10px) }
}


/*** Resposinve **/
@media (max-width:1024px){
	.key-benefits-list .uk-first-column .el-item{
		padding-left: 20px;
	}
	.banner-section .banner-button.uk-position-absolute{
		position:relative !important;
		bottom:0px !important;
		left:0px !important;
	}

    .banner-button .uk-flex-middle {
        justify-content: center !important;
    }

}
@media (max-width:820px){
    #tm-footer-bottom .footer-menu .el-item, #tm-footer-copyright .el-item{
        display: block;
        padding: 10px 15px;
    }
    .vts-panels .uk-panel{
        min-height: 0px !important;
    }
}
@media (max-width:540px){
	.key-benefits-list .uk-first-column:first-child{
		margin-left: 10px;
	}
	.key-benefits-list .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{
		border-top-color: transparent !important;
	}
	.footer-menu span {
	    display: block;
	}
}