/*
Theme Name: UK Melaju
Theme URI: https://ukmelaju.org
Author: Webdesaint
Author URI: https://webdesaint.com
Version: 1.0
Text Domain: ukmelaju
*/

/* General */
body{font-family:'Noto Sans', sans-serif; font-size:16px; color:#000}

a{color:#0A2A6D; transition: all 0.3s ease; text-decoration:none}

.text-justify{text-align:justify}

.btn-primary{background:#E63032; border-color:#E63032; padding:10px 30px; border-radius:100px; transition: all 0.3s ease;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{background:#b6272a; border-color:#b6272a; outline:0!important; box-shadow:none!important}

.btn-outline-primary{border-color:#0A2A6D; color:#0A2A6D; padding:10px 30px}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{background:#0A2A6D!important; color:#fff; outline:0; box-shadow:none}
.btn-outline-primary i{margin-left:10px}

.btn-outline-secondary{border-color:#E63032; color:#E63032; padding:10px 30px; border-radius:100px}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active{background:#E63032!important; color:#fff; border-color:#E63032; outline:0; box-shadow:none}
.btn-outline-secondary i{margin-left:10px}

.aligncenter{margin: 0 auto; display: inherit}

/* Clearings */
.site-header::after,
.site-footer::after,
.section::after {content: ""; display: table; clear: both;}

/* Header */
#site-header .main-header{background:#fff; padding:30px 0}
#site-header .main-header .navbar-brand img{height:60px; width:auto}
#site-header .main-header .logo-bej{height:60px; width:auto}
/* #site-header .main-header .language{float:right; margin:0 0 15px; height:18px; width:auto} */
#site-header .main-header form input[type="search"]{border:1px solid #ccc; border-radius:0; margin:0 -5px 0 0; padding:3px 10px}
#site-header .main-header form button{background:#0A2A6D; border:0; color:#fff; padding:4px 10px}

#site-header .main-menu{background:#0A2A6D}
#site-header .main-menu .language-menu{display:block; height:auto; width:auto; order:2; margin-left:30px}
#site-header .main-menu .language-menu ul{list-style:none; margin:0; padding:0}
#site-header .main-menu .language-menu ul li{display:inline-block; margin:0 10px 0 0}
#site-header .main-menu .language-menu ul li:last-child{margin:0}
#site-header .main-menu .language{display:block; height:18px; width:auto; order:2; margin-left:30px}
#site-header .main-menu .navbar{gap:30px}
#site-header .main-menu .navbar-nav{justify-content: space-between; width:100%}

.trp-menu-ls-label .trp-flag-image{margin:0!important}

/* Nav Menu */
#site-header .main-menu .nav-link { color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; }
#site-header .main-menu .dropdown-menu { background:#0A2A6D; }
#site-header .main-menu .dropdown-item { color:#fff; border-radius:0!important}
#site-header .main-menu .dropdown-item:hover { color:#0A2A6D; }
#site-header .main-menu .dropdown-submenu > a::after{display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;} 

.submenu-toggle {display: none; background: none; border: none; color: #fff; font-weight: bold; cursor: pointer; padding: 0 8px; line-height: 1; }
.submenu-toggle span { display:inline-block; transition: transform .25s ease; }
.submenu-toggle.open span { transform: rotate(90deg); }

@media (min-width: 992px) {
    .submenu-toggle { display: none; }
    #site-header .main-menu .dropdown-menu { position: absolute; overflow: visible; max-height: none; }
    #site-header .main-menu .dropdown-submenu > .dropdown-menu { left: 100%; top: 0; }
}
@media (max-width: 991.98px) {
    .submenu-toggle { display: inline-block; }
    #site-header .main-menu .nav-link{text-align:left}
    #site-header .main-menu .dropdown-item:hover,
    #site-header .main-menu .dropdown-item:focus{background:transparent!important; color:#fff!important}
    #site-header .main-menu .dropdown-toggle::after{display:none}
    #site-header .main-menu .dropdown-menu {border:0; display: block; overflow: hidden; max-height: 0; transition: max-height 300ms ease; padding:0}
    #site-header .main-menu .nav-item > .submenu-toggle { float: right; margin: -31px 0 0; font-size:20px;}
    #site-header .main-menu .dropdown-menu > a::after
    #site-header .main-menu .dropdown-menu .dropdown-item { padding-left:15px; }
    #site-header .main-menu .dropdown-menu .dropdown-menu .dropdown-item { padding-left:30px; }
    #site-header .main-menu .dropdown-submenu > a::after{display:none}
}

#site-header .navbar-toggler {border:0; color:#fff; padding:0; width:auto}
#site-header .navbar-toggler:focus{box-shadow:none}

#site-header #search-toggle{border:0; color:#fff; background:transparent; padding:10px 0; order:3}

#site-header #search-bar{background:#E63032; display:none; position:absolute; top:60px; right:0; padding:10px; z-index:99}
#site-header #search-bar .search-form{background:#fff; border-radius:5px; overflow:hidden; display:flex}
#site-header #search-bar .search-form .form-control{border:0; border-radius:0}
#site-header #search-bar .search-form .form-control:focus{border:0; outline:0; box-shadow:none; -webkit-box-shadow:none}
#site-header #search-bar .search-form .form-control:focus-visible{outline:0}
#site-header #search-bar .search-form button{background:#0A2A6D; border:0; color:#fff; padding:5px 12px}

.fancy {position: absolute; bottom: 0; height: 3px; background-color: #E63032; transition: all 0.3s ease-out; display: none;}

@media (max-width: 991.98px) {
    #site-header .main-menu .navbar{gap:0}
    #site-header .main-menu .navbar-collapse{order:3}
    #site-header #search-toggle{order:2}
    .fancy{display:none!important}
}
@media (max-width:767px){
    #site-header .main-header{padding:15px 0}
    #site-header .main-header .navbar-brand img{float:left; height:50px; width:auto}
    #site-header .main-header .logo-bej{height:50px; width:auto}
    #site-header .main-header .language{height:15px; margin:0 0 10px}
    #site-header .main-header form input[type="search"]{width:100px}
    
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: 18px; top: 100%;}
    .navbar-nav .dropdown:hover > .dropdown-menu::before {content: ""; position: absolute; top: -18px; left: 0; width: 100%; height: 18px; background: transparent;}
}

/* Hero */
#hero{padding:120px 0 260px; text-align:center; position:relative;}
#hero:before{background:rgba(0,0,0,0.4); content:''; display:block; height:100%; width:100%; position:absolute; top:0; left:0}
#hero .container{position:relative}
#hero h1{color:#fff; font-size:26px; font-weight:500; margin:0 0 30px; text-shadow: 0 0 7px rgba(0,0,0,0.5)}

/* Principles */
#programmes{padding:60px 0; color:#fff; position:relative}
#programmes:before{background:rgba(0,0,0,0.4); content:''; display:block; height:100%; width:100%; position:absolute; top:0; left:0}
#programmes .container{position:relative}
#programmes .box{background:rgba(230,48,50,0.7); padding:30px; border-radius:20px; border:2px solid #fff; margin:0 0 30px}
#programmes .box h3{color:#fff; font-family:'PT Sans'; font-size:100px; font-weight:700; letter-spacing:1px; margin:0; text-align:left}
#programmes .box p{margin:0; font-size:20px}
#programmes .map-area{position:relative; overflow:hidden}
#programmes .map-area .map{height: auto; width: 100%;}
#programmes .map-area .marker{height: 26px; position: absolute;}

@media (max-width:767px){
    #programmes h3{font-size:26px}
    #programmes .map-area .marker{height:16px;}
}

/* News */
#home-news{padding:60px 0}
#home-news .news{float:left; margin:0 0 30px; width:100%}
#home-news .news .thumbnail{float:left; margin:0 0 20px; width:100%;  overflow: hidden;}
#home-news .news .thumbnail img{width:100%; height:auto; transition: transform 0.4s ease;}
#home-news .news .thumbnail iframe{width:100%}
#home-news .news .thumbnail:hover img {transform: scale(1.1);}
#home-news .news h3{font-size:22px; font-weight:400; text-align:center}
#home-news .news h3 a{color:#000; text-decoration:none}
#home-news .news h3 a:hover{color:#E63032; text-decoration:none}

@media (max-width:767px){
    #home-news{padding:30px 0}
    #home-news .news h3{font-size:18px}
}

/* Page Title */
#page-title{background:#7082AF; padding:40px 0}
#page-title.white{background:#fff; padding:40px 0}
#page-title h1{color:#fff; font-weight:700;}

.breadscrumb{color:#fff; list-style:none; margin:0 0 30px; padding:0}
.breadscrumb li{display:inline-block; margin:0 10px 0 0}
.breadscrumb li:last-child{margin:0}
.breadscrumb li a{color:#fff; font-weight:600; text-decoration:none}
.breadscrumb li i{font-size:80%}
.breadscrumb.dark{color:#444; list-style:none; margin:0 0 30px; padding:0}
.breadscrumb.dark li a{color:#444}

@media (max-width:767px){
    #page-title{padding:30px 0}
}

/* Page */
#page-content{padding:60px 0}

#page-content .side-menu{list-style:none; margin:0; padding:0; float:left; width:100%}
#page-content .side-menu li{float:left; width:100%;}
#page-content .side-menu li a{color:#000; float:left; font-weight:700; padding:10px 0; width:100%; text-decoration:none}
#page-content .side-menu li a.current{border-bottom:2px solid #DF2037;}

@media (max-width:767px){
    #page-content{padding:30px 0}
}

/* Post Meta */
.post-meta {float:left; margin:0;  width:100%}
.post-meta .post-date{margin:0 5px 0 0}
.post-meta .views-count{margin:0 5px 0 0}
.post-meta .comment{margin:0 5px 0 0}
.post-meta .like-post-btn{background:#fff; border:0; margin:0 5px 0 0; padding:0; }
.post-meta .like-post-btn:disabled{color:red; opacity:1}
.post-meta .sharethis-inline-share-buttons {display:inline!important; margin:0 0 0 -2px!important;}
.post-meta .sharethis-inline-share-buttons .st-btn{height:19px!important; padding:0!important;}
.post-meta .sharethis-inline-share-buttons .st-btn:hover{top:0!important;}
.post-meta .sharethis-inline-share-buttons .st-btn img{top:2px!important;}
.post-meta .share{background:transparent; border:0; padding:0}
.post-meta .share-options{list-style:none; margin:0; padding:0; text-align:center}
.post-meta .share-options li{display:inline; margin:0 5px}
.post-meta .share-options li a{color:#000; font-size:30px}
.post-meta .share-options li a:hover{color:#c69c7f;}

/* Section Title */
.section h2.section-title{color:#E63032; font-size:30px; font-weight:700; margin:0 0 30px;}
.section h2.section-title span{color:#0A2A6D}
.section h2.section-title a{font-weight:700!important}

    @media (max-width:767px){
    .section h2.section-title{font-size:26px}
}

/* About */
#about-melaju{background:#6E82B0; color:#fff; padding:60px 0}

#about-uk-indonesia-partnership{padding:60px 0;}

#about-areas-of-work{background:#6E82B0; color:#fff; padding:60px 0}
#about-areas-of-work .work{background:#0A2A6D; padding:20px; display:flex; align-items:center; gap:20px; height:100%;}
#about-areas-of-work .work i{font-size:40px;}
#about-areas-of-work .work p{margin:0}

#about-principles{padding:0}
#about-principles .col-left{min-height:400px}
#about-principles .col-right{padding:30px 15px; width:100%; margin:0}
#about-principles .principle{margin:0 0 30px}
#about-principles .principle h3{font-size:18px; font-weight:700; text-transform:uppercase}
#about-principles .principle h3 img{height:36px; margin:0 10px 0 0}

@media (min-width: 768px){
    #about-principles .col-right{width:720px; margin:0 auto}
}
@media (min-width: 992px){
    #about-principles .col-right{padding:60px 15px 60px 30px; width:calc(960px/2); margin:0}
}
@media (min-width: 1200px) {
    #about-principles .col-right{padding:60px 15px 60px 30px; width:calc(1140px/2); margin:0}
}
@media (min-width: 1400px) {
    #about-principles .col-right{padding:60px 15px 60px 30px; width:calc(1320px/2); margin:0}
}

@media (max-width:767px){
    #about-melaju{padding:30px 0}
    #about-uk-indonesia-partnernership{padding:30px 0}
    #about-areas-of-work{padding:30px 0}
    #about-principles .col-right{padding:30px 15px}
}

/* Melaju Initiatives */
#melaju-initiatives{background:#6E82B0; color:#fff; padding:60px 0}

#melaju-initiatives-2{padding:60px 0}

@media (max-width:767px){
        #melaju-initiatives{padding:30px 0}
        #melaju-initiatives-2{padding:30px 0}
}

/* FCIP Home */
#fcip-about{color:#fff; background:#7082AF;}
#fcip-about .col-left{padding:30px 15px; width:100%; margin:0}
#fcip-about .col-right{min-height:400px}
#fcip-about .about {margin: 0 0 30px; display: flex; align-items: center; gap: 20px;}
#fcip-about .about > i, 
#fcip-about .about > span:first-child {font-size:40px; flex: 0 0 60px; text-align: center;}
#fcip-about .about > div, 
#fcip-about .about > span:last-child {flex: 1;}
#fcip-about .about h3{font-size:18px; font-weight:700;}
#fcip-about .about h3 img{height:36px; margin:0 10px 0 0}
#fcip-about .about p{margin:0}

#fcip-programmes-projects{background:#D4EEE7; padding:60px 0;}

#fcip-priority-sectors{color:#fff; background:#7082AF; padding:60px 0;}
#fcip-priority-sectors .sector img{height:40px; margin:0 0 10px; width:auto}
#fcip-priority-sectors .sector h3{color:#0A2A6D; font-size:20px; font-weight:500; text-shadow:0 1px 2px rgba(0,0,0,0.3);}
#fcip-priority-sectors .sector h3 strong{font-weight:700;}
#fcip-priority-sectors .see-more{background:#E63032; border-radius:100px; color:#fff; font-size:14px; font-weight:500; padding:5px 20px}

#fcip-partners{padding:60px 0}
#fcip-partners img{max-height:100px; max-width:100%; height:auto; width:auto;}

#fcip-sector-tools-case-studies{background:#7082AF; padding:60px 0;}
#fcip-sector-tools-case-studies video{margin:0 0 10px}
#fcip-sector-tools-case-studies h3{font-size:20px; font-weight:700; color:#fff; margin:0}

#fcip-news-resources{padding:60px 0;}
#fcip-news-resources .news{float:left; margin:0 0 30px; width:100%}
#fcip-news-resources .news .thumbnail{float:left; margin:0 0 20px; width:100%;  overflow: hidden;}
#fcip-news-resources .news .thumbnail img{width:100%; height:auto; transition: transform 0.4s ease;}
#fcip-news-resources .news .thumbnail iframe{width:100%}
#fcip-news-resources .news .thumbnail:hover img {transform: scale(1.1);}
#fcip-news-resources .news h3{font-size:22px; font-weight:400;}
#fcip-news-resources .news h3 a{color:#000; text-decoration:none}
#fcip-news-resources .news h3 a:hover{color:#E63032; text-decoration:none}

#fcip-contact{background:#7082AF; color:#fff; padding:60px 0;}

@media (min-width: 768px){
    #fcip-about .col-left{width:720px; margin:0 auto}
}
@media (min-width: 992px){
    #fcip-about .col-left{padding:60px 30px 60px 15px; width:calc(960px/2); margin:0}
}
@media (min-width: 1200px) {
    #fcip-about .col-left{padding:60px 30px 60px 15px; width:calc(1140px/2); margin:0}
}
@media (min-width: 1400px) {
    #fcip-about .col-left{padding:60px 30px 60px 15px; width:calc(1320px/2); margin:0}
}

@media (max-width:767px){
    #fcip-about .col-left{padding:30px 15px;}
    #fcip-programmes-projects{padding:30px 0;}
    #fcip-priority-sectors{padding:30px 0;}
    #fcip-partners{padding:30px 0}
    #fcip-sector-tools-case-studies{padding:30px 0;}
    #fcip-news-resources{padding:30px 0;}
    #fcip-news-resources .news h3{font-size:18px}
    #fcip-contact{padding:30px 0;}
}

/* UK PACT */
#ukpact{color:#fff; background:#7082AF;}
#ukpact .col-left{padding:30px 15px; width:100%; margin:0}
#ukpact .col-right{min-height:400px}

@media (min-width: 768px){
    #ukpact .col-left{width:720px; margin:0 auto}
}
@media (min-width: 992px){
    #ukpact .col-left{padding:60px 30px 60px 15px; width:calc(960px/2); margin:0}
}
@media (min-width: 1200px) {
    #ukpact .col-left{padding:60px 30px 60px 15px; width:calc(1140px/2); margin:0}
}
@media (min-width: 1400px) {
    #ukpact .col-left{padding:60px 30px 60px 15px; width:calc(1320px/2); margin:0}
}

@media (max-width:767px){
    #ukpact .col-left{padding:30px 15px;}
}

/* GCIEP */
#gciep{color:#fff; background:#7082AF;}
#gciep .col-left{padding:30px 15px; width:100%; margin:0}
#gciep .col-right{min-height:400px}

@media (min-width: 768px){
    #gciep .col-left{width:720px; margin:0 auto}
}
@media (min-width: 992px){
    #gciep .col-left{padding:60px 30px 60px 15px; width:calc(960px/2); margin:0}
}
@media (min-width: 1200px) {
    #gciep .col-left{padding:60px 30px 60px 15px; width:calc(1140px/2); margin:0}
}
@media (min-width: 1400px) {
    #gciep .col-left{padding:60px 30px 60px 15px; width:calc(1320px/2); margin:0}
}

@media (max-width:767px){
    #gciep .col-left{padding:30px 15px;}
}


/* Business Opportunities */
#opportunities-list{padding:60px 0}

#strategic-involved{background:#6E83B1; color:#fff; padding:60px 0}
#strategic-involved a{color:#fff}

/* News */
#news{padding:60px 0}
#news .card-news{background:#6E82AF; float:left; margin:0; height:100%; width:100%}
#news .card-news .thumbnail {float: left; margin: 0; width: 100%; overflow: hidden; aspect-ratio: 4 / 2; }
#news .card-news .thumbnail img {width: 100%; height: 100%; object-fit: cover;  transition: transform 0.4s ease;}
#news .card-news .thumbnail iframe{height:100%; width:100%}
#news .card-news .thumbnail:hover img {transform: scale(1.1);}
#news .card-news .content{float:left; padding:15px; width:100%}
#news .card-news .content h3{font-size:14px; font-weight:600; text-align:center}
#news .card-news .content h3 a{color:#fff; text-decoration:none}
#news .card-news .content .more{font-size:12px; color:#fff; text-decoration:none}
#news .card-news .content .date{font-size:12px; color:#fff;}

#news .card-publication{float:left; margin:0 0 30px; width:100%; text-align:center}
#news .card-publication .thumbnail{float:left; margin:0 0 15px; width:100%; aspect-ratio:9/12; overflow: hidden;}
#news .card-publication .thumbnail img{width:100%; height:auto; transition: transform 0.4s ease;}
#news .card-publication .thumbnail iframe{width:100%}
#news .card-publication .thumbnail:hover img {transform: scale(1.1);}
#news .card-publication h3{float:left; font-size:18px; font-weight:600; min-height:45px; width:100%}
#news .card-publication .btn-primary{padding:10px 20px}

#news .card-video{float:left; margin:0 0 30px; width:100%; text-align:center}
#news .card-video video{margin:0 0 15px; float:left; width:100%}
#news .card-video .ratio{margin:0 0 15px}
#news .card-video h3{font-size:14px; font-weight:600; text-align:center}
#news .card-video h3 a{color:#111; text-decoration:none}

#news .pagination .page-item{margin-right:10px}
#news .pagination .page-item:last-child{margin-right:0}
#news .pagination .page-item .page-link{background:#7183B0; color:#fff}
#news .pagination .page-item:first-child .page-link{border-radius:0!important;}
#news .pagination .page-item:last-child .page-link{border-radius:0!important;}

#news .side-menu{background:#0B2360; list-style:none; margin:0; padding:20px; float:left; width:100%}
#news .side-menu li{float:left; width:100%;}
#news .side-menu li a{color:#fff; float:left; font-weight:700; padding:10px 0; width:100%; text-decoration:none}
#news .side-menu li a.current{border-bottom:2px solid #DF2037;}

@media (max-width:767px){
    #news{padding:30px 0;}
}

/* Footer */
#site-footer{background:#0A2A6D; color:#fff; padding:60px 0 20px}
#site-footer .logo-footer{height:60px; width:auto}
#site-footer .social{float:right; list-style:none; margin:0; padding:0}
#site-footer .social li{display:inline-block; margin:0 10px 0 0;}
#site-footer .social li:last-child{margin:0}
#site-footer .social a{background:#fff; border-radius:100px; color:#444; display:block; line-height:30px; height:30px; width:30px; text-align:center}

@media (max-width:991px){
    #site-footer .logo-footer{height:50px; width:auto}
}
@media (max-width:767px){
    #site-footer{padding:30px 0 15px; text-align:center}
    #site-footer .social{margin:30px 0 0; width:100%; text-align:center;}
}

.back-to-top {position: fixed; bottom: 20px; right: 20px; height:40px; width:40px; line-height:0; background: #E63032; color: #fff; border: none; outline: none; cursor: pointer; padding: 12px 14px; border-radius: 50%; font-size: 18px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: opacity 0.3s, transform 0.3s; opacity: 0; pointer-events: none; z-index: 9999;}
.back-to-top.show {opacity: 1; pointer-events: auto; transform: translateY(0);}