/**
 * Theme Name:     Vankine Child
 * Author:         Steelthemes
 * Template:       vankine
 * Text Domain:	   vankine-child
 * Description:    Vankine is a Finance wordpress Theme.
 */

.chead a.theme_btn {
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    height: 120px;
    border-radius: 0;
    margin-bottom: -20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 0 30px;
	margin-top: -5px;
}
.chead a.theme_btn svg{
	display:none;
}
.top-header{
	background:#833a61;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
}
.ctop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.top-header .name{
	font-size:13px;
}
.header_area {
    position: relative;
    z-index: 3;
}
.top-header ul li, .top-header ol li{
	list-style:none;
	margin-bottom:0 !important;
}
.top-header a{
	color:#58585a !important;
	background:transparent !important;
}
.top-header .dropdown-menu a:hover{
	color:#fff !important;
	background:#96C93D !important;
}
.top-header .dropdown-menu{
	border-radius: 0;
	top: 8px !important;
	background: rgb(255 255 255 / 93%);
}
.csidebar {
    background: #f6f6f6;
	padding:50px 0;
	height: 100%;
}
.csidebar h2 {
    font-size: 30px;
}

.csidebarmenu ul li {
    list-style: none;
}
.csidebarmenu li a{
	padding:5px 10px;
	color:#58585a !important;
	background:transparent !important;
	display:block;
}
.csidebarmenu a:hover{
	color:#fff !important;
	background:#96C93D !important;
}
.csidebarmenu li {
    margin: 5px 0;
}
.csidebar .bottom h4 {
    font-size: 15px !important;
	color:#58585a !important;
}
.csidebar .bottom p {
	color:#58585a !important;
}
.csidebar a.sendmessage {
    color: #fff;
    background: #69103f;
    padding: 15px 25px;
    border-radius: 15px;
    margin-top: 5px;
    display: inline-block;
}
.csidebar .in .ccenter {
/*     max-width: 270px; */
/*     margin: 0 auto; */
	padding-left:21%;
}
.swpm-password-input-visibility , .swpm-remember-me {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.swpm-password-input-visibility label , .swpm-remember-me label{
	margin:0 !important;
}
.theme_btn{
	color:#fff !important;
}
body.page-template-member section {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

@media(max-width:767px){
	.offcanvas{
		max-width:85%;
	}
}
body.page-template-member .site-content{
	padding:0 !important;
}
.service_box.type_six .content a.theme_btn:not(:hover) {
    color: #96C93D !important;
}
.service_box.type_six .content a.theme_btn:not(:hover) svg path {
    fill: #96C93D !important;
    color: #96C93D !important;
    stroke: #96C93D !important;
}
.csidebarmenu ul {
    margin: 0;
    padding: 0;
}
.csidebarmenu > ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
	padding-left: 23%;
gap:10px;
}
.csidebarmenu > ul ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	padding-left: 25%;
}
/* .csidebarmenu ul .menu-item-has-children > a i{
	visibility:hidden;
} */
	.csidebarmenu ul .sub-menu {
    display: none;
}

	.csidebarmenu ul .activem{
		display:block !important
	}
@media (max-width:1600px){
	.csidebar .in .ccenter {
	padding-left:15%;
}
	.csidebarmenu > ul li a {
	padding-left: 16%;
}
.csidebarmenu > ul ul li a {
	padding-left: 18%;

}
}
@media(max-width:767px){
/* 	.csidebarmenu ul .sub-menu {
    display: none;
} */
/* 	.csidebarmenu ul .menu-item-has-children > a i{
	visibility:visible;
} */
/* 	.csidebarmenu ul .activem{
		display:block !important
	} */
	.csidebarmenu > ul li a {
    padding-left: 16%;
}
}

/* Individual Team Member page stylings*/
/* Added by Cameron on 8/28/25 */

/*
	CSS-only makeover for WPBean Our Team Members single page
	- No plugin edits; selectors are scoped to the member page content
	- Ensures image aspect ratio, hides social/share + post blocks, styles contact info
*/

/* Scope strictly to the single team member page */
body.single-wpb_team_members {
	--team-aspect-w: 4; /* adjust if your headshots differ */
	--team-aspect-h: 5;
	--team-max-width: 520px;
	--team-card-pad: 12px; /* uniform padding around the image inside the card */
}

/* Center and constrain the featured/team image wrappers */
body.single-wpb_team_members .single-thumbnail,
body.single-wpb_team_members .wpb-team-img,
body.single-wpb_team_members .wpb-team-image,
body.single-wpb_team_members .wpb-team-thumb {
	max-width: var(--team-max-width);
	margin: 0 auto 1rem auto;
	background: #fff;                /* make the card behind match the image */
	border-radius: 12px;
	overflow: hidden;                /* clip image corners to the card */
	box-shadow: 0 6px 24px rgba(0,0,0,.12);
	height: auto !important;         /* avoid fixed heights from theme */
	float: none !important;          /* prevent text wrapping */
	box-sizing: border-box;          /* keep total width within max */
	padding: var(--team-card-pad);
}

/* Enforce consistent aspect ratio and a modern look */
body.single-wpb_team_members .single-thumbnail img,
body.single-wpb_team_members .wpb-team-img img,
body.single-wpb_team_members .wpb-team-image img,
body.single-wpb_team_members .wpb-team-thumb img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--team-aspect-w) / var(--team-aspect-h);
	object-fit: cover;
	border-radius: 0;                /* handled by wrapper */
	box-shadow: none;                /* handled by wrapper */
}

/* Hide social/share blocks and author/related posts INSIDE the member section only */
body.single-wpb_team_members .social-icons.single-share,
body.single-wpb_team_members .same_authour,
body.single-wpb_team_members .tags_and_cat,
body.single-wpb_team_members .related-posts,
body.single-wpb_team_members .entry-footer,
body.single-wpb_team_members .wpb-team-social,
body.single-wpb_team_members .wpb_team_social,
body.single-wpb_team_members .wpb-single-social,
body.single-wpb_team_members .single-social,
body.single-wpb_team_members [data-sharer] {
	display: none !important;
}

/* Hide direct social anchors inside the member section only */
body.single-wpb_team_members a[href*="facebook.com"],
body.single-wpb_team_members a[href*="twitter.com"],
body.single-wpb_team_members a[href*="whatsapp.com"],
body.single-wpb_team_members a[href*="t.me"],
body.single-wpb_team_members a[href*="telegram.org"],
body.single-wpb_team_members a[href^="skype:"] {
	display: none !important;
}

/* Transform the content area into a simple contact block */
body.single-wpb_team_members .post_single_content {
	max-width: var(--team-max-width);
	margin: 1rem auto 2rem !important; /* ensure spacing below the image */
	text-align: center;
	clear: both;                      /* avoid overlap with floated elements */
	position: relative;
	z-index: 1;
}

body.single-wpb_team_members .post_single_content p {
	margin: 0.25rem 0;
	font-size: 1.125rem;
	line-height: 1.5;
	white-space: pre-line; /* keep line breaks if present */
}

/* Style contact links (if present) as buttons */
body.single-wpb_team_members .post_single_content a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1rem;
	margin: 0.25rem 0.375rem;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	color: #fff;
	background: #0f3567; /* default */
	transition: transform .06s ease, opacity .2s ease;
}

body.single-wpb_team_members .post_single_content a:hover {
	transform: translateY(-1px);
	opacity: .95;
}

/* Specialize by link type to visually distinguish */
body.single-wpb_team_members .post_single_content a[href^="mailto:"] {
	background: #3878ff; /* email */
}
body.single-wpb_team_members .post_single_content a[href^="tel:"] {
	background: #6b3a5e; /* phone */
}
/* booking-ish URLs */
body.single-wpb_team_members .post_single_content a[href*="calendly"],
body.single-wpb_team_members .post_single_content a[href*="book" i],
body.single-wpb_team_members .post_single_content a[href*="appoint" i],
body.single-wpb_team_members .post_single_content a[href*="schedule" i] {
	background: #2d947a; /* booking */
}

/* In case the plugin uses its own info wrapper, keep it tidy */
body.single-wpb_team_members .wpb-team-content,
body.single-wpb_team_members .wpb-team-details {
	max-width: var(--team-max-width);
	margin: 0 auto;
}

/* Take out the box-shadow on the section */
body.single-wpb_team_members section {
	box-shadow: none;
}