/* GRID SPACE 2022*/

body,
#top nav ul li a {
    color: #24242F
}

body p {
    font-size: 18px;
}

#header-outer[data-box-shadow="small"] {
    box-shadow: none;
}

#header-outer.small-nav:not([data-format="left-header"]) {
    border-bottom: .5px solid #E3E3E3
}

h1, h2, h3, h4, h5, h6 {
    color: #24242F;
    font-weight: normal;
}

.full-width-content {
    padding: 0 2rem;
}

#wavesHome {
    padding: 0;
}

#wavesHome .nectar-flickity.nectar-simple-slider:not([data-arrows="true"]) .flickity-slider .cell {
    padding: 0
}

#wavesHome .headingHome {
    position: absolute;
    width: 95vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1
}

body.page-id-254 #header-outer {
    border: none ;
    background: transparent !important
}

body.page-id-254 #header-space,
body.page-id-254 #footer-outer,
body.page-id-254 #header-outer .col_last {
    display: none !important
}

body.page-id-254 #header-outer  .row {
    justify-content: space-between;
}

body.page-id-254 #coverpage p {
    width: 600px;
    margin: 0 auto;
}

body.page-id-254 #coverpage p a {
    color: #fff;
    text-decoration: underline 
}

body.page-id-254 #coverpage p:first-child {
    padding-top: 1em;
}

body.page-id-254 #coverpage p:first-child:before {
    content: '';
    width: 25%;
    height: 1px;
    border-top: 3px solid #fff;
    display: block;
    padding-bottom: 1.5em
}

/* MOBILE */
@media only screen and (max-width: 668px) {
    body.page-id-254 #coverpage p {
        width: 90%;
    }
}

#wavesHome .headingHome h1 {
    color: #fff;
    padding-left: 20%;
}

.neolitButton h5 {
    margin: 0 auto;
    text-align: center
}

.neolitButton {
    max-width: 200px;
    border: 1px solid #000;
    display: table;
    padding: 1rem 2.5rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.neolitButton:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #24242F;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.neolitButton:hover h5, .neolitButton:focus h5, .neolitButton:active h5 {
    color: white;
}

.neolitButton:hover:before, .neolitButton:focus:before, .neolitButton:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.sf-menu, .sf-menu * {
    text-transform: lowercase
}

#header-outer #logo, #header-outer .logo-spacing {
    margin: 1.5rem 0
}

#header-space {
    height: 90px
}

#header-outer[data-lhe="animated_underline"] nav > ul > li:not([class * ="button_"]) > a .menu-title-text:after, #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li > a .menu-title-text:after {
    border: .5px solid;
}

body.home #team {
    margin-bottom: 5rem
}

body.home #team h2 {
    margin-bottom: 3rem
}

body.home #team img {
    border-radius: 100%;
    margin-bottom: 2rem;
    max-width: 340px;
}

.blog-recent[data-style="minimal"] .col {
    padding: 0;
}

.home #news h2 {
    padding-bottom: 2rem
}

.home #news h5, .blog-recent[data-style="minimal"] .meta {
    font-weight: normal
}

.home #news .excerpt, .blog-recent .excerpt {
    display: none
}

.blog-recent[data-style="minimal"] .col > span i {
    font-size: 21px;
    color: #000
}

#projects-col img, #news img {
    transition: transform .2s;
}

#projects-col img:hover, #news img:hover {
    transform: scale(1.05);
    opacity: .9;
}

#projects-col .work-item {
    background: #000;
}

#footer-outer {
    background: transparent;
    color: #A9A9A9;
    padding-top: 4rem
}

.home #footer-outer {
    background: #F9F9F9;
}

#footer-outer .container,
#footer-outer .row-footer {
    color: #A9A9A9;
    display: flex;
    justify-content: space-between;
}

#footer-outer .row-footer {
    padding: 2.5rem 2rem 0;
    background: url(/wp-content/uploads/2022/05/icon-footer.svg) no-repeat 2rem 0; 
    align-items: flex-end ;
    margin-bottom: 2rem
}

#footer-outer .container .col {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.material #footer-outer .widget li a {
    font-size: 18px !important;
}

#footer-outer #copyright ul {
    padding: 0 !important
}

#footer-outer #copyright li {
    padding: 0 !important;
    margin: 0;
    float: none;
    text-align: right;
}

body.material .portfolio-items[data-ps="9"] .col img {
    border-radius: 0;
}

.portfolio-items[data-ps="9"] .col:hover img {
    box-shadow: none;
    transform: none
}

.single-post #page-header-bg[data-post-hs="default_minimal"] .page-header-bg-image:after {
    background-color: #fff;
}

.single-post #page-header-bg[data-post-hs="default_minimal"] {
    background: transparent;
}

.single-post #page-header-bg[data-post-hs="default_minimal"] .page-header-bg-image:after {
    display: none
}

#page-header-bg .page-header-bg-image-wrap {
    height: 80%
}

#page-header-bg .container {
    max-width: none;
    margin: 0;
    padding: 0;
}

#page-header-bg .section-title {
    background: #F6F6F6;
    transform: none;
    max-width: 728px;
    padding: 3rem 2rem;
}

#page-header-bg .section-title h1 {
    color: #24242F !important;
    padding: 0 !important;
    font-size: 36px;
    font-weight: normal;
    line-height: 150%;
    text-align: left;
    margin: 0 !important;
    max-width: none !important
}

.single #page-header-bg #single-below-header .author, .single #page-header-bg #single-below-header .meta-comment-count {
    display: none;
}

.single #page-header-bg #single-below-header > span {
    padding: 0;
    color: #24242F !important;
    padding-top: 1.5rem;
    font-size: 16px;
}

#page-header-bg[data-post-hs="default_minimal"] #single-below-header {
    text-align: left;
}

body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area {
    max-width: 630px;
    padding-top: 5rem
}

.comment-wrap, #author-bio, .meta-comment-count, .meta-author {
    display: none !important
}

#header-outer .current_page_item a, body.single-post #header-outer #menu-item-78 a {
    color: #24242F;
    font-weight: 500
}

body.single-post #header-outer #menu-item-78 .menu-title-text:after {
    backface-visibility: hidden;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#portfolio-extra .project-content img {
    border-radius: 100%;
    width: 490px;
    height: 490px;
    object-fit: cover;
}

/* RECENTS PROJECTS */
.bottom_controls {
    display: none;
}

#moreProjects .carousel-outer .container {
    width: 100%;
    max-width: none
}

#moreProjects .carousel-outer .container h2 {
    font-size: 24px !important;
    text-transform: none;
    letter-spacing: normal;
    margin: 0;
    padding-left: 2%;
    border-bottom: .5px solid #000;
    padding-bottom: 1.5rem
}

.carousel-heading {
    margin-bottom: 0;
}

#moreProjects .caroufredsel_wrapper {
    position: static !important;
    width: 100% !important;
    display: block !important;
    height: auto !important
}

#moreProjects ul.portfolio-items {
    position: static !important;
    width: 100% !important;
    height: auto !important;
}

#moreProjects ul.portfolio-items li {
    width: 100% !important;
    margin: 0;
    border-bottom: .5px solid #000;
    padding: 1rem 0;
    background: url(/wp-content/uploads/2022/03/arrow-right.svg) no-repeat center right;
    transition-duration: 0.3s;
}

#moreProjects ul.portfolio-items li:hover {
    background-color: rgb(237, 237, 237);
}

#moreProjects .carousel-wrap {
    margin: 0;
}

#moreProjects ul.portfolio-items li .work-item {
    overflow: visible;
}

#moreProjects ul.portfolio-items li p, #moreProjects ul.portfolio-items li .work-item img {
    display: none
}

#moreProjects ul.portfolio-items li .work-info {
    position: static;
    padding: 0;
}

#moreProjects ul.portfolio-items li .work-info .bottom-meta {
    transform: none;
    display: block;
    position: static;
    padding: 0;
    background: none !important;
}

#moreProjects ul.portfolio-items li .work-info .bottom-meta h3 {
    font-size: 24px;
    color: #000;
    display: block;
    padding-left: 2%;
}

/* CONTACT */
#contact form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 3rem
}

#contact .address {
    padding-left: 2rem;
    color: #A9A9A9;
    background: url(/wp-content/uploads/2022/05/icon.svg) no-repeat 0 2rem 
}

#contact .col {
    margin-right: 5rem
}

#contact form p {
    background: none;
    padding: 0;
    margin: 0
}

#contact form br {
    display: none
}

#contact form input, #contact form textarea {
    border-radius: 4px;
    background: transparent;
    border: 1px solid rgba(69, 64, 64, .2);
    margin-bottom: .7rem;
    font-size: 16px;
    height: 3.5rem;
    outline: none !important;
    box-shadow: none;
    -webkit-appearance: none
}

#contact form textarea {
    height: 10rem
}

#contact form input:focus, #contato form textarea:focus {
    border-color: #454040
}

#contact form input[type="submit"] {
    color: #000;
    border-radius: 0 !important;
    font-family: inherit;
    font-weight: normal;
    border: .5px solid #000;
    box-shadow: none;
    margin: 0 auto !important;
    padding: 0 5rem !important
}

#contact .housesButton {
    padding: 0;
}

.wpcf7-spinner {
    display: none;
}

#contact .policy-radio, #contact .policy-radio div {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

#contact span.wpcf7-list-item {
    margin: 0 auto
}

#contact .kc_captcha {
    margin-bottom: 1rem
}

#contact .policy-radio a {
    color: #454040;
    margin-left: .3rem;
    text-decoration: underline
}

#contact input[type=checkbox] {
    position: relative;
    cursor: pointer;
    margin: 0;
    margin-right: 15px;
    visibility: hidden;
    height: .7rem;
    padding-left: .5rem
}

#contact input[type=checkbox]:before {
    content: "";
    visibility: visible;
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -6px;
    left: 0;
    border: 1px solid #D7CFCB;
    background-color: #D7CFCB
}

#contact input[type=checkbox]:checked:after {
    content: "";
    display: block;
    visibility: visible;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -3px;
    left: 7px
}

.blog_next_prev_buttons {
    display: none 
}

.desktop {
    display: block
}

.mobile {
    display: none;
}

#page-header-bg[data-bg-pos="top"] .page-header-bg-image {
    background-position: center 
}

/* MOBILE */
@media only screen and (max-width: 668px) {
    .neolitButton {
        min-width: 100%;
    }
    
    #header-outer #logo, #header-outer .logo-spacing {
        margin: .4rem 0
    }
    
    .neolitButton h5 {
        text-align: center;
    }
    
    .desktop {
        display: none 
    }

    .mobile {
        display: block;
    }
    
    .img-with-aniamtion-wrap[data-max-width="50%"] .inner {
        max-width: 90%;
    }
    
    body.home #team img {
        max-width: 100%;
    }
    
    body.home #team .vc_col-sm-6.wpb_column {
        margin-bottom: 3rem
    }
    
    body.home #team {
        margin-bottom: 0
    }
    
    #footer-outer .container {
        display: block 
    }
    
    #footer-outer #copyright .container div:last-child {
        margin-top: .5rem
    }
    
    .home #news h2 {
        padding-top: 2rem
    }
    
    #slide-out-widget-area-bg.fullscreen-alt .bg-inner {
        background-color: rgba(255, 255, 255, 0.95);
    }
    
    #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.current-menu-item a,
    #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a:hover,
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        color: #000 !important;
    }
    
    body.mobile.material[data-header-color="light"] #header-outer .slide-out-widget-area-toggle a .close-line, body.mobile.material[data-header-color="light"] #header-outer.transparent .slide-out-widget-area-toggle a .close-line {
        background-color: #000 !important;
    }
    
    #top .slide-out-widget-area-toggle .close-line {
        width: 1px;
    }
    
    .slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines:after,
    body .lines, body .lines:before, body .lines:after {
        height: 1px !important
    }
    
    #portfolio-extra .project-content img {
        width: auto;
        height: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }
    
    .single-portfolio .project-content .wpb_column {
        margin-bottom: 3rem
    }
    
    .single-portfolio .wpb_wrapper h3.vc_custom_heading {
        margin-top: 3rem;
        line-height: 30% !important
    }
    
    #moreProjects {
        margin-top: 3rem
    }
    
    #page-header-bg .page-header-bg-image-wrap {
        height: 50%;
    }
    
    body #page-header-bg .section-title {
        max-width: 100%;
        padding: 2rem 2rem 0 2rem;
        margin-top: 9rem
    }
    
    body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area {
        padding-top: 2rem
    }
    
    #contact form {
        display: block;
    }
    
    #contact .col {
        margin: 0;
    }
    
    #contact form .policy-radio span,
    #contact form .policy-radio a {
        font-size: 14px
    }
    
    .nectar-simple-slider.sizing-percentage.height-65vh {
        height: 35vh;
    }

    .nectar-simple-slider.min-height-740px {
        min-height: 450px;
    }
    
    #wavesHome img.img-with-animation.nectar-lazy {
        height: 100vh;
        width: auto;
    }
}