/******************************************
** Vibrant Technology Solutions - Training Custom Sylesheet
** version 1.0.0
** by jendelapaz
**
** Last Updated: Nov 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;
}

/*** 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) }
}


/*** Additonal ***/

/*** VTS Training ***/
.self-paced-grid .uk-card-default {
	border-radius: 35px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.text-white{
	color:#ffffff !important;
}

.text-black{
	color:#000000 !important;
}

.course-content-section .course-journey .el-title {
    background: #ffde59;
    padding: 17px 20px;
    text-transform: uppercase;
    color: #4c6094;
	font-weight: 700;
	margin-right: 100px;
}

#tm-footer-bottom:not(.home) {
	display:none;
}

.training-fee-container {
    background: #fff;
    color: #000;
    padding: 50px 50px 100px 50px;
    border-radius: 20px;
	
}

.training-fee-container .woocommerce-Price-amount{
    border-radius: 8px;
    background: #4C6094;
    padding: 10px 50px;
}

.training-fee-container .woocommerce-Price-amount bdi{
	font-weight:700;
}

.training-fee-container .includes-text{
	font-family: "Figtree", sans-serif;
}

.training-fee-container .includes-text-bold{
	color: #4c6094;
	font-weight:700;
}

.day-switcher .uk-subnav-pill>*>a {
    background-color: #4C6094;
    color: #ffffff;
    border-radius: 50%;
    padding: 30px 50px;
    font-weight: 700;
    text-align: center;
	display:block;
}

.day-switcher .uk-subnav-pill>.uk-active>a,.uk-subnav-pill>*>a:hover {
    color: var(--secondary);
}

.day-switcher .daynumber{
    font-size: 2rem;
}

/*** WooCommerce ***/
.woocommerce-checkout .woocommerce-notices-wrapper{
	display:none;
}
.woocommerce-checkout form{
	display: inline-grid !important;
}
.woocommerce-checkout #customer_details, .woocommerce-checkout  #order_review_heading, .woocommerce-checkout .woocommerce-checkout-review-order{
	width: 100%  !important;
}
.woocommerce-checkout  #order_review_heading{
    margin-top: 50px;
}
.woocommerce-checkout .checkout-product-title{
	font-weight:700;
}
.woocommerce-checkout .border-card .uk-card-default{
	border-radius: 61px;
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.woocommerce-account .membership-actions .button, .woocommerce-account .woocommerce-Button {
    border: none  !important;
    color: #4c6094  !important;
    padding: 0 30px !important;
    font-size: 0.875rem  !important;
    line-height: 45px !important;
    text-align: center  !important;
    background: #ffde59 !important;
}
.woocommerce-account .membership-actions .button:hover, .woocommerce-account a.woocommerce-Button:hover  {
	color: #ffffff !important;
	background: #4c6094 !important;
}
.woocommerce-account table.shop_table thead th, .woocommerce-order-details table.shop_table thead th, .woocommerce-account table.shop_table thead th a {
    color: #0b1e51;
	font-weight: 700;
}
.woocommerce-account table.shop_table td, .woocommerce-account nav.woocommerce-MyAccount-navigation {
    padding: 16px 12px;
    vertical-align: middle;
    font-size: 0.875rem;
}
.woocommerce-info {
	padding: 30px 29px 30px 15px;
}

h2.woocommerce-order-details__title, .woocommerce-column__title{
	font-size: 2rem;
	text-transform: capitalize;
	color: var(--primary);
}
.woocommerce-customer-details .woocommerce-customer-details--phone, .woocommerce-customer-details .woocommerce-customer-details--email {
	margin:0px;
}

/*** Checkout ***/
.woocommerce-checkout .other-payment-thank-you, .woocommerce-checkout .courses-thank-you, .woocommerce-checkout .other-payment-checkout, .woocommerce-checkout.product-id-1518 .vts-courses-checkout,.woocommerce-checkout .woocommerce-additional-fields,
/*** Thank You ***/
.woocommerce-checkout.woocommerce-order-received.product-id-1518 .courses-thank-you, .woocommerce-checkout.woocommerce-order-received.product-id-1518 .other-payment-checkout, .woocommerce-order-received .vts-courses-checkout,
.woocommerce-thankyou-order-received
{
	display:none;
}

.woocommerce-checkout.product-id-1518 .other-payment-checkout,.woocommerce-checkout.woocommerce-order-received .courses-thank-you, .woocommerce-order-received.product-id-1518 .other-payment-thank-you, .woocommerce-cart .wc-block-cart__empty-cart__title
{
	display:block;
}

.woocommerce-checkout .woocommerce-form-login .form-row-first, .woocommerce-checkout .woocommerce-form-login .form-row-last {
	width: 100%;
}

.woocommerce-checkout h3, .woocommerce-cart .uk-article-title{
	text-transform: capitalize;
    color: var(--accent);
}
.woocommerce-checkout #order_review th.product-name, .woocommerce-checkout #order_review th.product-total, .woocommerce-cart th, .wp-block-woocommerce-cart-totals-block h2.wc-block-cart__totals-title{
    color: var(--accent);
    font-weight: 700;
	font-size: .875rem;
}
.wc-block-cart-item__wrap a{
	color: var(--accent);
}
.wc-block-cart__submit-button{
	background-color: var(--accent);
	color: #fff;
}
.wc-block-cart__submit-button:hover{
	background-color: var(--secondary);
	text-decoration:none;
}
.woocommerce-cart .wc-block-components-product-metadata__description, .woocommerce-cart .is-style-dots, h2.has-text-align-center, .woocommerce-cart  .wp-block-woocommerce-product-new{
	display:none;
}

/*** Content Restricted ***/
.page-id-1577 .tm-main, .woocommerce-cart .tm-main{
    min-height: max(0px, -373px + 100vh);
    background-size: 741px 964px;
    background-image: url('/wp-content/uploads/2025/07/banner-grid-lines-1.png');
    background-repeat: no-repeat;
}

.page-id-1577 .uk-article {
	text-align:center;
}
.page-id-1577 .uk-article-title{
    color: #4c6094 !important;
    font-size: 4rem;
    font-weight: 700;
	text-transform:capitalize;
}
.page-id-1577 .wc-memberships-restriction-message{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    padding: 100px;
}
.day-switcher li.uk-active a::before{
	content: '';
    position: absolute;
    right: 94px;
    transform: translateX(-50%);
    width: 0;
    height: 21px;
    width: 35%;
    text-align: center;
    border-bottom: 9px solid #4c6094 !important;
    line-height: 0.1em;
    margin: 10px 0 20px;
}
.day-switcher li a::after, .day-switcher li:first-child a::before{
	content: '';
    position: absolute;
    right: -35px;
    transform: translateX(50%);
    width: 35%;
    text-align: center;
    border-bottom: 9px solid #c9c9c9;
    line-height: 0.1em;
    margin: 10px 0 20px;
}
.day-switcher li:first-child a::before{
	height: 21px;
    right: 164px;
}
.day-switcher  .uk-subnav-pill>* {
    padding-left: 70px;
}



/**** My Account / Membership / My Account / Other Payment***/
.membership-actions.order-actions .button.view {
	background: #4c6094 !important;
	color: #fff !important;
}

.membership-actions.order-actions .button.view:hover {
    color: #4c6094 !important;
    background: #ffde59 !important;
}

.postid-1518 .tm-main, .page-id-1468 .tm-main {
    min-height: max(0px, -373px + 100vh);
    background-size: 741px 964px;
    background-image: url('/wp-content/uploads/2025/07/banner-grid-lines-1.png');
    background-repeat: no-repeat;
}
.postid-1518 .product_title, .page-id-1468 .uk-article-title{
    color: #4c6094 !important;
    font-size: 3rem;
    font-weight: 700;
	text-transform:capitalize;
	margin-bottom:50px;
	text-align:center;
}
.postid-1518 .woocommerce-breadcrumb, .postid-1518  .woocommerce-product-gallery, .postid-1518 .price, .postid-1518 .quantity, .postid-1518 .product_meta{
	display: none;
}
.postid-1518 div.product>.summary {
	width: 100%;
}
.page-id-1468 .tm-main .uk-container, .postid-1518 .tm-main .uk-container{
	max-width: 600px;
}
.page-id-1468.member-logged-in .tm-main .uk-container {
	max-width: 1200px;
}
.page-id-1468.member-logged-in .tm-main{
	background-image: none;
}
.page-id-1468.member-logged-in .uk-article-title{
	text-align:left;
}
.woocommerce-MyAccount-navigation>ul>li>a {
	color: var(--primary);
	font-weight: 700;
}
abbr[title] {
    text-decoration: none;
    -webkit-text-decoration-style: none;
    color: #f0506e;
    text-decoration: none;
}

.wapf-field-label span{
    font-size: .875rem;
    color: #333;
}
#product-1518 .single_add_to_cart_button {
    width: 100%;
}
.woocommerce .blockUI.blockOverlay {
	background-color: transparent;
}

/*** My Account ***/
.uk-navbar-right .uk-nav-default>li>a.el-link{
	color: #ffffff;
	width: 50px;
}
.uk-navbar-right .uk-nav-default>li>a.el-link:hover{
	color: #ffde59;
}

.uk-navbar-right .uk-nav-default>li>a.el-link svg circle, .uk-navbar-right .uk-nav-default>li>a.el-link svg path, .uk-navbar-right .uk-nav-default>li>a.el-link svg polyline{
	stroke-width: 2;
}

.account-cart .uk-nav{
	display:flex;
}


/*** Resposinve **/
@media (max-width:1440px){
	.self-paced-grid .uk-button{
		font-size: 0.875rem;
	}
}
@media (max-width:1366px){
	.self-paced-grid .uk-button{
		font-size: 0.688rem;
	}
}
@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;
    }
	.day-switcher .uk-subnav-pill>* {
    	padding-left: 20px;
	}
	.day-switcher .uk-subnav-pill>*>a{
		margin-bottom:10px;
	}
	.day-switcher li:uk-active a::before {
		right: 155px;
	}
	.day-switcher li a::after, .day-switcher li:first-child a::before {
		right: -26px;
	}
}
@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;
    }
	.course-content-section .course-journey .el-title {
		margin-right: 0px;
	}
	.day-switcher .uk-subnav-pill>* {
    	padding-left: 15px;
	}
}

@media (max-width:768px){
	.self-paced-grid .uk-button{
		font-size: 0.625rem;
	}
}
@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;
	}
	.day-switcher li.uk-active a::before, .day-switcher li a::after, .day-switcher li:first-child a::before, .day-switcher li:first-child a::before{
		display:none;
	}
}