.elementor-331 .elementor-element.elementor-element-81e5fee > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-331 .elementor-element.elementor-element-81e5fee:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-81e5fee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/hero/neven-custom-homes-portfolio-banner.avif");background-position:center center;background-size:cover;}.elementor-331 .elementor-element.elementor-element-81e5fee > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-331 .elementor-element.elementor-element-81e5fee{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:161px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-9fc2630 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-e3407d4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-331 .elementor-element.elementor-element-e3407d4 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 calc(100% - 900px), #000000 100%);opacity:0.81;}.elementor-331 .elementor-element.elementor-element-e3407d4{padding:161px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-3119d19 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-331 .elementor-element.elementor-element-19b13f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 18px 0px;}.elementor-331 .elementor-element.elementor-element-19b13f9{text-align:center;}.elementor-331 .elementor-element.elementor-element-19b13f9 .elementor-heading-title{font-family:"Lark", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;line-height:45px;letter-spacing:3.3px;color:#F8F1D7;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button{background-color:#90694400;}.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button:hover, .elementor-331 .elementor-element.elementor-element-9831616 .elementor-button:focus{background-color:var( --e-global-color-accent );color:#000000;}.elementor-331 .elementor-element.elementor-element-9831616 > .elementor-widget-container{margin:18px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button:hover svg, .elementor-331 .elementor-element.elementor-element-9831616 .elementor-button:focus svg{fill:#000000;}.elementor-331 .elementor-element.elementor-element-2cb6575{--spacer-size:100px;}.elementor-331 .elementor-element.elementor-element-2cb6575 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 1.5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-bb3a281 > .elementor-widget-container{margin:-5vw 0vw -1.4vw 0vw;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-bb3a281{text-align:center;}.elementor-331 .elementor-element.elementor-element-bb3a281 .elementor-heading-title{font-family:"Montage Serif Font", Sans-serif;font-size:202px;font-weight:300;text-transform:uppercase;line-height:1em;letter-spacing:10px;color:var( --e-global-color-e2cf925 );}.elementor-331 .elementor-element.elementor-element-36b62a4:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-36b62a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e2cf925 );}.elementor-331 .elementor-element.elementor-element-36b62a4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-36b62a4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-331 .elementor-element.elementor-element-4097c7a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-331 .elementor-element.elementor-element-97a5a7d{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-331 .elementor-element.elementor-element-97a5a7d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-331 .elementor-element.elementor-element-97a5a7d{--grid-columns:1;}}@media(max-width:767px){.elementor-331 .elementor-element.elementor-element-e3407d4{z-index:2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-331 .elementor-element.elementor-element-19b13f9 .elementor-heading-title{font-size:20px;line-height:30px;letter-spacing:2.4px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-331 .elementor-element.elementor-element-9831616 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-36b62a4{z-index:1;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-331 .elementor-element.elementor-element-97a5a7d{--grid-columns:1;}}/* Start custom CSS for section, class: .elementor-element-81e5fee */body:not(.elementor-editor-active) .elementor-331 .elementor-element.elementor-element-81e5fee {
    position: fixed;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    body:not(.elementor-editor-active) .elementor-331 .elementor-element.elementor-element-81e5fee {
        position: fixed;
        width: 100%;
        height: auto;
        top: 0;
        bottom: 200px;
        min-height: calc(100vh - 200px);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19b13f9 */.elementor-331 .elementor-element.elementor-element-19b13f9 .elementor-heading-title {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.77;
}

@media screen and (max-width: 1024px) {
    .elementor-331 .elementor-element.elementor-element-19b13f9 .elementor-heading-title {
        max-width: 576px;
        margin-left: auto;
        margin-right: auto;
    }
    .elementor-331 .elementor-element.elementor-element-19b13f9 br {
        display: none;
    }
}
@media screen and (max-width: 767px){
    .elementor-331 .elementor-element.elementor-element-19b13f9 .elementor-heading-title {
        width: 100%;
        max-width: 265px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9831616 */.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button {
    position: relative;
}
.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -6px;
    display: block;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    border: solid 1.5px var( --e-global-color-accent );
}

.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: background-color 0.3s;
}

.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button:hover::after {
    background-color: var( --e-global-color-accent );
}
.elementor-331 .elementor-element.elementor-element-9831616 .elementor-button span {
    top: 1px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-2cb6575 */.elementor-331 .elementor-element.elementor-element-2cb6575 .elementor-widget-container {
    left: -0.68px;
    width: 0px;
    height: 8vw;
    margin: auto;
}

@media screen and (max-width: 1024px) {
    .elementor-331 .elementor-element.elementor-element-2cb6575 .elementor-widget-container {
        height: 142px !important;
    }
}
@media screen and (max-width: 767px) {
    .elementor-331 .elementor-element.elementor-element-2cb6575 .elementor-widget-container {
        position: relative;
        top: 40px;
        height: 100px !important;
        margin-bottom: -80px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bb3a281 */.elementor-331 .elementor-element.elementor-element-bb3a281 .elementor-heading-title {
    font-size: calc(100vw * 0.14);
    letter-spacing: 0.05em;
    opacity: 0.06;
}
@media screen and (max-width: 1024px) {
    .elementor-331 .elementor-element.elementor-element-bb3a281 .elementor-heading-title {
        font-size: calc(100vw * 0.12);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e3407d4 *//*header*/
body:not(.elementor-editor-active) .elementor-331 .elementor-element.elementor-element-e3407d4 .fade-in {
    opacity: 0;
    /*transition: opacity 0.5s 3s;*/
    transition: opacity 0.5s 0.5s;
}
body:not(.elementor-editor-active.elementor-331 .elementor-element.elementor-element-e3407d4) .elementor-331 .elementor-element.elementor-element-e3407d4.loaded .fade-in {
    opacity: 1;
}

/*line*/
body:not(.elementor-editor-active) .elementor-331 .elementor-element.elementor-element-e3407d4 .elementor-widget-spacer > .elementor-widget-container {
    height: 0vw;
    /*transition: height 1s 3s;*/
    transition: height 1s 0.5s;
}
body:not(.elementor-editor-active.elementor-331 .elementor-element.elementor-element-e3407d4) .elementor-331 .elementor-element.elementor-element-e3407d4.loaded .elementor-widget-spacer > .elementor-widget-container {
    height: 8vw;
}
body:not(.elementor-editor-active.elementor-331 .elementor-element.elementor-element-e3407d4) .elementor-331 .elementor-element.elementor-element-e3407d4.loaded.no-transition .elementor-widget-spacer > .elementor-widget-container {
    transition: none;
}


@media screen and (min-width: 768px) and (max-width: 1024px){
    .elementor-331 .elementor-element.elementor-element-e3407d4 {
        overflow-x: clip;
    }
}

@media screen and (max-width: 767px){
    .elementor-331 .elementor-element.elementor-element-e3407d4 {
        z-index: 2;
    }
    .elementor-331 .elementor-element.elementor-element-e3407d4 .elementor-container {
        height: calc(100vh - 161px);
        padding-bottom: 90px;
    }
    .elementor-331 .elementor-element.elementor-element-e3407d4 .elementor-background-overlay {
        background-image: linear-gradient(180deg, #00000000 25%, #000000 calc(100% - 200px));
        opacity: 1;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-97a5a7d *//** every other layout **/
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) > section > .elementor-container {
    flex-direction: row-reverse;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) > section > .elementor-container > .elementor-column:nth-child(1) > .elementor-widget-wrap {
    padding-right: 0;
    padding-left: 150px;
    justify-content: flex-start;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) {
    background-color: #620C15;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-number {
    left: 160px;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-number p {
    color: #9C242A;
    letter-spacing: -60px;
    opacity: 0.26;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-title .elementor-widget-container {
    padding-left: 0;
    padding-right: 30px;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-title .elementor-heading-title {
    width: 650px;
    margin-left: 0;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-button .elementor-container {
    flex-direction: row-reverse;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-button .elementor-inner-column:nth-child(2) {
    padding-left: 0;
    padding-right: 20px;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-button .elementor-button:hover {
    color: #630c15 !important;
}


/** third color **/
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(3n) {
    background-color: #123348;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(3n) .post-number p {
    color: #305F7D;
    opacity: 0.25;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(3n) .post-button .elementor-button:hover {
    color: #123348 !important;
}

/** fourth color **/
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(4n) {
    background-color: #040303;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(4n) .post-number p {
    color: #464646;
    opacity: 0.4;
}
.elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(3n) .post-button .elementor-button:hover {
    color: #040303 !important;
}




@media screen and (max-width: 1280px) {
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section {
        height: auto;
        max-height: none;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div {
        flex-direction: column-reverse !important;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div > .elementor-column {
        width: 100% !important;
        height: 100%;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div > .elementor-column:nth-child(2) {
        height: 46vw;
    }
    
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div > .elementor-column:first-child > .elementor-widget-wrap {
    padding: 150px calc((100% - 550px) * 0.5) 50px 0;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) > section > div > .elementor-column:first-child > .elementor-widget-wrap {
        padding-left: calc((100% - 750px) * 0.5) !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 1024px) {
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div > .elementor-column:first-child > .elementor-widget-wrap {
    padding-right: calc((100% - 550px) * 0.5) !important;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) > section > div > .elementor-column:first-child > .elementor-widget-wrap {
        padding-left: calc((100% - 600px) * 0.5) !important;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-number {
        left: 60px;
    }
}

@media screen and (max-width: 767px) {
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item .post-number p {
        white-space: nowrap;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div > .elementor-column:nth-child(2) {
        height: 125vw;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item > section > div > .elementor-column:first-child > .elementor-widget-wrap,
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) > section > div > .elementor-column:first-child > .elementor-widget-wrap{
        padding: 100px 0px !important;
        /*padding-right: 0 !important;*/
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-title .elementor-heading-title {
        width: auto;
        margin-left: auto;
    }
    
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-number {
        left: 0px;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-number p {
        letter-spacing: 0px;
    }
    .elementor-331 .elementor-element.elementor-element-97a5a7d .e-loop-item:nth-of-type(2n) .post-title .elementor-widget-container {
        padding-right: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS */.page-content > div.elementor {
    overflow-x: clip;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lark';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://neven.weareripple.ca/wp-content/uploads/2023/11/Lark-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Lark';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://neven.weareripple.ca/wp-content/uploads/2023/11/Lark-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Lark';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://neven.weareripple.ca/wp-content/uploads/2023/11/Lark-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montage Serif Font';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://neven.weareripple.ca/wp-content/uploads/2023/11/Montage-Serif-Font-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */