/**
Theme Name: McKelvie & McKelvie
Author: Blue Winds Media
Author URI: https://www.bluewindsmedia.com
Description: A custom theme for McKelvie, built on the Astra framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mckelvie-mckelvie
Template: astra
*/
*,
::before,
:after {
box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
p {
margin: 0px 0px 20px;
}
strong {
font-weight: 700;
}
p:last-child {
margin: 0px 0px 0px;
}
a {
text-decoration: none;
color: inherit;
}
a:hover,
a:focus {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol,
li {
list-style: none;
}
ul+ul,
ul+ol,
ol+ul,
ol+ol {
margin: 20px 0px 0px;
}
a:focus,
a:focus-within,
a:focus-visible,
a:target,
a:visited,
a:active,
button:focus,
button:focus-within,
button:focus-visible,
button:target,
button:visited,
button:active,
input:focus,
input:focus-within,
input:focus-visible,
input:target,
input:visited,
input:active,
select:focus,
select:focus-within,
select:focus-visible,
select:target,
select:visited,
select:active,
textarea:focus,
textarea:focus-within,
textarea:focus-visible,
textarea:target,
textarea:visited,
textarea:active {
outline: none;
box-shadow: none;
font-family: inherit;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* popup-css-start */
.header-top-list ul li a {
display: flex;
gap: 10px !important;
}
.top-popup-sec .elementor-icon-wrapper a.elementor-icon {
border-color: #C09F80 !important;
}
.header-top-sec .header-top-list ul li span.elementor-icon-list-icon {
padding: 8px;
border: 1px solid rgba(192, 159, 128, 0.5);
border-radius: 100%;
}
/* popup-css-end */
.sub-heading::before {
content: "";
width: 10px;
height: 10px;
background: #C09F80;
position: absolute;
top: 8px;
left: 10px;
}
.why-sec .sub-heading {
min-width: max-content;
white-space: nowrap;
}
.area-main .carousel-number,
.practice-area .carousel-number {
color: #C09F80 !important;
font-family: 'New York', sans-serif !important;
font-size: 100px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
padding-top: 30px;
}
.practice-area .carousel-number {
color: #fff !important;
z-index: 11;
}
.practice-area .elementor-widget-theme-post-excerpt {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.area-main:hover .carousel-number,
.area-main:hover .elementor-widget-theme-post-title h1,
.area-main:hover .elementor-widget-theme-post-excerpt .elementor-widget-container {
color: white !important;
}
.area-main:hover {
background: #C09F80 !important;
}
.area-main,
.area-main .carousel-number,
.practice-area .carousel-number,
.area-main .elementor-widget-theme-post-excerpt .elementor-widget-container {
transition: all 0.4s ease-in-out;
}
.area-main .elementor-widget-theme-post-title h1 {
transition: all 0.1s ease-in-out;
}
.area-main .elementor-widget-theme-post-title h1 a {
text-decoration: none !important;
}
.area-main .elementor-widget-theme-post-excerpt {
display: -webkit-box !important;
-webkit-line-clamp: 4 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.loop-slider-sec .elementor-swiper-button-next,
.loop-slider-sec .elementor-swiper-button-prev {
border-radius: 50px;
background: rgb(192, 159, 128, 0.1) !important;
display: flex;
width: 60px;
height: 60px;
justify-content: center;
align-items: center;
gap: 10px;
opacity: 1 !important;
}
.loop-slider-sec .elementor-swiper-button-next svg path,
.loop-slider-sec .elementor-swiper-button-prev svg path {
fill: #C09F80 !important;
}
.loop-slider-sec .elementor-swiper-button-next:hover,
.loop-slider-sec .elementor-swiper-button-prev:hover {
background: rgb(192, 159, 128) !important;
}
.loop-slider-sec .elementor-swiper-button-next:hover svg path,
.loop-slider-sec .elementor-swiper-button-prev:hover svg path {
fill: white !important;
}
.loop-slider-sec .elementor-swiper-button-next svg,
.loop-slider-sec .elementor-swiper-button-prev svg {
width: 20px !important;
height: 20px !important;
}
.contact-form .elementor-form-fields-wrapper .elementor-field-group input,
.contact-form .elementor-form-fields-wrapper .elementor-field-group select {
padding: 0 0 30px 30px !important;
box-shadow: none;
border-bottom: 1px solid rgb(0, 0, 0, 0.2) !important;
border-radius: 0;
}
.contact-form .elementor-form-fields-wrapper .elementor-field-group textarea {
padding: 0 0 30px 30px !important;
box-shadow: none;
border-bottom: 1px solid rgb(0, 0, 0, 0.2) !important;
border-radius: 0;
padding-top: 8px !important;
}
.contact-form .elementor-form-fields-wrapper .elementor-field-group input:focus,
.contact-form .elementor-form-fields-wrapper .elementor-field-group textarea:focus,
.contact-form .elementor-form-fields-wrapper .elementor-field-group select:focus {
box-shadow: none !important;
border-style: solid !important;
}
.contact-form .elementor-form-fields-wrapper .elementor-field-group input::placeholder,
.contact-form .elementor-form-fields-wrapper .elementor-field-group textarea::placeholder,
.contact-form .elementor-form-fields-wrapper .elementor-field-group select::placeholder {
color: rgba(0, 0, 0, 1) !important;
opacity: 0.5 !important;
}
.contact-form .select-caret-down-wrapper i.eicon-caret-down {
font-size: 0px !important;
}
.contact-form .select-caret-down-wrapper {
background-image: url('data:image/svg+xml,');
display: block;
width: 13px;
height: 7px;
font-size: 0 !important;
transform: unset !important;
background-position: center !important;
top: 15px;
}
.loop-slider-sec .swiper {
width: 89.56vw !important;
}
.attorney-loop-sec h1 a {
text-decoration: none !important;
}
.why_count span.elementor-counter-number-prefix {
order: 2 !important;
}
.why_count .elementor-counter-number-suffix {
margin-top: 30px;
margin-bottom: auto;
font-size: 0;
color: #333333;
font-weight: 700;
}
.why_count .elementor-counter-number-wrapper {
display: flex;
flex-direction: row;
align-items: baseline;
}
.why_count .elementor-counter-number {
order: 1;
}
.why_count .elementor-counter-number-prefix {
order: 2;
text-transform: uppercase;
/* ensures 'K' instead of 'k' */
margin-left: 2px;
}
.why_count .elementor-counter-number-suffix {
order: 3;
margin-left: -10px;
}
.why_count:not(:last-child) .elementor-counter-number-suffix {
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 35px;
height: 34px;
background-size: 35px;
}
.why_count:last-child .elementor-counter-number-suffix {
background-image: url('data:image/svg+xml,');
width: 31px;
height: 34px;
background-repeat: no-repeat;
background-size: 31px;
}
.hero-main-sec:before {
content: "";
width: 100%;
height: 100%;
display: block;
opacity: 0.5;
background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
position: absolute;
}
.hero-slider:after {
content: "";
width: 100%;
height: 100px;
border-top: 1px solid rgba(192, 159, 128, 0.20);
background: rgba(0, 0, 0, 0.60);
backdrop-filter: blur(10px);
display: block;
position: absolute;
top: unset;
bottom: 0;
}
.hero-slider .swiper-pagination-progressbar {
top: auto;
background: rgba(192, 159, 128, .5);
z-index: 11;
bottom: 47px;
max-width: 800px;
width: 96%;
left: 50%;
transform: translateX(-50%);
}
.contact-form label.elementor-field-label {
padding-left: 30px;
}
.why-us-counter-sec .e-con-inner {
margin-right: 0px;
}
.why_count:not(:first-child) .elementor-widget-container:before {
content: "";
width: 1px;
height: 136px;
background: rgb(51, 51, 51, 0.2);
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
/* =====04-11-2025===== */
.single-areas.postid-255 .practice-areas-listing .e-con-inner {
align-items: flex-start !important;
}
.single-areas.postid-255 .practice-areas-listing .e-con-inner .practice-area-img {
padding-top: 60px;
}
.post-content-area ul li {
list-style-type: disc;
}
.post-content-area ol li {
list-style-type: decimal
}
.post-content-area ul,
.post-content-area ol {
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 20px !important;
}
.post-content-area h1 {
font-family: "New York", Sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.16em;
color: #333333;
margin-bottom: 20px;
}
.post-content-area h2,
.post-content-area h3 {
font-family: "New York", Sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.16em;
color: #333333;
margin-bottom: 20px;
}
.post-content-area img {
width: 100%;
object-fit: cover;
height: 600px;
margin-bottom: 30px;
}
.post-content-area p {
margin-bottom: 20px;
}
.post-content-area .wp-caption .wp-caption-text {
margin: 0 !important;
text-align: left !important;
}
/* responsive-start */
@media screen and (max-width:1720px) {
.about-img {
right: -160px !important;
}
}
@media screen and (max-width:1599px) {
.loop-slider-sec .swiper {
width: 80vw !important;
}
.why_count .elementor-counter-number-suffix {
margin-top: 22px;
margin-left: -4px;
}
.why_count:not(:last-child) .elementor-counter-number-suffix,
.why_count:last-child .elementor-counter-number-suffix {
background-size: 30px !important;
}
}
@media screen and (min-width:1090px) and (max-width:1199px) {
.About-Us-right-sec .elementor-widget-text-editor,
.About-Us-right-sec .elementor-widget-button,
.About-Us-right-sec .elementor-widget-icon-list {
width: 500px !important;
}
}
@media screen and (min-width:1400px) and (max-width:1500px) {
.About-Us-right-sec .elementor-widget-text-editor,
.About-Us-right-sec .elementor-widget-button,
.About-Us-right-sec .elementor-widget-icon-list {
width: 660px !important;
}
}
@media screen and (min-width:1200px) and (max-width:1399px) {
.About-Us-right-sec .elementor-widget-text-editor,
.About-Us-right-sec .elementor-widget-button,
.About-Us-right-sec .elementor-widget-icon-list {
width: 550px !important;
}
.footer-menu-list {
width: 57% !important;
}
}
@media screen and (max-width:1199px) {
.hero-slider .swiper-pagination-progressbar {
max-width: 600px;
}
.loop-slider-sec .elementor-swiper-button-next,
.loop-slider-sec .elementor-swiper-button-prev {
width: 50px;
height: 50px;
}
.why-us-counter-sec .e-con-inner {
margin-right: auto !important;
}
.why_count .elementor-counter-title br {
display: none;
}
.about-img {
right: -140px !important;
}
.area-main .carousel-number,
.practice-area .carousel-number {
font-size: 80px !important;
}
.why_count .elementor-counter-number-suffix {
margin-top: 15px !important;
margin-left: -4px;
}
.why_count:not(:last-child) .elementor-counter-number-suffix,
.why_count:last-child .elementor-counter-number-suffix {
background-size: 25px !important;
}
.loop-slider-sec .swiper {
width: 100vw !important;
}
.contact-form .elementor-form-fields-wrapper .elementor-field-group input,
.contact-form .elementor-form-fields-wrapper .elementor-field-group select,
.contact-form .elementor-form-fields-wrapper .elementor-field-group textarea {
padding: 0 0 20px 20px !important;
}
.post-content-area img {
height: 400px !important;
}
}
@media screen and (max-width:991px) {
.loop-slider-sec .elementor-swiper-button-next,
.loop-slider-sec .elementor-swiper-button-prev {
width: 45px;
height: 45px;
}
.area-main .carousel-number,
.practice-area .carousel-number {
font-size: 60px !important;
}
.hero-slider .swiper-pagination-progressbar {
max-width: 500px;
}
.hero-slider .swiper-pagination-progressbar {
bottom: 27px;
}
.hero-slider:after {
height: 60px;
}
.contact-form .elementor-column {
margin-bottom: 40px !important;
}
.why_count:not(:first-child) .elementor-widget-container:before {
display: none !important;
}
.contact-form label.elementor-field-label {
padding-left: 10px;
}
.loop-slider-sec .swiper {
width: 90vw !important;
}
.single-areas.postid-255 .practice-areas-listing .e-con-inner {
align-items: center !important;
}
}
@media screen and (max-width:767px) {
br {
display: none !important;
}
.hero-slider .swiper-pagination-progressbar {
max-width: 450px;
}
.loop-slider-sec .elementor-swiper-button-prev {
left: calc(50% - 50px) !important;
}
.loop-slider-sec .elementor-swiper-button-next {
right: calc(50% - 50px) !important;
}
.post-content-area h3,
.post-content-area h2 {
font-size: 20px !important;
}
.post-content-area h1 {
font-size: 34px !important;
}
}
@media screen and (max-width:575px) {
.footer-menu ul {
text-align: center;
align-items: center;
display: flex;
flex-direction: column;
}
.why_count .elementor-counter {
align-items: center !important;
text-align: center !important;
display: flex !important;
justify-content: center !important;
}
.hero-slider .swiper-pagination-progressbar {
max-width: 420px;
}
.contact-form label.elementor-field-label {
padding-left: 0px;
}
.contact-form .elementor-form-fields-wrapper .elementor-field-group input,
.contact-form .elementor-form-fields-wrapper .elementor-field-group select,
.contact-form .elementor-form-fields-wrapper .elementor-field-group textarea {
padding: 0 0 20px 0px !important;
}
}
/* responsive-end */