/* 
Theme Name: Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Zahaby
Author URI: zahab.id
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Title Text */
.typing-container h2{
	font-weight:600;
	font-size:46px;
	font-family: "Metallophile SP8 Light", Sans-serif;
}

.typing {
	border-bottom: 4px solid black;
}
.cursor {
	display: inline-block;
	width: 2px;
	background: black;
	animation: blink 0.7s infinite;
	margin-left: 2px;
}
@keyframes blink {
	0%, 50% { opacity: 1; }
	51%, 100% { opacity: 0; }
}

/* Gallery */
.gallery-career {
    height:550px;
    display:flex;
    align-items:center;
}
/*  */
.wrap-carousel-gallery.owl-theme .owl-dots{
    margin-top:40px !important;
}

.wrap-carousel-gallery.owl-theme .owl-dots .owl-dot.active span,
.wrap-carousel-gallery.owl-theme .owl-dots .owl-dot:hover span{
    background:#B59466;
    transition:.2s;
    border:1px solid #B59466;
}

.wrap-carousel-gallery.owl-theme .owl-dots .owl-dot span{
    background:white;
    border:1px solid #a3a3a3;
}

/* career */
.card-career {
    background:#fbf1df;
	border-radius:20px;
    padding:20px;
}

.card-career img{
    height:70px;
    width:70px !Important;
    border-radius:100%;
}

.card-career h3{
    color:#000;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:35px;
	height:67px;
}
.card-career p{
    color:#000;
	height:65px;
}

.card-career p i{
    margin-right:8px;
}

.btn-career{
    margin-top:20px;
    display:flex;
    flex-flow:column;
    gap:10px;
}

.btn-career a:hover{
    text-decoration:none;
    opacity:.5;
}

.btn-career a{
    width:100%;
    display:flex;
    justify-content:center;
    border-radius:20px;
    padding:5px;
    color:white;
    font-weight:bold;
    transition:.2s;
}

.btn-career a.lamar{
    background:#726658;
	color:#fff;;
}

.btn-career a.detail{
    background:#fff;
    color:#726658;;
}

/*  */
.wrap-carousel-career.owl-theme .owl-dots,
.wrap-carousel-career-all.owl-theme .owl-dots{
	margin-top:20px !Important;
}

.wrap-carousel-career.owl-theme .owl-dots .owl-dot.active span,
.wrap-carousel-career.owl-theme .owl-dots .owl-dot:hover span,
.wrap-carousel-career-all.owl-theme .owl-dots .owl-dot.active span,
.wrap-carousel-career-all.owl-theme .owl-dots .owl-dot:hover span{
    background:#726658;
    transition:.2s;
    border:1px solid #726658;
}

.wrap-carousel-career.owl-theme .owl-dots .owl-dot span,
.wrap-carousel-career-all.owl-theme .owl-dots .owl-dot span{
    background:white;
    border:1px solid #a3a3a3;
}
/*  */
.wrap-carousel-career.owl-carousel.owl-theme .owl-nav{
    position: absolute;
    width: 100%;
    bottom:60%;
}

.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button{
    position: absolute;
}

.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button.owl-prev {
    width: 50px;
    height: 50px;
    left:-80px;
    border-radius: 30px;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button.owl-next {
    width: 50px;
    height: 50px;
    right:-80px;
    border-radius: 30px;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
}


.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button.owl-next:focus,
.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button.owl-prev:focus,
.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button.owl-next:hover,
.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button.owl-prev:hover{
    background: none;
}

.wrap-carousel-career.owl-carousel.owl-theme .owl-nav > button:focus{
    outline: none;
}
/* Popup career */
.popup-career{
    padding:0 !Important;
}

.popup-career-child{
    padding:20px;
    display:flex;
    align-items:center;
    gap:30px;
}

.popup-career-child .apply img{
    height:90px;
    width:90px;
    margin-bottom:20px;
    border-radius:100px;
}

.popup-career-child .persyaratan{
    width:60%;
}

.popup-career-child .apply{
    width:40%;
}

.popup-career-child .apply a{
	width:100%;
    display:flex;
    justify-content:center;
    border-radius:20px;
    padding:5px;
    color:white;
    font-weight:bold;
    transition:.2s;
	background:#726658;
	margin-top:4em;
}

.popup-career-child .apply a:hover{
    text-decoration:none;
    opacity:.5;
}

.popup-career-child p i{
    margin-right:8px;
}

/* Career PDP */
.card-career.pdp-career img {
    height: 60px;
    width: 60px ! Important;
    border-radius: 100%;
}

.card-career.pdp-career h3 {
    color: #000;
    font-weight: bold;
    font-size:22px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 54px;
}

/*  */
.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav{
    position: absolute;
    width: 100%;
    bottom:65%;
}

.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button{
    position: absolute;
}

.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button.owl-prev {
    width: 30px;
    height: 30px;
    left:-30px;
    border-radius: 30px;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#B59466;
    color:white;
}

.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button.owl-next {
    width: 30px;
    height: 30px;
    right:-30px;
    border-radius: 30px;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#B59466;
    color:white;
}


.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button.owl-next:focus,
.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button.owl-prev:focus,
.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button.owl-next:hover,
.wrap-carousel-career-all.owl-carousel.owl-theme .owl-nav > button.owl-prev:hover{
    background:#B59466;;
}

.wrap-carousel-career-all-all.owl-carousel.owl-theme .owl-nav > button:focus{
    outline: none;
}

/* responsive */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (max-width: 480px) {
	.typing-container h2{
		font-size:32px;
	}
	
	.popup-career-child {
		flex-flow:column;
	}

	.popup-career-child .persyaratan,
	.popup-career-child .apply{
		width:100%;
	}

	.popup-career-child .apply a{
		margin-top:2em;
	}
	
	.card-career p{
		height:unset;
	}

}