/*
 Theme Name:  onlineKarma
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.02
*/

/*****Add any custom CSS below this line*****/

.sfm-pos-right .sfm-rollback{
	height: auto;
}

@media screen and (min-width: 981px){
	.sfm-pos-right .sfm-rollback{
		display: none;
	}
}

@media screen and (max-width: 1024px){
	.et_monarch .et_social_mobile_button {
		margin-left: 0;
		z-index: 999999;
	}
	.et_monarch .et_social_mobile,
	.et_monarch .et_social_mobile.et_social_closed{
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
	}
	
	.et_monarch .et_social_mobile.et_social_opened{
		opacity: 1;
		visibility: visible;
	}
}

/* 08/14/24 */
.et_pb_row:has(.rema-team){
	max-width: 1169px;
}

.rema-team {
	font-family: inherit;
}

.rema-team .container {
	max-width: 100%;
	width: 100%;
	margin-inline: auto;
	padding-top: 0 !important;
}

.rema-team__row {
	display: flex;
	flex-wrap: wrap;
	gap: 54px 3%;
}

.rema-team__row>* {
	/* flex: 0 1 calc(25% - 26.25px); */
	width: 22.75%;
	display: flex;
}

.team-card {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	color: #666;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.team-card p,
.team-card a {
	font-size: 14px;
	line-height: 1.57;
	font-weight: 500;
	padding-bottom: 0;
}

.team-card a {
	color: #004990;
	text-decoration: none;
}

.team-card__image {
	aspect-ratio: 0.8 / 1;
	display: flex;
	filter: saturate(0%);
	will-change: filter;
	transition: filter 300ms ease 0ms;
}

.team-card__image:hover {
	filter: saturate(100%);
}

.team-card__image a {
	display: block;
	width: 100%;
	height: 100%;
}

.team-card__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.team-card__details {
	text-align: center;
	padding: 17px 5px 15px;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	flex-grow: 1;
}

.team-card .team-name,
.team-card .team-designation {
	font-size: 16px;
	line-height: 1.8125;
	font-weight: 700;
	padding-bottom: 0;
	color: #666666;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}

.team-card .team-designation {
	font-weight: 500;
}

.team-card .service-provide p {
	color: #004990;
	font-style: italic;
}

.team-card .social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: #007bb6;
	border-radius: 3px;
}

.team-card .social-links a svg {
	width: 20px;
	height: 20px;
}

.team-card .social-links a svg path {
	transition: 0.4s all;
}

.team-card .social-links a:hover path:not(#Rounded) {
	fill: hsla(0, 0%, 100%, .7);
}

.team-card .summary {
	--_block-end-gap: 20px;
	padding-bottom: var(--_block-end-gap);
	position: relative;
}

.team-card .summary .stretched-link::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - var(--_block-end-gap));
    z-index: 1;
}

.team-card .summary::after, .personal-overview-row .designation::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 2px;
	background-color: #044990;
}

.team-card .detail-contact {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.team-card .detail-contact p {
	margin-bottom: 28px;
}

.team-card .social-links {
	padding-top: 12px;
}

/* single personal page */
#page-container:has(.single-personal){
	overflow: hidden;
}
/* .single-personal{
	padding: 54px 0;
} */

.personal-overview-row, .additional-details-row{
	padding: 27px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 0;
}

.personal-overview-row{
	padding-top: 0;
}

.personal-overview-row .summary-col, .additional-details-row .additional-details-col-left{
	width: 100%;
}

.personal-overview-row .thumb-contact-col, .additional-details-row .additional-details-col-right{
	width: 100%;
}

.personal-overview-row h1{
	font-family: 'Mukta', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 200;
    font-size: 50px;
    color: #044990;
    line-height: 1.3em;
}

.personal-overview-row .designation p{
	padding-bottom: 0;
	font-weight: 700;
}

.personal-overview-row .designation{
	padding-bottom: 30px;
	position: relative;
}

.personal-overview-row .designation::after{
	left: 0;
	transform: translateX(0);
	background-color: #666666;
	width: 50px;
}

.personal-overview-row .short-desc{
	padding-top: 55px;
	margin-bottom: 29px;
}

.single-personal h2{
	font-family: 'Mukta', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.3em;
	margin-bottom: 28px;
}

.personal-overview-row .expertise ul{
	list-style: disc;
	padding: 0 0 16px 16px;
}

.personal-overview-row .expertise ul li{
	line-height: 1.6;
}

.personal-overview-row .image-box{
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
	display: flex;
	margin-bottom: 34px !important;
	margin-left: 0 !important;
	width: 75%;
}

.personal-overview-row .image-box img{
	width: 100%;
	object-fit: cover;
}

.personal-overview-row .contact-address a{
	display: flex;
	align-items: center;
	gap: 10px 27px;
	line-height: 1.35;
	margin-bottom: 13px;
}

.personal-overview-row .contact-address .icon{
	display: inline-block;
	width: 20px;
	height: 20px;
}

.personal-overview-row .contact-address .icon svg, .personal-overview-row .contact-address .icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.additional-details .additional-details-row{
	padding-top: 0;
}

.additional-details .col-left-holder{
	background-color: rgba(4, 73, 144, 0.1);
    border-color: #6a747c;
    padding-top: 30px;
    padding-right: 25px;
    padding-left: 25px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3)
}

.additional-details .additional-details-col-left .content-box ul li{
	padding: 10px 0;
	border-bottom: 1px solid #044990;
} 

.additional-details .additional-details-col-left .content-box ul{
	list-style: none !important;
	padding: 0 !important;
}

.additional-details .additional-details-col-left .content-box.career--box ul li{
	padding: 6px 0;
	word-break: break-word;
}

.additional-details .additional-details-col-left .content-box.training--box ul li:last-child{
	border-bottom: 0;
}

.additional-details .additional-details-col-left .content-box ul li:first-child{
	border-top: 1px solid #044990;
}

.additional-details .additional-details-col-left:not(:has(.training--box)) .content-box ul li:last-child{
	border-bottom: 0;
}

.additional-details .additional-details-col-left:not(:has(.training--box)) .col-left-holder{
	padding-bottom: 24px;
}

.additional-details .additional-details-col-left .content-box ul li:has(.date){
	display: flex;
	gap: 24px;
	align-items: center;
}

.additional-details .additional-details-col-left .content-box ul li:has(.date) .date{
	width: 17%;
	display: inline-block;
	flex: 0 0 17%;
}

.additional-details .additional-details-col-left .training--box{
	padding-top: 30px;
}

.additional-details .additional-details-col-right .content-box ul{
	list-style: disc;
	padding: 0 0 16px 16px;
}

.additional-details .additional-details-col-right .content-box:has(+.content-box){
	margin-bottom: 29px;
}

.additional-details .additional-details-col-right h2{
	margin: 0;
}

@media only screen and (min-width: 981px) {
	.personal-overview-row .summary-col, .additional-details-row .additional-details-col-left{
		margin-right: 5.5%;
		width: 57.8%;
	}
	
	.personal-overview-row .thumb-contact-col, .additional-details-row .additional-details-col-right{
		width: 36.7%;
	}

	.additional-details .additional-details-col-left .content-box ul li:has(.date) .date{
		padding-right: 25px;
	}

	.additional-details .additional-details-col-left .content-box ul li:has(.date){
		padding-right: 24px;
	}
}

/* @media only screen and (max-width: 1399px){
	.rema-team__row{
		gap: 54px 27px;
	}

	.rema-team__row>* {
		flex: 0 1 calc(25% - 13.5px);
	}
} */

@media only screen and (max-width: 980px) {
	.rema-team{
		padding: 30px 0;
	}
	.rema-team__row {
		gap: 54px 5.5%;
		margin-inline: auto;
	}

	.rema-team__row>* {
		width: 47.25%;
	}
}

@media only screen and (max-width: 767px) {
	.single-personal h2{
		font-size: 28px;
	}
}

@media only screen and (max-width: 479px) {
	.rema-team__row>* {
		flex: 0 0 100%;
		max-width: 100%;
	}
}