:root{--outside-block: 5.2vw;--inside-block: 10.4vw;--max-width: 1728px;--M-Horizontal: 45px;--Body-Colour: #30363D;--XXXL-Horizontal: 160px;--M-Vertical: 60px;--S-Vertical: 30px;--XS-Horizontal: 30px;--XL-Horizontal: 110px;--XXXS-Horizontal: 10px;--XXL-Horizontal: 130px;--L-Horizontal: 60px;--XL-Vertical: 160px;--XXXS-Vertical: 10px;--PVC: #6AD0E6;--Westmark: #182B4F;--Blueprint: #155EAA;--Concrete: #30363D;--Text: #30363D;--Safety: #FF5E24;--Orange: #FF5E24;--Button-Background: #D6E823;--Yellow: #D6E823;--heading-margin: 30px;--Thin-Lines: 1.5px;--Bullet-Lines: rgba(48, 54, 61, 0.25);--XS-Vertical: 20px}@media screen and (max-width: 1728px){:root{--XL-Horizontal: calc((110px * 0.3) + (110/1728*100vw * 0.7));--S-Vertical: calc((30px * 0.3) + (30/1728*100vw * 0.7));--XS-Horizontal: calc((30px * 0.3) + (30/1728*100vw * 0.7));--XXXL-Horizontal: calc((160px * 0.3) + (160/1728*100vw * 0.7));--XL-Vertical: calc((160px * 0.3) + (160/1728*100vw * 0.7));--M-Vertical: calc((60px * 0.3) + (60/1728*100vw * 0.7));--XXL-Horizontal: calc((130px * 0.3) + (130/1728*100vw * 0.7))}}@media screen and (max-width: 800px){:root{--XXXL-Horizontal: 80px;--M-Vertical: 18px;--heading-margin: 18px;--XL-Vertical: 80px}}.gradient-ajax{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.3s ease all;display:flex;align-items:center;justify-content:center}.gradient-ajax.open{opacity:1;pointer-events:all}.spinner{width:50px;height:50px;border:5px solid #fff;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#projects-main .inside{max-width:var(--max-width);margin:auto;padding:var(--L-Horizontal, 60px) var(--M-Vertical, 60px) var(--XXXL-Horizontal, 160px) var(--M-Vertical, 60px)}@media screen and (max-width: 1728px){#projects-main .inside{padding:calc(-18px + 4.5138888889vw) var(--M-Vertical, 60px) var(--XXXL-Horizontal, 160px) var(--M-Vertical, 60px)}}#projects-main .inside .projects-filters{display:flex;gap:var(--M-Vertical, 60px);flex-wrap:wrap;align-items:flex-start}@media screen and (max-width: 1200px){#projects-main .inside .projects-filters{row-gap:5px}}#projects-main .inside .projects-filters .select-flex,#projects-main .inside .projects-filters .toggle-flex{display:flex;align-items:center;gap:30px;flex-wrap:wrap}#projects-main .inside .projects-filters .toggle-flex{height:42px}#projects-main .inside .projects-filters .select-flex{flex-direction:column;align-items:flex-start;gap:5px}#projects-main .inside .projects-filters .toggle-wrapper{display:flex;flex-direction:column;row-gap:5px}#projects-main .inside .projects-filters.mobile{display:none}#projects-main .inside .projects-filters.mobile .flex-container{align-items:center;gap:15px;justify-content:space-between}#projects-main .inside .projects-filters.mobile .flex-container .nice-select:last-child .list{right:0;left:initial}#projects-main .inside .projects-filters.mobile .quaternary-heading.filter-mobile-heading{font-weight:700;padding-bottom:15px;border-bottom:1px solid rgba(48,54,61,.25);display:flex;align-items:center;justify-content:space-between}#projects-main .inside .projects-filters.mobile .quaternary-heading.filter-mobile-heading .clear-filters{font-size:var(--Size-Body, 18px);font-style:normal;font-weight:500;line-height:var(--Line-Height-Body, 31px);letter-spacing:-0.54px}#projects-main .inside .projects-filters.mobile .project-search-input{margin-left:0;margin-top:20px}#projects-main .inside .projects-filters.mobile .project-search-input input{flex:1}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown{position:relative;font-size:14px;line-height:1.5;height:42px;display:flex;align-items:center}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown:before{height:1px;width:0px;background:var(--Orange);position:absolute;bottom:5px;transition:.3s ease width;content:""}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-current{position:relative;padding-right:17px;cursor:pointer;margin:initial}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-current:before,#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-current:after{background-color:var(--Orange);content:"";transform-origin:center;transition:.3s ease all}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-current:before{height:2px;top:4px;width:10px;position:absolute;right:0px;top:50%;transform:translateY(-50%)}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-current:after{width:2px;right:4px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown:hover:before,#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown.open:before{width:100%}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown:hover .dropdown-current:before,#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown:hover .dropdown-current:after,#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown.open .dropdown-current:before,#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown.open .dropdown-current:after{transform:translateY(-50%) rotate(90deg)}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown:hover .dropdown-current:before,#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown.open .dropdown-current:before{opacity:0}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown.open .dropdown-current .dropdown-arrow{transform:rotate(180deg)}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown.open .dropdown-list{opacity:1;pointer-events:auto;transform:translateY(0)}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-list{position:absolute;top:100%;right:0;left:initial;margin:0;padding:0;list-style:none;background:#fff;border:var(--Thin-Lines, 1.5px) solid var(--Bullet-Lines, rgba(48, 54, 61, 0.25));min-width:calc(100dvw - 2*var(--M-Vertical, 60px));max-height:300px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:10}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-list .dropdown-option{padding:0}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-list .dropdown-option input[type=checkbox]{display:none}#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-list .dropdown-option label{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;transition:background .15s ease}@media screen and (max-width: 800px){#projects-main .inside .projects-filters.mobile .mobile-filters-dropdown .dropdown-list .dropdown-option label{font-family:"Inter",Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:1.83em;letter-spacing:-0.54px;color:var(--Westmark, #182B4F) !important}}@media screen and (max-width: 800px){#projects-main .inside .projects-filters{display:none;align-items:initial;gap:initial}#projects-main .inside .projects-filters.mobile{display:block}#projects-main .inside .projects-filters.mobile .flex-container{display:flex}#projects-main .inside .projects-filters.mobile .nice-select .list{min-width:calc(100dvw - 2*var(--M-Vertical, 60px))}}#projects-main .inside .projects-filters .nice-select .list .option:first-child{display:none}#projects-main .inside .projects-filters label{display:flex;align-items:center;gap:10px;margin:0px;cursor:pointer}#projects-main .inside .projects-filters label .toggle-style{border-radius:40px;background:var(--Westmark, #182B4F);padding:3px;width:37px;height:20px;position:relative}#projects-main .inside .projects-filters label .toggle-style:after{width:14px;height:14px;border-radius:18px;background:#fff;position:absolute;left:3px;top:3px;transition:.3s ease left;content:""}#projects-main .inside .projects-filters input{display:none}#projects-main .inside .projects-filters input:checked+label .toggle-style{background:var(--Orange)}#projects-main .inside .projects-filters input:checked+label .toggle-style:after{left:calc(100% - 17px)}#projects-main .inside .projects-filters .clear-filters{display:none;cursor:pointer}#projects-main .inside .projects-filters .clear-filters.visible{display:block}#projects-main .inside .projects-query{display:flex;flex-wrap:wrap;gap:160px 35px;padding-top:var(--L-Horizontal, 60px)}@media screen and (max-width: 1728px){#projects-main .inside .projects-query{gap:calc(16px + 8.3333333333vw) 35px}}@media screen and (max-width: 950px){#projects-main .inside .projects-query{gap:50px}}@media screen and (max-width: 800px){#projects-main .inside .projects-query{gap:25px}}#projects-main .inside .projects-query .project-card{height:580px;flex:0 0 calc(29% - 23.3333333333px);position:relative}@media screen and (max-width: 1728px){#projects-main .inside .projects-query .project-card{height:calc(156.6px + 24.5023148148vw)}}@media screen and (max-width: 950px){#projects-main .inside .projects-query .project-card{flex:0 0 100%;height:590px;max-width:520px}}@media screen and (max-width: 800px){#projects-main .inside .projects-query .project-card{max-width:initial;height:370px}}#projects-main .inside .projects-query .project-card.featured-project{flex:0 0 calc(42% - 23.3333333333px);height:800px}@media screen and (max-width: 1728px){#projects-main .inside .projects-query .project-card.featured-project{height:calc(160px + 37.037037037vw)}}@media screen and (max-width: 950px){#projects-main .inside .projects-query .project-card.featured-project{flex:0 0 100%;height:700px}}@media screen and (max-width: 800px){#projects-main .inside .projects-query .project-card.featured-project{height:450px;margin-left:calc(-1*var(--M-Vertical, 60px));flex:initial}#projects-main .inside .projects-query .project-card.featured-project .project-bottom{padding-left:var(--M-Vertical, 60px)}}#projects-main .inside .projects-query .project-card .project-featured-media{height:100%;width:100%}#projects-main .inside .projects-query .project-card .project-featured-media img,#projects-main .inside .projects-query .project-card .project-featured-media video{width:100%;height:100%;object-fit:cover}#projects-main .inside .projects-query .project-card .project-tag{position:absolute;top:30px;left:0;background:#fff;display:flex;align-items:center;gap:10px;margin:0px;padding:7px 14px;color:var(--Concrete)}#projects-main .inside .projects-query .project-card .project-tag:before{width:8px;height:8px;display:block;content:"";background:var(--Westmark)}#projects-main .inside .projects-query .project-card .award-winning-tag{right:0;position:absolute;right:-10px;top:-10px}#projects-main .inside .projects-query .project-card .award-winning-tag .award-text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin:0px;color:#fff}#projects-main .inside .projects-query .project-card .award-winning-tag .award-text .bottom-line{padding-left:5px}@media screen and (max-width: 1000px){#projects-main .inside .projects-query .project-card .award-winning-tag svg{height:auto;width:85px}}#projects-main .inside .projects-query .project-card .for-sale-tag:before{background-color:var(--Orange)}#projects-main .inside .projects-query .project-card .project-bottom{position:absolute;width:100%;background:#fff;bottom:0;overflow:hidden}#projects-main .inside .projects-query .project-card .project-bottom .padded-container{padding-top:15px}#projects-main .inside .projects-query .project-card .project-bottom .project-title{margin:0px;margin-bottom:10px}#projects-main .inside .projects-query .project-card .project-bottom .project-category{display:flex;align-items:center;column-gap:18px;min-height:29px;flex-wrap:wrap}#projects-main .inside .projects-query .project-card .project-bottom .project-category .cat-term{display:flex;align-items:center}#projects-main .inside .projects-query .project-card .project-bottom .project-category .cat-term:before{content:"";display:block;width:5px;height:5px;background-color:var(--Blueprint);margin-right:11px}#projects-main .inside .projects-query .project-card .project-bottom .project-title,#projects-main .inside .projects-query .project-card .project-bottom .project-category{color:#000}@keyframes projects-spin{to{width:100%}}#projects-main .projects-loading{display:none;align-items:center;gap:10px;justify-content:center;padding:20px 0;color:var(--Body-Colour, #30363D);margin:auto;margin-inline:calc(50% - 93px)}#projects-main .projects-loading.is-active{display:flex}#projects-main .projects-loading.is-complete{display:none}#projects-main .projects-spinner{width:186px;height:1px;background:rgba(48,54,61,.8);position:relative}#projects-main .projects-spinner:after{content:"";height:5px;width:0px;position:absolute;left:0;top:-2px;animation:projects-spin .8s linear infinite;background-color:var(--Westmark)}#projects-main .projects-loading-text{font-size:14px;display:none}.search-indicator{display:none;padding:15px 0;color:var(--Concrete, #30363D)}.search-indicator.visible{display:block}#projects-main .inside .projects-filters .project-search-input{margin-left:auto;display:flex;gap:0px;align-items:center}@media screen and (max-width: 1150px){#projects-main .inside .projects-filters .project-search-input{flex:0 0 100%}}@media screen and (max-width: 800px){#projects-main .inside .projects-filters .project-search-input{margin-top:40px}}#projects-main .inside .projects-filters .project-search-input .search-button{border:initial;background:initial;padding:initial;flex:0 0 30px;height:auto;margin-left:-30px}#projects-main .inside .projects-filters .project-search-input input{flex:0 0 630px;margin-left:20px;border:1.5px solid rgba(48,54,61,.25);display:block;background:url("/wp-content/themes/westmark/images/theme/search-icon.svg");background-repeat:no-repeat;background-position:11px 52%;padding-left:39px;padding-block:14px;height:initial}@media screen and (max-width: 1728px){#projects-main .inside .projects-filters .project-search-input input{flex:0 0 calc(-378px + 58.3333333333vw)}}@media screen and (max-width: 1150px){#projects-main .inside .projects-filters .project-search-input input{flex:0 0 630px}}@media screen and (max-width: 800px){#projects-main .inside .projects-filters .project-search-input input{flex:1;margin-left:0px}}#projects-main .inside .projects-filters .project-search-input input:focus{border-color:var(--Safety);outline:initial}@media screen and (min-width: 801px){#page #introduction-block .inside{padding-bottom:0px}#page #projects-main .inside .projects-query{padding-top:25px}#page #projects-main .inside .projects-filters .project-search-input{flex-direction:column;align-items:flex-start;position:relative;flex:1;row-gap:5px;margin-left:auto;flex:0 0 calc(100% - 840px)}}@media screen and (min-width: 801px)and (max-width: 1728px){#page #projects-main .inside .projects-filters .project-search-input{flex:0 0 calc(100% - (-168px + 58.3333333333vw))}}@media screen and (min-width: 801px)and (max-width: 1500px){#page #projects-main .inside .projects-filters .project-search-input{flex:1}}@media screen and (min-width: 801px)and (max-width: 1200px){#page #projects-main .inside .projects-filters .project-search-input{flex:0 0 100%;max-width:430px;margin-left:initial}}@media screen and (min-width: 801px){#page #projects-main .inside .projects-filters .project-search-input input{flex:initial;margin-left:initial}#page #projects-main .inside .projects-filters .project-search-input .search-button{position:absolute;bottom:16px;right:13px}}/*# sourceMappingURL=projects.css.map */
