/*
Theme Name: Taytelbaum theme
Description: Taytelbaum theme by OMA
Version: 1.0
Author: OMA
Author URI: https://www.oma.amsterdam
Template: enfold
*/



/*Add your own styles here:*/

/* new template header */
.new-header {
    display:flex;
    padding:22px 50px;
    background-color:#E6DDD8;
    width:100%;
    min-height:140px;
}
html[lang="en-US"] .new-header {
    padding:50px 50px;
}
@media (max-width: 768px) {
    .new-header {
        padding-left:7.5%;
        padding-right:7.5%;
    }
}
.new-header,
.new-header a,
.new-header h1 {
    color:#827873 !important;
}
.new-header .header-breadcrumb {
    font-size:14px;
    line-height:160%;
    margin-top:-2px;
}
.new-header h1 {
    font-size:42px;
    line-height:96%;
    letter-spacing:1px;
    margin-top:3px;
}
.new-header-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:1340px;
    margin:0 auto;
}
.new-header-left {
    display:flex;
    flex-direction:column;
}
.new-header-search {
    margin-left:5%;
    width:30%;
    height:42px;
    margin-top:20px;
    transition:width 0.3s ease;
    min-width:150px;
    max-width:400px;
}
.new-header-search form {
    display:flex;
    width:100%;
}
.new-header-search input {
    flex:1;
    height:41px;
    font-size:14px !important;
    padding-left:20px !important;
    border:1px solid #fff !important;
    transition:width 0.3s ease;
}
.new-header-search button {
    width:10%;
    min-width:60px;
    height:42px;
    cursor:pointer;
    background-color:#827873;
    border:1px solid #fff !important;
    transition:background-color 0.25s ease-in-out;
}
.new-header-search button:hover {
    background-color:#A7A09C;
}
.new-header-search button span {
    color:#fff;
    transform:scale(.88);
    margin-top:-0.5px;
    margin-left:-5px;
    display:block;
}
.new-header-search input,
.new-header-search button {
    border:1px solid #fff !important;
}

/* content below header */
.new-below-header {
    width:100%;
    border-bottom:1px solid #E1E1E1;
}
@media (max-width: 990px) {
    .new-below-header { display:none; }
    /* hide search */
    .new-header-search {
        display:none;
    }
}
.new-below-header-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:1440px;
    min-height:130px;
    margin:0 auto;
    padding:15px 50px 25px 50px;
}
.new-below-header-left {
    flex:1;
    margin-right:50px;
}
.new-below-header-left p {
    margin-bottom:18px;
}
.new-below-header-left div {
    display:inline-block;
}
.new-below-header-left span {
    font-size:14px;
    line-height:160%;
    color:#799D66;
}
.new-below-header-left span a,
.new-below-header-left span a:hover {
    color:#999;
    margin-right:10px;
}  
.new-below-header-right {
    text-align:right;
}
.new-below-header-right a {
    display:inline;
    font-size:18px;
    line-height:120%;
    color:#2C3A47;
    margin:15px 5px 10px 0;
    padding:5px 0 0 0;
}
@media (max-width: 1300px) {
    .new-below-header-right a { display:block; }
}
.new-below-header-right a span {
    margin-left:5px;
}
.new-below-header-right a:first-child span {
    margin-left:1px;
}
.new-below-header-right a:last-child {
    margin-left:10px;
}
.new-below-header-right a:hover {
    color:#414E59;
}
  


/* edit page button */
.edit-link {
    margin-top:50px;
}
.edit-link a {
    padding:8px 12px;
    font-size:14px;
    color:#000;
    background-color:#eee;
    border-radius:5px;
    width:max-content;
}
.edit-link a:hover {
    background-color:#ddd;
}


/* footer area 01 */
.new-footer-01 {
    width:100%;
}
.new-footer-01-inner {
    max-width:1340px;
    margin:0 auto;
    display:flex;
    align-items:center;
    min-height:710px;
    background-size:auto 100%;
    background-position:center bottom;
    background-repeat:no-repeat;
}
.new-footer-01-right {
    margin:0 50px 0 auto;
    text-align:center;
    max-width:50%;
}
.new-footer-01-right > span {
    font-size:28px;
    font-weight:700;
    line-height:95%;
}
.new-footer-01-right h3 {
    font-size:40px !important;
    margin-top:30px;
    margin-bottom:25px;
}
.new-footer-01-right p {
    font-size:20px;
    line-height:165%;
}
.new-footer-01-right p span {
    display:block;
}
.new-footer-01-right a {
    font-size:18px;
    color:#2C3A4F;
    padding:25px 50px;
    margin-top:25px;
    display:inline-block;
    background-color:#F77B62;
    transition:opacity 0.5s ease;
}
.new-footer-01-right a:hover {
    opacity:.9;
}
@media (max-width: 990px) {
    .new-footer-01-inner {
        background-image:none !important;
        min-height:auto;
        padding:60px 0;
    }
    .new-footer-01-right {
        margin:0 50px;
        max-width:100%;
    }
    .new-footer-01-right h3 {
        font-size:50px !important;
    }
    .new-footer-01-right p span {
        display:inline;
    }
}
@media (max-width: 768px) {
    .new-footer-01-right h3 {
        font-size:40px !important;
    }
    .new-footer-01-right {
        margin:0 25px;
    }
}


/* footer area 02 */
.new-footer-02 {
    width:100%;
    padding:50px 50px;
    background-color:#F2F2F2;
}
.new-footer-02-inner {
    max-width:1340px;
    margin:0 auto;
    display:flex;
    gap:6%;
}
.new-footer-02-col {
    flex:1;
    min-width:0;
    background-size:cover;
    background-position:center;
    padding:60px 30px 80px 30px;
    color:#fff;
    text-align:center;
}
.new-footer-02-col h2 {
    color:#fff !important;
    font-size:30px !important;
    line-height:110% !important;
    letter-spacing:1px;
    margin-bottom:6px;
}
.new-footer-02-col span {
    font-size:18px !important;
    line-height:165% !important;
}
.new-footer-02-col a {
    font-size:18px;
    display:block;
    width:max-content;
    color:#827873;
    background-color:#fff;
    padding:16px 30px;
    margin:20px auto 0 auto;
    transition:opacity 0.5s ease;
}
.new-footer-02-col a:hover {
    opacity:.9;
}
.new-footer-02-col a span {
    position:relative;
    display:inline-block;
    width:0;
    height:10px;
    transition:all 0.3s ease;
}
.new-footer-02-col a:hover span {
    display:inline-block;
    width:10px;
    margin-left:14px;
    margin-right:5px;
}
.new-footer-02-col a span::before,
.new-footer-02-col a span::after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:7.5px;
    height:2px;
    transform:rotate(45deg);
    background-color:#8A7F7A;
    opacity:0;
    transition:all 0.3s ease;
}
.new-footer-02-col a span::after {
    top:4.5px;
    transform:rotate(-45deg);
}
.new-footer-02-col a:hover span::before,
.new-footer-02-col a:hover span::after {
    opacity:1;
}
@media (max-width: 990px) {
    .new-footer-02 {
        padding-bottom:20px;
    }
    .new-footer-02-inner {
        flex-direction:column;
        gap:20px;
    }
    .new-footer-02-col {
        padding-bottom:65px;
    }
    .new-footer-02-col h2 {
        font-size:50px !important;
        letter-spacing:0;
    }
    .new-footer-02-col span {
        font-size:20px !important;
    }
    .new-footer-02-col a {
        padding:26px 50px;
        margin:20px auto 0 auto;
    }
}
@media (max-width: 768px) {
    .new-footer-02 {
        padding-left:25px;
        padding-right:25px;
    }
    .new-footer-02-col {
        padding-left:20px;
        padding-right:20px;
    }
    .new-footer-02-col h2 {
        font-size:40px !important;
    }
}



/* footer area 03 */
.new-footer-03 {
    width:100%;
    padding:0 50px;
    background-color:#F2F2F2;
}
.new-footer-03-inner {
    max-width:1340px;
    margin:0 auto;
    padding:70px 0;
    display:flex;
    align-items:center;
    background-size:auto 410px;
    background-position:right bottom;
    background-repeat:no-repeat;
    background-color:#fff;
}
.new-footer-03-left {
    margin:0 auto 0 50px;
    padding:0 25px;
    text-align:center;
    max-width:42%;
}
.new-footer-03-left h2 {
    font-size:31px !important;
    letter-spacing:1px;
    line-height:110%;
    margin-top:10px;
}
.new-footer-03-left p {
    font-size:22px;
    line-height:165%;
    color:#2C3A47;
    margin-top:0;
}
.new-footer-03-left span {
    position:relative;
    font-size:18px;
    color:#2C3A4F;
    padding:25px 60px 25px 50px;
    margin-top:25px;
    display:inline-block;
    background-color:#fff;
}
.new-footer-03-left span::before,
.new-footer-03-left span::after {
    content:'';
    position:absolute;
    top:30px;
    right:45px;
    display:block;
    width:7.5px;
    height:2px;
    transform:rotate(45deg);
    background-color:#2C3A4A;
    transition:all 0.3s ease;
}
.new-footer-03-left span::after {
    top:34.5px;
    transform:rotate(-45deg);
}
@media (max-width: 990px) {
    .new-footer-03-inner {
        background-image:none !important;
        padding:60px 0;
    }
    .new-footer-03-left {
        margin:0 auto !important;
        max-width:100%;
    }
    .new-footer-03-left h2 {
        letter-spacing:0;
        color:#827873 !important;
        margin-top:0;
        margin-bottom:8px;
    }
    .new-footer-03-left p {
        font-size:20px;
        color:#827873;
    }
    .new-footer-03-left span {
        position:relative;
        font-size:18px;
        color:#827873;
        padding:25px 60px 25px 50px;
        margin-top:5px;
        background-color:#E6DDD8;
    }
    .new-footer-03-left span::before,
    .new-footer-03-left span::after {
        background-color:#827873;
    }
}
@media (max-width: 768px) {
    .new-footer-03 {
        padding:0 25px;
    }
    .new-footer-03-left h2 {
        font-size:25px !important;
    }
    .new-footer-03-left {
        margin:0 25px;
    }
}


/* footer area 04 */
.new-footer-04 {
    width:100%;
    padding:50px 50px;
    background-color:#F2F2F2;
}
.new-footer-04-inner {
    max-width:1340px;
    margin:0 auto;
    padding:85px 0;
    display:flex;
    align-items:center;
    min-height:425px;
    background-size:auto 400px;
    background-position:left center;
    background-repeat:no-repeat;
    background-color:#E1BBB4;
}
.new-footer-04-right {
    margin:0 105px 0 auto;
    text-align:center;
    max-width:47%;
}
.new-footer-04-right img {
    display:none;
    width:120px;
    height:auto;
    margin-bottom:15px;
}
.new-footer-04-right h2 {
    font-size:36px !important;
    line-height:110%;
    letter-spacing:1px;
    color:#fff !important;
}
.new-footer-04-right p {
    font-size:22px;
    line-height:165%;
    color:#fff;
    margin:0 0 20px 0;
}
.new-footer-04-right a {
    font-size:18px;
    color:#fff;
    margin-top:15px;
    margin-bottom:15px;
    display:inline-block;
    transition:opacity 0.5s ease;
}
.new-footer-04-right a:hover {
    color:#fff;
    opacity:.9;
}
.new-footer-04-right a:first-of-type {
    margin-right:25px;
}
.new-footer-04-right a span {
    margin-left:5px;
}
@media (max-width: 990px) {
    .new-footer-04 {
        padding:20px 50px;
    }
    .new-footer-04-inner {
        padding:50px 0;
        background-image:none !important;
    }
    .new-footer-04-right {
        margin:0 auto;
        padding:0 25px;
        max-width:100%;
    }
    .new-footer-04-right img {
        display:inline;
    }
    .new-footer-04-right h2 {
        font-size:42px !important;
        letter-spacing:0;
    }
    .new-footer-04-right p {
        font-size:20px;
    }
}
@media (max-width: 768px) {
    .new-footer-04 {
        padding:20px 25px;
    }
    .new-footer-04-right h2 {
        font-size:34px !important;
    }
}


/* footer area 05 */
.new-footer-05 {
    width:100%;
    padding:30px 50px 0 50px;
    background-color:#F2F2F2;
}
.new-footer-05-inner {
    max-width:1340px;
    margin:0 auto;
    display:flex;
    gap:9%;
}
.new-footer-05-col {
    flex:1;
    min-width:0;
    background-size:cover;
    background-position:center;
    padding:20px 30px 80px 30px;
    color:#2C3A47;
    text-align:center;
}
.new-footer-05-col h2 {
    font-size:26px !important;
    line-height:110% !important;
    letter-spacing:1px;
    margin-top:46px;
    margin-bottom:26px;
}
.new-footer-05-col p {
    font-size:20px !important;
    line-height:165% !important;
}
.new-footer-05-col a {
    font-size:18px;
    line-height:120%;
    display:block;
    width:max-content;
    color:#6770C3;
    padding:16px 30px;
    margin:30px auto 0 auto;
    transition:opacity 0.5s ease;
}
.new-footer-05-col a:hover {
    opacity:.9;
    color:#6770C3;
}
.new-footer-05-col a span {
    position:relative;
    margin-left:12px;
    display:inline;
    width:10px;
    height:10px;
    transition:all 0.3s ease;
}
.new-footer-05-col a span::before,
.new-footer-05-col a span::after {
    content:'';
    position:absolute;
    top:7px;
    right:0;
    display:block;
    width:7.5px;
    height:2px;
    transform:rotate(45deg);
    background-color:#8A7F7A;
    transition:all 0.3s ease;
}
.new-footer-05-col a span::after {
    top:11px;
    transform:rotate(-45deg);
}
@media (max-width: 990px) {
    .new-footer-05 {
        padding-top:80px;
        padding-bottom:70px;
    }
    .new-footer-05-inner {
        flex-direction:column;
        gap:9%;
    }
    .new-footer-05-col {
        flex:1;
        min-width:0;
        background-size:cover;
        background-position:center;
        padding-top:20px;
        padding-bottom:10px;
        color:#2C3A47;
        text-align:center;
    }
}
@media (max-width: 768px) {
    .new-footer-05-col h2 {
        font-size:21px !important;
    }
}


/* footer area 06 */
.new-footer-06 {
    position:relative;
    z-index:1;
    width:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.new-footer-06::before {
    content:'';
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.3;
}
.new-footer-06-inner {
    position:relative;
    z-index:3;
    max-width:1340px;
    margin:0 auto;
    display:flex;
    align-items:center;
    min-height:600px;
}
.new-footer-06-left {
    margin:0 auto 0 50px;
    text-align:center;
    max-width:39%;
}
.new-footer-06-left h2 {
    font-size:40px !important;
    line-height:110%;
    letter-spacing:1px;
    color:#fff !important;
    margin-top:10px;
    margin-bottom:30px;
}
.new-footer-06-left p {
    font-size:24px;
    line-height:165%;
    color:#fff;
}
.new-footer-06-left a {
    font-size:18px;
    color:#fff;
    padding:16px 30px;
    margin-top:5px;
    display:inline-block;
    background-color:#000;
    transition:opacity 0.5s ease;
}
.new-footer-06-left a:hover {
    opacity:.9;
    color:#fff;
}
.new-footer-06-left a span {
    margin-left:7px;
}
@media (max-width: 990px) {
    .new-footer-06-left {
        margin:0 auto;
        max-width:80%;
    }
    .new-footer-06-left h2 {
        font-size:36px !important;
        margin-top:-40px;
        margin-bottom:25px;
    }
    .new-footer-06-left p {
        font-size:20px;
    }
    .new-footer-06-left a {
        font-size:20px; 
        padding:0;
        margin-top:5px;
        background-color:transparent;
        text-decoration:underline !important;
    }
    .new-footer-06-left a span {
        display:none;
    }
}


/* featured image */
.new-featured-image {
    height:400px;
    background-size:cover;
    background-position:top;
}
@media (max-width: 990px) {
    .new-featured-image {
        display:none;
    }
}

/* new content wrapper */
.new-content-wrapper {
    width:100%;
    padding:50px;
    margin-top:-285px;
}
@media (max-width: 990px) {
    .new-content-wrapper {
        margin-top:0;
    }
}
.new-content-inner {
    display:flex;
    margin:0 auto;
    max-width:1340px;
}

/* new content */
.new-content {
    flex:1;
    margin-top:285px;
    padding-right:75px;
    line-height:165%;
}
@media (max-width: 990px) {
    .new-content {
        margin-top:0;
    }
}
@media (max-width: 768px) {
    .new-content-wrapper {
        padding-left:7.5%;
        padding-right:7.5%;
    }  
    .new-content {
        padding-right:0;
    }
}

/* new sidebar */
.new-sidebar {
    width:36%;
    outline:1px solid #E0E0E0;
    height:max-content;
    text-align:center;
    padding:0 20px;
    background-color:#fff;
}
.new-sidebar img {
    display:block;
    margin:30px auto 0 auto;
}
.new-sidebar p {
    font-size:13px;
    line-height:165%;
    margin-top:5px;
    margin-bottom:0;
}
a.new-review-link {
    display:block;
    font-size:13px;
    line-height:165%;
    text-decoration:underline !important;
    margin-bottom:10px;
}
.new-sidebar-phone {
    display:flex;
    align-items:center;
    margin-bottom:80px;
}
.new-sidebar-phone::before,
.new-sidebar-phone::after {
    content:'';
    flex:1;
    margin-top:-4px;
    border-bottom:1px solid #E1E1E1;
}
.new-sidebar-phone::before {
    margin-right:25px;
}
.new-sidebar-phone::after {
    margin-left:25px;
}
.new-sidebar-phone a span:last-of-type {
    font-size:15px;
    font-weight:400;
    line-height:130%;
    color:#827873;
    margin-top:5px;
}
.new-sidebar-phone a {
    position:relative;
    display:block;
    color:#827873;
    font-size:32px;
    line-height:110%;
    font-weight:800;
    margin-bottom:5px;
}
.new-sidebar-phone a:hover {
    color:#C0BBB9;
}
.new-sidebar-phone a span {
    display:block;
    font-size:32px;
    margin-bottom:8px;
}
@media (min-width: 768px) and (max-width: 990px) {
    .new-sidebar-phone::before,
    .new-sidebar-phone::after {
        margin:0;
        border:none;
    }
}
@media (max-width: 768px) {
    .new-content-inner {
        flex-direction:column;
    }
    .new-sidebar {
        width:100%;
        margin-top:25px;
    }
    .new-sidebar-phone a,
    .new-sidebar-phone span:first-of-type {
        font-size:25px;
    }
    .new-sidebar-phone span:last-of-type {
        margin-top:0px !important;
    }
}

/* sidebar specialists carousel */
.new-specialists {
    text-align:left;
    padding:45px 0;
    margin-bottom:35px;
    border-top:1px solid #E1E1E1 !important;
    border-bottom:1px solid #E1E1E1 !important;
}

/* sidebar gravity form adjustment */
.new-sidebar .gform_heading {
    text-align:left;
}

/* related pages */
.new-footer-related {
    width:100%;
    padding:50px 50px 30px 50px;
}
.new-footer-related-inner {
    margin:0 auto;
    max-width:1340px;
}
.new-footer-related h2 {
    text-align:center;
    margin-bottom:50px;
    color:#827873 !important;
}
.new-footer-related-pages {
    display:flex;
    gap:6%;
}
.new-footer-related-pages article {
    min-width:100px;
    flex:1;
    padding:30px 40px;
    border-top:10px solid #847872;
    box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.new-footer-related-pages h3 {
    font-size:22px !important;
    line-height:110%;
    color:#827873 !important;
    margin-bottom:15px;
}
.new-related-thumb {
    background-size:cover;
    background-position:top;
    width:100%;
    height:75px;
}
.new-footer-related-pages article p {
    font-size:14px;
    line-height:165%;
    color:#827873;
    margin-top:25px;
    margin-bottom:12px;
}
.new-footer-related-pages a,
.new-footer-related-pages a:hover {
    font-size:15px;
    line-height:165%;
    text-decoration:underline !important;
}
@media (min-width: 768px) and (max-width: 990px) {
    .new-footer-related-pages {
        display:flex;
        gap:3%;
    }
    .new-footer-related-pages article {
        padding-left:25px;
        padding-right:25px;
    }
}
@media (max-width: 990px) {
    .new-footer-related {
        padding-left:25px;
        padding-right:25px;
    }
}
@media (max-width: 768px) {
    .new-footer-related {
        padding-left:7.5%;
        padding-right:7.5%;
    }
    .new-footer-related-pages {
        gap:15px;
        flex-direction:column;
    }
}


/* sidebar slider */
.portfolio-slider {
    position:relative;
    overflow:hidden;
    width:100%;
}
.slider-track {
    display:flex;
    opacity:1;
    gap:6%;
}
.portfolio-item {
    flex:0 0 47%;
    box-sizing:border-box;
}
.portfolio-thumb {
    width:100%;
    height:auto;
}
h3.portfolio-title {
    font-size:20px !important;
    line-height:140%;
    margin-top:5px;
}
.slider-arrow {
    position:absolute;
    z-index:10;
    top:50%;
    width:60px;
    height:60px;
    color:#fff;
    border:none;
    cursor:pointer;
    transform:translateY(-50%);
    background-color:rgba(0,0,0,0.35);
}
.slider-arrow.prev { left:0; }
.slider-arrow.next { right:0; }
.slider-arrow svg {
    width:50px;
    height:auto;
}
.slider-arrow.prev svg {
    margin:4px 0 0 -25px;
}
.slider-arrow.next svg {
    margin:4px -20px 0 0;
    transform:scaleX(-1);
}