@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.kmrenovate.com/wp-content/fonts/raleway/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.grid-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 16px; }
.grid-container.align-items-start {
align-items: start;
}
.grid-item,
.grid-container > * {
grid-column: span 12;
}
@media (max-width: 768px) {
} @media (min-width: 600px) {
.grid-item.col-1,
.grid-item[data-col="1"] { grid-column: span 6; }
.grid-item.col-2,
.grid-item[data-col="2"] { grid-column: span 6; }
.grid-item.col-3,
.grid-item[data-col="3"]  { grid-column: span 6; }
.grid-item.col-4,
.grid-item[data-col="4"]  { grid-column: span 6; }
.grid-item.col-5,
.grid-item[data-col="5"] { grid-column: span 6; }
}
@media (min-width: 1024px) {
.grid-item.col-1,
.grid-item[data-col="1"] { grid-column: span 1; }
.grid-item.col-2,
.grid-item[data-col="2"] { grid-column: span 2; }
.grid-item.col-3,
.grid-item[data-col="3"]  { grid-column: span 3; }
.grid-item.col-4,
.grid-item[data-col="4"]  { grid-column: span 4; }
.grid-item.col-5,
.grid-item[data-col="5"] { grid-column: span 5; }
.grid-item.col-6,
.grid-item[data-col="6"] { grid-column: span 6; }
.grid-item.col-7,
.grid-item[data-col="7"] { grid-column: span 7; }
.grid-item.col-8,
.grid-item[data-col="8"] { grid-column: span 8; }
.grid-item.col-9,
.grid-item[data-col="9"] { grid-column: span 9; }
.grid-item.col-10,
.grid-item[data-col="10"] { grid-column: span 10; }
.grid-item.col-11,
.grid-item[data-col="11"] { grid-column: span 11; }
.grid-item.col-12,
.grid-item[data-col="12"] { grid-column: span 12; }
}#pgsa-featured-local-services {
width: 100%;
}
.pg-grid-card-placeholder {
aspect-ratio: 4 / 3;
max-width: 100%;
display: flex;
position: relative;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
background: #eee;
overflow: hidden;
}
.pg-grid-card-permalink {
position: relative;
width: 100%;
height: 100%;
display: flex;
text-decoration: none;
}
.pg-grid-card-placeholder .wp-post-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
object-fit: cover;
height: 100%;
object-position: center;
z-index: 1;
transform: scale(1);
transition: transform 0.45s;
}
.pg-grid-item-overlay {
position: absolute;
width: 100%;
height: calc(100% - 36px);
top: 0;
background: rgba(255, 255, 255, .3);
left: 0;
opacity: 0;
z-index: 9;
-webkit-transform: translateZ(0);
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}
.effect-overlay:hover .pg-grid-item-overlay {
opacity: 1;
}
.effect-zoom-in:hover .wp-post-image {
transform: scale(1.15);
}
.pg-grid-item-overlay-border {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
-webkit-transform: translateZ(0);
border: 1px solid rgba(255, 255, 255, .7);
}
.pg-grid-item-overlay-border:before,
.pg-grid-item-overlay-border:after {
width: 100%;
height: 100%;
z-index: 3;
content: '';
position: absolute;
top: 0;
left: 0;
opacity: 1;
box-sizing: border-box;
-ms-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
.pg-grid-item-overlay-border:before {
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.pg-grid-item-overlay-border:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-ms-transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.pg-grid-item-overlay-border-align-vertical {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.pg-grid-item-overlay-border-icon:before {
background: #fff;
width: 1px;
height: 80px;
content: '';
display: block;
margin-top: -40px;
margin-bottom: -40px;
}
.pg-grid-item-overlay-border-icon:after {
background: #fff;
width: 80px;
height: 1px;
margin-left: -40px;
margin-right: -40px;
content: '';
display: block;
}
.pg-grid-card-placeholder .pg-grid-card-title {
width: 100%;
margin: 6px 0 0;
padding: 6px 0;
z-index: 99;
align-self: end;
color: #222;
background: #fff;
font-size: 16px;
text-align: center;
transition: color 0.35s;
}
.pg-grid-card-placeholder .pg-grid-card-title.title-large {
font-size: 21px;
padding: 10px 0;
}
.pg-grid-card-placeholder:hover .pg-grid-card-title {
color: var(--global-palette-btn-bg, #3633e1);
}#inner-wrap {
opacity: 1;
transition: opacity 0.5s;
}
#inner-wrap.loading {
opacity: 0.5;
pointer-events: none;
}
.hidden {
display: none;
}
.portfolio-archive-title {
min-height: 88px;
padding-bottom: 1rem;
align-items: end;
justify-content: start;
text-align: left;
}
#portfolio-menu {
position: relative;
top: initial;
width: auto;
z-index: 40;
}
.portfolio-cloud-item .term-link {
padding: 4px 11px;
border: 0.5px solid #777;
border-radius: 3px;
font-size: 13px;
font-weight: 400;
display: block;
}
.back-term-link {
right: 0;
font-size: 15px;
color: var(--global-palette2) !important;
}
.portfolio-filters {
flex-wrap: wrap;
padding: 12px 0;
}
.filter-wrap {
position: relative;
}
.filter-wrap .filter-title {
border: 0.5px solid #999;
border-radius: 1px;
box-shadow: 0 1px 6px -4px #33333330;
color: #222;
cursor: pointer;
position: relative;
display: block;
}
.filter-wrap, .term-link {
background: #fafafa;
}
.filter-wrap.active {
background: #ffffff;
}
#portfolio-menu .portfolio-cloud-item.active .term-link {
background: var(--global-palette6);
color: #fff;
}
.kmr-strip {
margin-bottom: 2.5rem;
position: relative;
}
.strip-label {
font-size: 20px;
position: relative;
}
.kmr-strip.portfolio-space-type-strip:after {
content: "";
position: absolute;
right: -100%;
width: 100%;
background: linear-gradient(90deg, transparent 20px, white 88px);
height: 100%;
z-index: 9;
top: 0;
}
.kmr-list-swiper {
margin: 8px 0 12px;
list-style: none;
max-width: var(--global-content-width);
}
#portfolio-menu .term-link {
text-decoration: none;
color: var(--global-palette4);
}
.portfolio-swipe-item {
position: relative;
cursor: pointer;
transition: all 0.4s;
}
.portfolio-swipe-item:hover {
border-color: var(--global-palette6);
box-shadow: 0 2px 5px -3px #00000050;
}
.kmr-strip .portfolio-swipe-item.active {
color: var(--global-palette2);
border-color: var(--global-palette2);
box-shadow: 0 2px 5px -3px #00000050;
}
.kmr-strip .portfolio-swipe-item.active .portfolio-item-title {
color: var(--global-palette2);
}
.portfolio-item-thumbnail-wrapper {
position: relative;
overflow: hidden;
}
.portfolio-project-type-strip .portfolio-item-thumbnail-wrapper {
aspect-ratio: 16 / 9;
}
.portfolio-space-type-strip .portfolio-item-thumbnail-wrapper {
aspect-ratio: 16 / 9;
}
.portfolio-item-thumbnail-wrapper img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
transform: scale(1);
transition: transform 0.5s;
}
.portfolio-swipe-item:hover .portfolio-item-thumbnail-wrapper img {
transform: scale(1.12);
}
.portfolio-project-type-strip .portfolio-item-title-wrapper {
height: 40px;
}
.portfolio-space-type-strip .portfolio-item-title-wrapper {
height: 36px;
}
.portfolio-item-title-wrapper {
display: flex;
justify-content: center;
align-items: center;
border: 0.5px solid #999;
border-top: 0;
background: #fefefe;
}
.portfolio-item-title {
display: block;
text-align: center;
padding: 10px 0;
line-height: 1.2;
}
.portfolio-content-wrap {
padding: 0.875rem 1.25rem;
}
.project-title {
font-size: 17px;
line-height: 1.25;
}
.project-item-meta {
padding: 0.5rem 0 0;
border-top: 0.5px solid #ddd;
margin-top: 0.75rem;
}
.project-category {
font-size: 14px;
}
.project-location {
font-size: 13px;
}
.project-info-item.spaces {
font-size: 13px;
line-height: 1.2;
}
.space-list-item {
display: inline-block;
padding-right: 1px;
}
.project-info-item.cost-range {
font-size: 13px;
}
.portfolio-project-type-strip .portfolio-item-title {
font-size: 14px;
}
.portfolio-space-type-strip .portfolio-item-title {
font-size: 13px;
}
.filter-wrap.active .filter-title:after {
content:"";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 3px;
background: #fcfcfc;
z-index: 2;
}
.filter-clear {
padding: 0 12px;
}
.filter-clear a {
text-decoration: none;
color: unset;
font-size: 14px;
}
.filter-clear .filter-title a:after {
content: "";
display: inline-block;
margin-left: 4px;
background: url(//www.kmrenovate.com/wp-content/themes/kraftmaster/assets/icons/clear-filters-x.png) no-repeat;
display: inline-block;
width: 8px;
height: 8px;
}
.filter-title:hover {
color: var(--global-palette2);
}
.filter-options-wrapper {
display: none;
position: absolute;
}
.filter-wrap.active .filter-options-wrapper {
display: block;
top: 99%;
left: -1rem;
min-width: 240px;
padding: 0;
z-index: 1;
border: 1px solid #ddd;
box-shadow: 0 5px 9px -4px #00000099;
background: #fff;
}
.filter-options-list {
max-height: 320px;
overflow-y: scroll;
margin: 0;
padding: 1.25rem;
list-style: none;
font-size: 15px;
}
.filter-option-item {
position: relative;
margin-bottom: 0.125rem;
padding: 0.125rem;
display: block;
cursor: pointer;
width: 100%;
}
.filter-option-item:hover {
background: #f3f3f3;
}
.filter-option-item label {
width: 100%;
padding: 5px 0 5px 34px;
display: inline-block;
cursor: pointer;
}
.filter-option-item .glyphicon {
width: 20px;
height: 20px;
background: white;
border: 1px solid #ccc;
position: relative;
overflow: hidden;
display: inline-block;
left: 6px;
top: 9px;
position: absolute;
}
.filter-option-item .glyphicon-ok.check-mark::after {
content: "";
display: block;
top: 8px;
right: 13px;
position: absolute;
border: 0;
width: 2px;
height: 2px;
}
.filter-option-item.selected .glyphicon-ok.check-mark {
background-color: var(--global-palette4);
border-color: var(--global-palette4);
}
.filter-option-item.selected .glyphicon-ok.check-mark::after {
box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
transform: rotate(45deg);
}
.filter-wrap.active-filter {
background: var(--global-palette6);
}
.filter-wrap.active-filter .filter-title{
color: #fbfbfb;
}
.portfolio-content-area .page-numbers {
display: flex;
gap: 6px;
list-style: none;
margin: 1rem 0;
justify-content: center;
}
.portfolio-content-area .page-numbers li a,
.portfolio-content-area .page-numbers li span {
padding: 4px 10px;
display: block;
}
.kmr-swiper .swiper-nav-btn {
top: unset;
bottom: -12px;
z-index: 99;
}
.kmr-swiper .swiper-nav-btn:after {
color: #222;
font-weight: 600;
}
.kmr-swiper .swiper-nav-btn:after {
font-size: 17px;
}
.kmr-swiper .swiper-nav-btn {
--swiper-navigation-sides-offset: -1px;
}
.kmr-swiper-pagination .swiper-pagination-bullet-active {
background: #222;
}
@media (max-width: 767px) {
.back-term-link,
.refine-filters-label	{
flex-basis: 100%;
}
.portfolio-filters {
gap: 3px;
}
.filter-wrap .filter-title {
padding: 7px 1rem;
font-size: 14px;
}
.kmr-strip .kmr-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 3px;
}
}
@media (max-width: 1440px) {
.filter-wrap.filter-project-size.active .filter-options-wrapper {
left: -10rem;
}
}
@media (max-width: 480px) {
.kmr-strip .kmr-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 2px;
}
}
@media (max-width: 400px) {
.kmr-strip .kmr-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 1px;
}
}
@media (min-width: 768px) {
.back-term-link {
position: absolute;
}
.portfolio-filters {
gap: 12px;
}
.filter-wrap .filter-title {
padding: 8px 1.5rem;
font-size: 15px;
}
}