.main-content-transparent-header {
margin-top: -92px;
}
@media (min-width: 1024px) {
.main-content-transparent-header {
margin-top: -118px;
}
}
.te-navbar-nav-desktop {
margin: 0px !important;
}
@media (min-width: 1024px) {
.te-header-text-light:not(.is-sticky-start) .header-search-btn {
background-color: transparent !important;
}
}
.te-header-text-light:not(.is-sticky-start) .header-border {
border-color: rgb(255 255 255 / 0.1);
}
.header-border {
margin-bottom: 0.5rem;
display: none;
justify-content: flex-end;
gap: 1rem;
border-bottom-width: 1px;
border-color: rgb(31 41 55 / 0.1);
padding-bottom: 0.5rem;
}
@media (min-width: 1024px) {
.header-border {
display: flex;
}
}
.te-navbar-link {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.header-phone-link {
letter-spacing: 0.1em;
transition-property: all;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.header-phone-link:hover {
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
}
.te-header-text-light:not(.is-sticky-start) .contact-topbar {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.contact-topbar {
display: flex;
gap: 1.5rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
} .te-btn {
font-weight: 700;
text-transform: uppercase;
}
.te-btn-primary {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
background-color: #BD9D54 !important;
&:hover {
background-color: #DCAE50 !important;
}
}
.centered-absolute {
position: absolute;
left: 50%;
bottom: -20px;
z-index: 20;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px) {
.centered-absolute {
bottom: -60px;
}
}
.slider-shape-center {
position: relative;
margin-top: -12rem;
}
.te-search-results-inner {
border-radius: 0;
}
.main-heading {
& .heading-small-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
& .heading-title {
font-size: var(--font-size-4xl);
line-height: var(--line-height-4xl);
}
& .heading-title {
font-weight: 700;
}
& .heading-title {
letter-spacing: -0.0525rem;
}
@media (min-width: 1024px) {
& .heading-title {
font-size: var(--font-size-5xl);
line-height: var(--line-height-5xl);
}
}
& .heading-sub-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.main-heading-2 {
& .heading-small-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
& .heading-title {
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
}
& .heading-title {
font-weight: 700;
}
& .heading-title {
letter-spacing: -0.0525rem;
}
@media (min-width: 1024px) {
& .heading-title {
font-size: var(--font-size-4xl);
line-height: var(--line-height-4xl);
}
}
& .heading-sub-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.sub-heading {
& .heading-title {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
}
& .heading-title {
font-weight: 700;
}
& .heading-title {
line-height: 1.5rem;
}
@media (min-width: 1024px) {
& .heading-title {
font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl);
}
}
}
.rounded-xl,
.rounded-lg {
border-radius: 0;
} @font-face {
font-family: "myriad-pro";
src: url(//thefuture-legal.com/wp-content/themes/tewido-child/assets/fonts/ltr/myriad-pro/bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "myriad-pro";
src: url(//thefuture-legal.com/wp-content/themes/tewido-child/assets/fonts/ltr/myriad-pro/normal.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
} .header-phone-link,
.myriad-pro,
.te-btn,
.heading-sub-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'myriad-pro', system-ui, sans-serif !important;
}
.te-btn-white {
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.te-btn-white:hover {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.te-btn-white {
&:hover:not(:disabled) {
--tw-translate-y: 0.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
&:active:not(:disabled) {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
} .te-footer .social-media-links-icons a {
border-radius: 0;
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.te-footer .social-media-links-icons a:hover {
background-color: rgb(var(--color-primary-600-rgb)) !important;
}
.te-footer .contact-icon {
border-radius: 0;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.te-footer-title {
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
}
.te-footer {
background-image: url(//thefuture-legal.com/wp-content/themes/tewido-child/assets/images/footer.webp);
position: relative;
overflow: hidden;
&::before {
content: "";
}
&::before {
position: absolute;
}
&::before {
left: -0.25rem;
}
&::before {
top: -0.25rem;
}
&::before {
height: 70px;
}
&::before {
width: 70px;
}
&::before {
background-image: url(//thefuture-legal.com/wp-content/themes/tewido-child/assets/svg/footer-shape.svg);
}
&::before {
background-size: contain;
}
&::before {
background-repeat: no-repeat;
}
&::after {
content: "";
}
&::after {
position: absolute;
}
&::after {
right: -0.25rem;
}
&::after {
top: -0.25rem;
}
&::after {
height: 70px;
}
&::after {
width: 70px;
}
&::after {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
&::after {
background-image: url(//thefuture-legal.com/wp-content/themes/tewido-child/assets/svg/footer-shape.svg);
}
&::after {
background-size: contain;
}
&::after {
background-repeat: no-repeat;
}
} .about-heading .highlight {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
text-decoration-line: underline;
text-underline-offset: 4px;
}
.about-states .te-card-title {
font-family: var(--font-ltr) !important;
}
.pa-box {
position: relative;
&:before {
display: none;
}
@media (min-width: 1024px) {
&:before {
display: block;
}
}
&:before {
content: '';
clip-path: polygon(50% 0%,
95% 0,
100% 35%,
100% 70%,
95% 100%,
50% 100%,
0 100%,
0% 73%,
0% 38%,
0 0);
background-color: #303030;
width: calc(100% - 36px);
height: 100%;
}
}
.pa-box-light {
background-color: #F7F7F7;
} .pa-cta-call .ci-icon-wrapper {
border-radius: 0;
}
.pa-cta-call .ci-value {
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
font-weight: 600;
}
.pa-cta-call .ci-value a:hover {
color: #222 !important;
} .te-card {
border-radius: 0;
}
.tewido-footer-brand-widget {
text-align: center;
}
@media (min-width: 1024px) {
.tewido-footer-brand-widget {
text-align: start;
}
[dir="rtl"] .tewido-footer-brand-widget {
text-align: right;
}
[dir="ltr"] .tewido-footer-brand-widget {
text-align: left;
}
}
.te-footer-brand .footer-logo {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.te-footer-brand .footer-logo {
margin-left: 0px;
margin-right: 0px;
}
}
.footer-widget .social-media-links-icons {
justify-content: center;
}
@media (min-width: 1024px) {
.footer-widget .social-media-links-icons {
justify-content: flex-start;
}
}
.te-copyright-widget {
text-align: center;
}
@media (min-width: 1024px) {
.te-copyright-widget {
text-align: start;
}
[dir="rtl"] .te-copyright-widget {
text-align: right;
}
[dir="ltr"] .te-copyright-widget {
text-align: left;
}
}