This commit is contained in:
Roman Pyrih
2026-04-15 15:50:03 +02:00
parent 0d1de6c85c
commit 98ccfe6d65
14 changed files with 1251 additions and 5 deletions

Binary file not shown.

Binary file not shown.

View File

@@ -1 +1 @@
p:last-child{margin-bottom:0}.tile-title .elementor-icon-list-item{-moz-column-gap:12px;column-gap:12px}.tile-title .elementor-icon-list-icon{line-height:0;padding:10px !important;border-radius:.75rem;background:rgba(238,43,140,.1)}.tile-title svg{margin:0 !important}.tile-title svg path{stroke:#ee2b8c}.tile-title .elementor-icon-list-text{padding-left:0 !important;color:#1d2330;font-size:1.25rem;line-height:1.5;font-weight:700 !important;letter-spacing:-0.025em}.vakmanschap-tile{position:relative;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.vakmanschap-tile::before{content:"";position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;background:linear-gradient(135deg, rgba(238, 43, 140, 0.05), rgba(249, 140, 31, 0.05));transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.vakmanschap-tile:hover{border-color:rgba(238,43,140,.2) !important;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transform:translateY(-0.25rem)}.vakmanschap-tile:hover::before{opacity:1}.vakmanschap-tile:hover .elementor-widget-image img{transform:scale(1.1)}.vakmanschap-tile:hover .elementor-widget-button .elementor-button-content-wrapper{gap:10px}.vakmanschap-tile .elementor-widget-image{position:relative;overflow:hidden;border-radius:.75rem}.vakmanschap-tile .elementor-widget-image img{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.vakmanschap-tile .elementor-widget-button .elementor-button-content-wrapper{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}._btn-1:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.icon-box-1 .elementor-icon-box-icon{line-height:0;padding:10px;border-radius:.75rem;background:rgba(238,43,140,.1)}/*# sourceMappingURL=custom.css.map */
p:last-child{margin-bottom:0}.tile-title .elementor-icon-list-item{-moz-column-gap:12px;column-gap:12px}.tile-title .elementor-icon-list-icon{line-height:0;padding:10px !important;border-radius:.75rem;background:rgba(238,43,140,.1)}.tile-title svg{margin:0 !important}.tile-title svg path{stroke:#ee2b8c}.tile-title .elementor-icon-list-text{padding-left:0 !important;color:#1d2330;font-size:1.25rem;line-height:1.5;font-weight:700 !important;letter-spacing:-0.025em}.vakmanschap-tile{position:relative;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.vakmanschap-tile::before{content:"";position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;background:linear-gradient(135deg, rgba(238, 43, 140, 0.05), rgba(249, 140, 31, 0.05));transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.vakmanschap-tile:hover{border-color:rgba(238,43,140,.2) !important;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transform:translateY(-0.25rem)}.vakmanschap-tile:hover::before{opacity:1}.vakmanschap-tile:hover .elementor-widget-image img{transform:scale(1.1)}.vakmanschap-tile:hover .elementor-widget-button .elementor-button-content-wrapper{gap:10px}.vakmanschap-tile .elementor-widget-image{position:relative;overflow:hidden;border-radius:.75rem}.vakmanschap-tile .elementor-widget-image img{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.vakmanschap-tile .elementor-widget-button .elementor-button-content-wrapper{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}._btn-1:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.icon-box-1 .elementor-icon-box-icon{line-height:0;padding:10px;border-radius:.75rem;background:rgba(238,43,140,.1)}.tiles-onze-projecten{transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);background-size:auto 100% !important}.tiles-onze-projecten:hover{background-size:auto 110% !important}.tiles-onze-projecten:hover::before{opacity:.8 !important}.tiles-onze-projecten:hover .elementor-widget-icon{opacity:1}.tiles-onze-projecten .elementor-widget-icon{opacity:0;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1)}.contact-icon-tile:hover .elementor-icon-box-description a{color:#ee2b8c}.contact-icon-tile .elementor-icon-box-icon{width:40px;height:40px;background:#f3f4f6;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.contact-icon-tile .elementor-icon-box-title{margin-top:0}.contact-icon-tile .elementor-icon-box-description span{color:#1d2330}.contact-icon-tile .elementor-icon-box-description a{color:#1d2330;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.contact-form .elementor-item-index-6{order:2}.contact-form .elementor-item-index-6 p{color:#626d84;font-size:12px;line-height:1.2;text-align:center}.contact-form .elementor-button{background:linear-gradient(90deg, rgb(238, 43, 140), rgb(249, 140, 31))}.contact-form textarea{resize:none}.footer-social svg{stroke:#fff}#header-box{position:fixed;inset:0 0 auto 0;z-index:100}#header-box.box-fixed{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}#header-box.box-fixed>.e-con-inner{padding-top:12px;padding-bottom:12px}#header-box>.e-con-inner{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,aACC,eAAA,CAKD,sCACC,oBAAA,CAAA,eAAA,CAGD,sCACC,aAAA,CACA,uBAAA,CACA,oBAAA,CACA,8BAAA,CAED,gBACC,mBAAA,CAEA,qBACC,cAAA,CAIF,sCACC,yBAAA,CAEA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,0BAAA,CACA,uBAAA,CAIF,kBACC,iBAAA,CACA,+CAAA,CAEA,0BACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,SAAA,CACA,sFAAA,CAKA,+CAAA,CAED,wBACC,2CAAA,CACA,6GAAA,CAEA,8BAAA,CAEA,gCACC,SAAA,CAIA,oDACC,oBAAA,CAID,mFACC,QAAA,CAKH,0CACC,iBAAA,CACA,eAAA,CACA,oBAAA,CAEA,8CACC,+CAAA,CAKD,6EACC,+CAAA,CAMF,cACC,qBAAA,CACA,yEAAA,CAMD,qCACC,aAAA,CACA,YAAA,CACA,oBAAA,CACA,8BAAA","file":"custom.css"}
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,aACC,eAAA,CAKD,sCACC,oBAAA,CAAA,eAAA,CAGD,sCACC,aAAA,CACA,uBAAA,CACA,oBAAA,CACA,8BAAA,CAED,gBACC,mBAAA,CAEA,qBACC,cAAA,CAIF,sCACC,yBAAA,CAEA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,0BAAA,CACA,uBAAA,CAIF,kBACC,iBAAA,CACA,+CAAA,CAEA,0BACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,SAAA,CACA,sFAAA,CAKA,+CAAA,CAED,wBACC,2CAAA,CACA,6GAAA,CAEA,8BAAA,CAEA,gCACC,SAAA,CAIA,oDACC,oBAAA,CAID,mFACC,QAAA,CAKH,0CACC,iBAAA,CACA,eAAA,CACA,oBAAA,CAEA,8CACC,+CAAA,CAKD,6EACC,+CAAA,CAMF,cACC,qBAAA,CACA,yEAAA,CAMD,qCACC,aAAA,CACA,YAAA,CACA,oBAAA,CACA,8BAAA,CAIF,sBACC,+CAAA,CACA,oCAAA,CAEA,4BACC,oCAAA,CAEA,oCACC,qBAAA,CAGD,mDACC,SAAA,CAIF,6CACC,SAAA,CACA,+CAAA,CAOC,2DACC,aAAA,CAIH,4CACC,UAAA,CACA,WAAA,CACA,kBAAA,CACA,oBAAA,CAEA,YAAA,CACA,kBAAA,CACA,sBAAA,CAGD,6CACC,YAAA,CAGA,wDACC,aAAA,CAED,qDACC,aAAA,CACA,+CAAA,CAMF,sCACC,OAAA,CAEA,wCACC,aAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CAIF,gCACC,uEAAA,CAGD,uBACC,WAAA,CAKD,mBACC,WAAA,CAIF,YACC,cAAA,CACA,gBAAA,CACA,WAAA,CAEA,sBACC,eAAA,CACA,sEAAA,CACA,mCACC,gBAAA,CACA,mBAAA,CAGF,yBACC,+CAAA","file":"custom.css"}

View File

@@ -108,3 +108,103 @@ p {
background: rgba(238, 43, 140, 0.1);
}
}
.tiles-onze-projecten {
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
background-size: auto 100% !important;
&:hover {
background-size: auto 110% !important;
&::before {
opacity: 0.8 !important;
}
.elementor-widget-icon {
opacity: 1;
}
}
.elementor-widget-icon {
opacity: 0;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
}
.contact-icon-tile {
&:hover {
.elementor-icon-box-description {
a {
color: rgb(238, 43, 140);
}
}
}
.elementor-icon-box-icon {
width: 40px;
height: 40px;
background: rgb(243, 244, 246);
border-radius: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
}
.elementor-icon-box-title {
margin-top: 0;
}
.elementor-icon-box-description {
span {
color: rgb(29, 35, 48);
}
a {
color: rgb(29, 35, 48);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
}
}
.contact-form {
.elementor-item-index-6 {
order: 2;
p {
color: rgb(98, 109, 132);
font-size: 12px;
line-height: 1.2;
text-align: center;
}
}
.elementor-button {
background: linear-gradient(90deg, rgb(238, 43, 140), rgb(249, 140, 31));
}
textarea {
resize: none;
}
}
.footer-social {
svg {
stroke: rgb(255, 255, 255);
}
}
#header-box {
position: fixed;
inset: 0 0 auto 0;
z-index: 100;
&.box-fixed {
background: #fff;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
> .e-con-inner {
padding-top: 12px;
padding-bottom: 12px;
}
}
> .e-con-inner {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
}