/** @format */

/****************************** global variables ******************************/
:root {
	--vlaw-blue: "#0D4B7F";
	--vlaw-secondaryBlue: #0f5579;
	--vlaw-yellow: #e2ad0c;
	--vlaw-yellow-shadow: #e2ad0c88;
	--vlaw-darkGray: #333333;
	--vlaw-semiDarkGray: #4a4a4a;
	--vlaw-lightGray: #ededed;
	--vlaw-semiLightGray: #818181;
}

/* own styling goes here */

/* clear all unnecessary items after a reloading the page  */
[x-cloak] {
	display: none !important;
}

/****************************** to top btn ******************************/
.to-top-btn:hover {
	border: 0.188rem solid var(--vlaw-yellow);
	box-shadow: 0 0 0 0.25rem var(--vlaw-yellow-shadow);
}

/****************************** general hover link ******************************/
.hover-link:after {
	transform: translate3d(-101%, 0, 0);
	transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}

.hover-link:hover:after {
	transform: translate3d(0, 0, 0);
}

[transition-style="in:wipe:up"] {
	animation: 2.5s cubic-bezier(0.25, 1, 0.3, 1) wipe-in-up both;
}

/****************************** header styling ******************************/
header {
	transition: all 200ms ease-in-out;
}

header.is-fixed {
	background-color: #ffffff;
	position: fixed;
	transition: all 200ms ease-in-out;
}

/* nav links */
.nav-link.is-change-color {
	color: var(--vlaw-darkGray) !important;
}

.nav-link.hover-line:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.188rem;
	top: 3.625rem !important;
	z-index: 999;
	background-color: var(--vlaw-yellow);
	content: "";
	transform: scale(0);
	transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}

.nav-link.hover-line:hover:after {
	transform: scale(1);
}

.nav-link:after {
	height: 0;
}

.nav-link:hover:after {
	transform: scale(1);
}

.navLinkWrapper.is-hidden {
	display: none !important;
}

.viams-link.is-change-color:hover {
	background-color: var(--vlaw-secondaryBlue) !important;
}

.fa-chevron-down.is-rotate {
	transform: rotate(180deg);
}

/* hamburger icon  */
.burger-layer.is-change-fill-color {
	background-color: var(--vlaw-darkGray) !important;
}

.burger-layer:nth-child(1).is-active-close {
	transform: rotate(45deg);
	transition: 200ms ease-in-out;
	margin-top: 0;
}

.burger-layer:nth-child(2).is-active-close {
	display: none !important;
	transition: 200ms ease-in-out;
}

.burger-layer:nth-child(3).is-active-close {
	transform: rotate(-45deg);
	transition: 200ms ease-in-out;
	margin-top: -0.188rem;
}

/****************************** our team and our roots team link styling ******************************/
/* team and roots link refer to homepage*/
.team-link:after {
	transform: translate3d(0, 100%, 0);
}

.team-link:hover:after {
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}

.roots-link:after {
	transform: translate3d(0, 100%, 0);
}

.roots-link:hover:after {
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}

/****************************** read and view resource  link styling ******************************/

/* read and resources link refer to IP and trademark page*/
.read-link:after {
	transform: translate3d(0, 100%, 0);
}

.read-link:hover:after {
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}

.resources-link:after {
	transform: translate3d(0, 100%, 0);
}

.resources-link:hover:after {
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}

/****************************** accordion ******************************/
.accordion-menu.is-fade-in {
	animation: fade-in 300ms cubic-bezier(0.11, 0, 0.5, 0) 0s 1 normal forwards;
	animation-duration: 200ms;
}
.accordion-btn.active {
	color: var(--vlaw-yellow) !important;
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.leader-profile figure img {
	transition: transform 300ms ease-out;
}

.leader-profile:hover figure img {
	transform: scale(1.1);
}
.marg-practice{padding-top: 120px !important;}

/****************************** media queries ******************************/
@media (min-width:769px) {
	.marg-practice{padding-top: 0px !important;}
}
@media (max-width: 1023px) {
	.nav-link:after {
		display: none !important;
	}
	
}
@media (max-width: 1535px) {
	.nav-link:after {
		top: 2.375rem;
	}
	
}