/*
Theme Name: mycareervn
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 6.0.9
*/
#wp-admin-bar-wp-logo {display:none}
/*************** ADD CUSTOM CSS HERE. ***************/
.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.button ,.wpcf7-submit {font-weight:500 !important}

.bg-gradient {background-image: linear-gradient(180deg, #FFFFFF00 0%, #a7d5f9 100%);}
.img-radius30, .img-radius30 * {border-radius:30px}
.img-radius20, .img-radius20 * {border-radius:20px}
.img-radius10, .img-radius10 * {border-radius:10px}

.gal-radius img {border-radius:15px}

#top-bar {background-image: linear-gradient(180deg, #116abc 0%, #429fe5 100%);box-shadow: 0 0 3px inset;}
#top-bar .html_topbar_left {font-size:13px;}
#top-bar .html_topbar_left a {padding:0;font-size:100%;}
#top-bar .gtranslate_wrapper {position:relative;top:-1px;}

.header-nav-main > li ul a:hover , .nav-dropdown li.active>a {color:#00BFFF;}
.header-nav-main > li ul {background:#fff;border:none !important;border-radius:15px}
.header-nav-main > li ul a {border-color:#eee !important;color:#000;font-size:90%;}

.header-nav-main > li ul ul {padding:15px !important}
.header-nav .nav-dropdown {display:block !important;}
.header-nav .nav-dropdown > li {display:block !important;width:auto;position:relative}
.header-nav .nav-dropdown > li ul , #header .header-nav li .active ul {display:none !important;}
#header .header-nav .nav-dropdown > li:hover ul {display:block !important;left:100%;top:0;position:absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%)}
.header-nav .nav-dropdown > li a {font-weight:400;text-transform:none;display:block;font-size:14px;color:#000;}
.header-nav .sub-menu >li:hover > a {color:#429fe5;}

.sc-banner .alt-font {position:relative;}
.sc-banner .alt-font svg {
    position: absolute;
    top: 25%;
    left: 20%;
    width: calc(40% + 20px);
    height: calc(50% + 20px);
    transform: translate(-50%, -50%);
    overflow: visible;
}

.sc-banner .alt-font path {
    stroke-width: 5px;
    stroke-linecap: round;
    stroke-linejoin: round;
	stroke:#429fe5;fill:none;
}

.sc-populated p {margin:0;font-size:14px;}
.sc-populated i {background:#429fe5;color:#fff;padding:20px;border-radius:100%;font-size:25px;}
.sc-populated .countup span {font-size: 40px;font-weight: 500;color:#fd5c01;}

.sc-promise i {font-size:70px;}

.sc-process .section-bg {right: 0;left: auto;top: 0;width: 30%;}

.ft-leave {background-image: linear-gradient(180deg, #FFFFFF00 0%, #a7d5f9 100%);}
.ft-leave input , .sc-register input {border-radius:30px;text-transform:none;margin:0;}
.wpcf7-spinner {position:absolute}

.sc-register .wpcf7-submit {background:#fd5c01}
.sc-register form , .sc-register p, .sc-register .col {margin-bottom:0;padding-bottom:0;}

.frm-popup input, .frm-popup select {border-radius:30px;text-transform:none;margin:0 0 15px;}
.frm-popup textarea {border-radius:10px;text-transform:none;margin:0;}
.frm-popup .wpcf7-submit {background:#429fe5;width:100%;margin-top:20px}

.sc-process-in i {font-size:35px;color:#429fe5;}
.sc-process-in p {font-size:12px;color:#fd5c01;}

.sc-process-in .col:before {content:'';background:url('/wp-content/uploads/2024/11/right-arrow.png');background-size:100%;width:120px;height:120px;position:absolute;left:-10%;top:0;z-index:2;opacity:0.3}
.sc-process-in .col:nth-child(1):before {display:none}

.sc-process-in .col:after {content:'01.';position:absolute;right:10%;top:5%;z-index:2;opacity:1;background:#fff;padding:10px;border-radius:100px;border:1px solid #eee;}
.sc-process-in .col:nth-child(2):after {content:'02.'}
.sc-process-in .col:nth-child(3):after {content:'03.'}
.sc-process-in .col:nth-child(4):after {content:'04.'}
.sc-process-in .col:nth-child(5):after {content:'05.'}
.sc-process-in .col:nth-child(6):after {content:'06.'}

.post-sidebar .widget-title {display:block;border:1px solid #fd5c01;padding:15px 0;margin-bottom:20px;border-radius:30px;text-align:center;}
.post-sidebar .is-divider {display:none}

.single .featured-title .title-bg {background-position:center;}
.single .featured-title .title-overlay {background:#fff !important;opacity:0.9;}
.single .featured-title .page-title-inner * {color:#333;}

.related-post .from_the_blog_excerpt {height:44px; overflow:hidden}

.blog-archive {padding-top:0;}
.archive-page-header {position:relative;background:url('/wp-content/uploads/2024/11/vieclam-t9-mycareereu.jpg');background-position:center;margin-bottom:50px;padding-top:50px;}
.archive-page-header:before {background:#fff;opacity:0.9;content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.archive-page-header .page-title {font-size:150%;}

.blog-archive img {border-radius:20px}
.blog-archive img:hover {filter: brightness(0.5);}

footer p {margin-bottom:10px;}
footer i {font-size:16px;margin-right:10px;}
@media (min-width: 1024px) {
	.footer-secondary {padding-top:0}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
	.sc-banner ,.sc-recruitment .st-title ,.sc-register {text-align:center}
	.sc-banner .alt-font svg {display:none}
	.sc-promise i {font-size:60px;}
	.sc-register form , .sc-register p, .sc-register .col {margin-bottom:3px;padding-bottom:3px;}
	.sc-process-in .col:before {display:none}
}
/*end*/