/*
Theme Name: VTC Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

html body,
html h1, html h2, html h3, html h4,
html #header .main-menu>li.menu-item>a,
html p {
	font-family:Montserrat,sans-serif, "Microsoft JhengHei";
}
html #header .main-menu .popup a, 
html .side-nav-wrap .sidebar-menu .popup, 
html .main-sidebar-menu .sidebar-menu .popup, 
html .porto-popup-menu .sub-menu {
	font-family:Open Sans,sans-serif, "Microsoft JhengHei";
}
#header .searchform-popup {
    margin-left: 2px;
    margin-top: 2px;
}
.search-toggle .fa-search {
    color: #75b400;
    font-size: 14px;
	padding-left: 5px;
    padding-top: 2px;	
}
.fixed-header #header {
	position:relative;
}
.bypostauthor { display: block; }
.btn-applynow {
	margin-left: 70px;
    height: 120px;
    width: auto;
}
.learning .owl-carousel.nav-bottom .owl-nav {
    position: absolute;
	left:50%;
	margin-left:-34px;
	top:initial;
	bottom:auto;
}
.learning .owl-carousel .owl-nav .owl-next:before {
	left:30px;
}
#header {
    background-color: #FFFFFF !important;
}
.wpml-ls-legacy-list-horizontal a span {
	vertical-align: middle;
	line-height: initial;
}
html #header #menu-main-menu-en-2.main-menu>li.menu-item>a {
	font-family:Arial;
	padding:10px 30px;
	text-align:center;
	text-transform:capitalize
}
.fixed-header #header #menu-main-menu-en-2.main-menu,
#header #menu-main-menu-en-2.main-menu>li.menu-item{
	display:flex;
}
#header #menu-main-menu-en-2.main-menu>li.menu-item{
	align-items: center;
}
html .main-menu-wrap {
	padding: 5px 0 5px 0;
}
html #header .header-top a {
	color:#7FBA00;
}
html #header .header-top a {
	font-size:15px;
	font-weight:600;
}
html #header .header-top .container:after {
	border-bottom:0px	
}
html #header .main-menu > li.menu-item > a {
	font-size:17px;
}
html .mega-menu > li.menu-item:hover > a:hover {
	background-color: transparent;
}
html .fixed-header #header .main-menu-wrap {
    background-color: #FFFFFF;
}
html .fixed-header #header .main-menu-wrap {
    background-color: #7FBA00;
}
html #header .main-menu > li.menu-item > a {
	padding: 10px 30px;
}
html .font-size-setting a.bigger-font-size {
    font-size: 20px !important;
    cursor: pointer !important;
}
html .font-size-setting a.smaller-font-size {
    margin-right: 5px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #000000 !important;
}
.header-col.header-right .mobile-menu li {
	list-style:none;
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 8px 0 5px;
    margin: 0px;
    line-height: initial;	
}
.header-col.header-right .mobile-menu li:last-child {
	border-right: 0px
}
#header h4 {
    color: #7FBA00;
    font-size: 36px;
    font-weight: 600;
    padding: 30px 30px 0 0;	
}
#header .header-top {
	padding-top:0px
}
#header .header-top ul {
	margin-bottom:0px;
}
#header svg:not(:root).svg-inline--fa {
    overflow: visible;
}
#header .svg-inline--fa.fa-w-14 {
    width: .875em;
}
#header .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.fixed-header #header .header-main .header-left, 
.fixed-header #header .header-main .header-right, 
.fixed-header #header .header-main .header-center {
	padding-top:10px;
	padding-bottom:10px;
}
.vtc-latest-news .thumb-info .thumb-info-caption {
	background:url('../../uploads/2020/08/lastest-update.jpg');
    background-position: right top;
    background-size: cover;	
	color: #FFFFFF;
}
.vtc-latest-news .porto-image-frame {
	margin-bottom:0px;
}
.wpml-ls-legacy-list-horizontal {
    display:inline-block;
    padding:0px;
}
.wpml-ls-legacy-list-horizontal a {
    border-right: 1px solid #000;
	padding:0px 5px;
}
.wpml-ls-legacy-list-horizontal>ul {
	margin-left:-5px!important
}
.brand-group-item {
	padding-top:2px;
}
.font-size-setting.d-inline-block .afr-normal {
	vertical-align: text-top;
}
.font-size-setting.d-inline-block .afr-large {
	vertical-align: top;
}
..latest-news, .video-sharing {
	min-height:255px;
}

.latest-news .wpb_heading,
.video-sharing .wpb_heading {
    background: rgb(95,135,57)!important;
    transition: 0.3s;
    background: rgba(33,37,41,0.8);
    bottom: 13%;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
	line-height: 1.3rem;
    left: 0;
    letter-spacing: -.05em;
    padding: 8px 21px 8px;
    position: absolute;
    z-index: 2;
    max-width: 90%;
    margin-bottom: 0px;
}
.latest-news .left-col,
.video-sharing .left-col {
    padding-right:0px;	
}
.latest-news .right-col,
.video-sharing .right-col {
    background: url(../../uploads/2020/08/lastest-update.jpg);
    background-position: right top;
    background-size: cover;
    color: #000;
    font-size: 16px;
	font-weight:600;
    text-align: left;
    padding-top: 50px;
	padding-right:30px;
    margin-left:0px;
}
.latest-news .right-col a,
.video-sharing .right-col a {
	color: rgb(95,135,57);
}
.latest-news .right-col h3,
.video-sharing .right-col h3 {
	border-bottom: 2px solid;
    padding-bottom: 20px;
}
.latest-news .right-col .far,
.video-sharing .right-col .far {
	font-size:40px;
	margin-right:10px
}
html .latest-news .owl-carousel .owl-nav .owl-next:before, 
html .latest-news .owl-carousel .owl-nav .owl-prev:before {
	top:70px;
}
html a:hover, 
html .wpb_wrapper .porto-sicon-read:hover {
	color: rgb(95,135,57);
}
html #footer .footer-bottom {
	padding-bottom:0px;
}
html #footer .footer-bottom .footer-center {
	padding:0px;
}
html #footer {
	padding-bottom:0px;
}
.section {
	background-color: #FFF;
}
html #header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: rgba(255,255,255,0.9);
}
@media (max-width: 1500px) {
	.latest-news .wpb_heading, .video-sharing .wpb_heading {
		font-size:16px
	}
}
@media (max-width: 1023px) {
	.vtc-latest-news .thumb-info {
		display:grid;
	}
	.vtc-latest-news .thumb-info .thumb-info-caption {
		padding:15px;
	}
}
@media (min-width: 1024px) {
	.vtc-latest-news .owl-item:not(:first-child) {
		height:10px;
	}
	.vtc-latest-news .thumb-info {
		display:flex;
	}
	.vtc-latest-news .thumb-info .thumb-info-wrapper {
		width:50%
	}
	.vtc-latest-news .thumb-info .thumb-info-caption {
		width:50%;
	}	
	.vtc-latest-news .thumb-info .thumb-info-caption p {
		text-align: left;
		padding: 25px;
    	font-size:16px;	
		font-weight: 600;
		line-height: 25px;
	}
	.porto-u-heading .porto-u-main-heading h2 {
		margin-bottom:50px;
	}
}
@media (min-width: 768px) {
	#header .image-2 {
		width: 125px;
	}	
	#header image-3 {
    	width: 30px;
	}
	#header image-4 {
    	width: 76px;
	}
	#header image-5 {
    	width: 86px;
	}	
	#header .image-6 {
    	width: 290px;
	}	
	.career-tabs .col-xl-6,
	.career-tabs .col-md-6 {
		border-left:1px solid #75b400;
		border-right:1px solid #75b400;
	}
}
@media (max-width: 768px) {
	.vtc-latest-news .vc_row.wpb_row { 
		margin-left:5px;
		margin-right:5px;
	}
	.latest-news .left-col, .video-sharing .left-col {
		padding-left:0px;
	}
	.latest-news .right-col, .video-sharing .right-col {
		padding:30px;
	}	
	.career-tabs .nav-tabs .nav-item {
	    width:100%
	}	
	html .latest-news {
		padding-left:30px;
		padding-right:30px;
	}
	html .latest-news .owl-carousel .owl-nav .owl-prev:before {
		left: -10px;
	}		
	html .latest-news .owl-carousel .owl-nav .owl-next:before {
		left: 10px;
	}	
}
@media (max-width: 767px) {
	#header .header-top {
		padding-top:0px;
		background:#75b400;
	}
	html #header .header-top a {
		color:#fff;
	}
	#header .header-top .header-row ul {
		margin-bottom:5px;
	}
	#header .header-top .header-row, 
	.header-main .header-row {
		padding-left:15px;
		padding-right:15px;
	}
	.fixed-header #header .header-main .header-right {
		display:contents;
	}
	.fixed-header #header .header-main .header-right img {
		width:auto;
		height:30px;
	}
	#header h4 {
		font-size: 20px;
    	margin-top: 5px;
   	 	margin-bottom: 0px;
		padding: 0px;	
	}
	#header .header-top .header-row ul {
		padding-left:0px;
	}
	.fixed-header #header .header-main .header-left,
	.fixed-header #header .header-main .header-right {
		padding-top:0px;
		padding-bottom:0px;
	}
	.fixed-header #header .header-main .header-right {
		top: -25px;
	}
	.fixed-header #header .header-main .header-left img {
		width:90%
	}
	#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
		background-color: #fff;
	}	
	#footer .widget > div > ul li {
		font-size:14px;
	}
	#footer h3 {
		font-size:14px!important;
	}
	#footer .widget_nav_menu:last-child {
		padding-left:0px;
	}
	.default-icon .porto-sicon-default .porto-icon {
		margin-right:5px;
	}
	html .mystickyelements-mobile-size-medium .mystickyelements-contact-form span.mystickyelements-social-icon {
		font-size: 17px;
		letter-spacing: 3px;
	}
	html .mystickyelements-mobile-size-medium .mystickyelements-contact-form span.mystickyelements-social-icon:lang(en-US) {
		font-size:14px;
		letter-spacing:0px;
	}
	html .mystickyelements-contact-form[dir=rtl] .mystickyelements-social-icon i {
		margin-left:10px;
	}
	.mystickyelements-fixed.mystickyelements-size-large .mystickyelements-icon-below-text {
		display:none;
	}
	#footer .widget-title {
		margin-top:30px;
		text-decoration: underline;
	}
	#footer .footer-main>.container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-content .posts-grid .grid-box > *:not(.post-image) {
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}
	.main-content .blog-posts article.post-grid {
		margin-bottom:0px;
	}
	html .page-top > .container {
		padding-top: 30px;
	}
	html .main-content {
		padding-top:0px
	}
	.xs-order-1 {
		order:1;
	}
	.xs-order-2 {
		order:2;
	}
}
@media (min-width: 1170px) {
	html .container {
	    max-width: 1390px;
	}
}

.fc-button {
    background-color:  #7FBA00 !important;
}

.thumb-info .thumb-info-title {
	background: rgb(95,135,57)!important;
}
.thumb-info:hover .thumb-info-title {
    background: rgba(95,135,57,0.8)!important;
}

html .widget.contact-info i {
    font-size: 1em !important;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, .form-control, select {
	background-color: rgba(127,186,0,0.43);
    border-radius: 5px !important;
}

.wpml-ls-legacy-list-horizontal a {
    border-right: 1px solid #8E8D90;
    padding: 0px 5px;
}

.footer-copyright a {
	color: #8D9097 !important;
}
.footer-copyright a:hover {
    color: #000000 !important;
}
.share-links-block {
	display:none;
}


.mobile-nav.dima-navbar-wrap .dima-btn-nav {
    height: 4rem;
}

.page-top > .container {
    padding-top: 60px;
    padding-bottom: 30px;
}

.page-top .page-sub-title {
    color: #5f8739 !important;
}

.rhc.fe-extrainfo-container {
    display: none !important;
}

#header.sticky-header .main-menu-wrap, .fixed-header #header.sticky-header .main-menu-wrap {
    background-color: #7FBA00! important;
}

