.elementor-1143 .elementor-element.elementor-element-e09ee73{--display:flex;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1143 .elementor-element.elementor-element-469ff10 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-1143 .elementor-element.elementor-element-469ff10 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:800;text-transform:uppercase;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1143 .elementor-element.elementor-element-4c1c5e6{--grid-columns:2;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1143 .elementor-element.elementor-element-4c1c5e6{--grid-columns:2;}}@media(max-width:767px){.elementor-1143 .elementor-element.elementor-element-e09ee73{--padding-top:03em;--padding-bottom:03em;--padding-left:01em;--padding-right:01em;}.elementor-1143 .elementor-element.elementor-element-469ff10 .elementor-heading-title{font-size:25px;}.elementor-1143 .elementor-element.elementor-element-4c1c5e6{--grid-columns:1;}}/* Start custom CSS *//* ===================================================== PROJECT GRID Repeating 10-item pattern: 1 = featured left 2 = top right 3 = bottom right 4 + 5 = equal 6 = top left 7 = bottom left 8 = featured right 9 + 10 = equal then repeat ===================================================== */ @media (min-width: 768px) { .projektide-grid .elementor-loop-container { display: grid !important; /* * 10 columns allow us to create: * featured 60% / secondary 40% * and also 50% / 50% rows */ grid-template-columns: repeat(10, minmax(0, 1fr)) !important; /* * Standard project height. * Featured projects span two rows. */ grid-auto-rows: 250px; /* * Allows browser to fill available spaces * when cards have different row spans */ grid-auto-flow: dense; gap: 20px; } /* All projects fill their grid area */ .projektide-grid .e-loop-item, .projektide-grid .projektikast { width: 100%; height: 100%; } /* ================================================= 1 + 2 FEATURED LEFT ================================================= */ /* 1 / 11 / 21 / 31 / etc. Large left card */ .projektide-grid .e-loop-item:nth-of-type(10n + 1) { grid-column: 1 / span 6; grid-row: auto / span 2; } /* 2 / 12 / 22 / etc. Top right */ .projektide-grid .e-loop-item:nth-of-type(10n + 2) { grid-column: 7 / span 4; } /* 3 / 13 / 23 / etc. Bottom right */ .projektide-grid .e-loop-item:nth-of-type(10n + 3) { grid-column: 7 / span 4; } /* ================================================= 1 + 1 ================================================= */ /* 4 / 14 / 24 / etc. */ .projektide-grid .e-loop-item:nth-of-type(10n + 4) { grid-column: 1 / span 5; } /* 5 / 15 / 25 / etc. */ .projektide-grid .e-loop-item:nth-of-type(10n + 5) { grid-column: 6 / span 5; } /* ================================================= 2 + 1 FEATURED RIGHT ================================================= */ /* 6 / 16 / 26 / etc. Top left */ .projektide-grid .e-loop-item:nth-of-type(10n + 6) { grid-column: 1 / span 4; } /* 7 / 17 / 27 / etc. Bottom left */ .projektide-grid .e-loop-item:nth-of-type(10n + 7) { grid-column: 1 / span 4; } /* 8 / 18 / 28 / etc. Large right */ .projektide-grid .e-loop-item:nth-of-type(10n + 8) { grid-column: 5 / span 6; grid-row: auto / span 2; } /* ================================================= 1 + 1 ================================================= */ /* 9 / 19 / 29 / etc. */ .projektide-grid .e-loop-item:nth-of-type(10n + 9) { grid-column: 1 / span 5; } /* 10 / 20 / 30 / etc. */ .projektide-grid .e-loop-item:nth-of-type(10n + 10) { grid-column: 6 / span 5; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { .projektide-grid .elementor-loop-container { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: none !important; grid-auto-rows: auto !important; gap: 15px; } /* * Reset all desktop grid positioning */ .projektide-grid .e-loop-item { grid-column: 1 !important; grid-row: auto !important; width: 100%; height: auto; } .projektide-grid .projektikast { width: 100%; height: 280px; min-height: 280px !important; } } /* ===================================================== REDUCED MOTION ===================================================== */ @media (prefers-reduced-motion: reduce) { .projektikast::after { transition: none; } .projektikast:hover::after { transform: none; } } .projektikast { position: relative; overflow: hidden; min-height: 0 !important; background-color: transparent !important; } /* Elementor overlay */ .projektikast::before { z-index: 1 !important; } /* Card content */ .projektikast > .e-con-inner { position: relative; z-index: 2; } .projektikast::after { content: ""; position: absolute; inset: 0; background-image: inherit; background-position: center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 0.7s cubic-bezier(.22, .61, .36, 1); z-index: 0; } @media (hover: hover) { .projektikast:hover::after { transform: scale(1.06); } }/* End custom CSS */