/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

.futura,
.futura * {
  font-family: "futura-pt", sans-serif;
}
.futura-condensed,
.futura-condensed * {
  font-family: "futura-pt-condensed", sans-serif;
}

.wd-content-layout {
    padding-bottom: 0;
}
.no-overflow {
    overflow: hidden;
}

@media (max-width: 768px) {
    .only-desktop {
        display: none;
    }
    .center-mobile {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .only-mobile {
        display: none;
    }
}

/* ortalama sorununu düzelt. wpbakery 8.6.1 -> 8.7.1 */
/*
.vc_row-o-content-middle .wpb_wrapper {
    align-content: center;
}
*/

/* homepage */
@media (min-width: 768px) {
    .grid-first-half {
        width: 46%;
    }
    .grid-last-half {
        width: 54%;
    }
    .grid-first-half .promo-banner-wrapper {
        height: calc(100% - 15px);
        overflow: hidden;
    }
    .grid-first-half .promo-banner .content-banner {
        margin-bottom: 16px;
    }
}
.category-boxes-row {
    flex-wrap: nowrap !important;
    justify-content: center;
}
.category-boxes-row .vc_column-inner {
    padding: 0 5px !important;
}
.category-box {
    background: #0005;
    backdrop-filter: blur(20px);
    border-radius: 30px;
    overflow: hidden;
}
.category-box .category-text {
    height: 2rem;
    text-align: center;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-size: 1.23rem;
    line-height: 1.1;
    color: #fff;
    margin: 10px auto;
    padding: 0 10px;
    z-index: 99
}
.category-box img {
    z-index: 98;
    transition: all ease .5s;
}
.category-box:hover img {
    transform: scale(1.2);
}
@media (max-width: 768px) {
    .category-boxes-row {
        overflow-x: scroll;
        gap: 10px 0;
    } 
    .category-boxes-row .wpb_column {
        width: 33% !important;
    }
    .category-box {
        height: unset;
        border-radius: 20px;
    }
    .category-box img {
        max-width: 80px;
    }
    .category-box .category-text {
        font-size: 12px;
        height: 3rem;
    }
    .hero-alti-logolar {
        justify-content: center;
    }
    .hero-alti-logolar > div {
        width: 50%;
    }
}

.hero-alti-logolar img {
    max-width: 320px / 100%;
    max-height: 25px;
    width: auto;
    height: auto;
    border-radius: 0;
}

.sektor-carousel .content-banner {
    background: #000;
    margin: 0 -30px -30px;
    width: calc(100% + 70px) !important;
    padding: 10px 0;
}

.anasayfa-sekmeler .wd-nav-tabs {
    gap: 0;
    background: #f8f8f8;
    border-radius: 10px;
}
.anasayfa-sekmeler .wd-nav-tabs li {
    background: transparent;
    padding: 5px 40px;
    border-radius: 10px;
    margin: 0;
    z-index: 2;
}
.anasayfa-sekmeler .wd-nav-tabs a {
    text-transform: none;
}
.anasayfa-sekmeler .wd-nav-tabs li.wd-active {
    background: #000;
    z-index: 3;
}
.anasayfa-sekmeler .wd-nav-tabs li.wd-active a {
    color: #fff;
}
@media (max-width: 768px) {
    .anasayfa-sekmeler .wd-nav-tabs {
        flex-wrap: wrap;
    }
}
    
.anasayfa-6-ikon [class*="box-icon-with-"] .info-box-icon {
    border-radius: 15px;
}
.anasayfa-6-ikon .info-box-wrapper .info-svg-wrapper {
    transition: .5s ease all;
}
.anasayfa-6-ikon .info-box-wrapper:hover .info-svg-wrapper {
    transform: scale(1.3);
}
@media (min-width: 768px) {
    .anasayfa-6-ikon p {
        max-width: 180px;
        margin: 0 auto;
    }
}
/* anasayfa geri döünüşüm */
.geri-donusum-baslik {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 2px #666;
}
.geri-donusum-politikasi .hotspot-content {
    width: 300px;
    visibility: visible;
    opacity: .7;
    transform: translate(0);
    pointer-events: auto;
    z-index: 3;
}
.geri-donusum-politikasi .hotspot-content:hover {
    opacity: 1 !important;
}
.geri-donusum-politikasi img {
    pointer-events: none;
}
.sertifika-goruntule-buton {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

/* hizmetlerimiz */
.hizmetlerimiz-gorsel img {
    transform: scale(1.1);
}

/* hizmet detay */
.hizmet-carousel .wd-nav-pagin-wrap {
    top: -50px;
    position: relative;
    z-index: 1;
}
/* teklif formu */
.teklif-formu .form-container, 
.teklif-formu .contact-info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
}
.teklif-formu .contact-info {
    margin-top: 40px;
}
.teklif-formu .left-column, 
.teklif-formu .right-column {
    width: 46%;
}
.teklif-formu .form-group {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.teklif-formu .form-group label {
    font-weight: bold;
    width: 120px;
    flex-shrink: 0;
}
.teklif-formu span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.teklif-formu .form-group input, 
.teklif-formu .form-group select {
    display: block;
    height: 42px;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 50px;
}
.teklif-formu .wpcf7-submit {
    float: right;
    width: 200px;
    padding: 5px 15px;
    background-color: black !important;
    color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
}
.teklif-formu .wpcf7-submit:hover {
    opacity: 0.5;
}
@media (max-width: 768px) {
    .teklif-formu .form-container, 
    .teklif-formu .contact-info {
        flex-direction: column;
    }
    .teklif-formu .left-column, 
    .teklif-formu .right-column {
        width: 100%;
    }
}

.teklif-formu-2 {
    border: 1px solid #ccc;
    padding: 25px;
    border-radius: 25px;
}
.teklif-formu-2 .contact-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.teklif-formu-2 .baslik {
    color: var(--wd-alternative-color);
    font-size: 1.3rem;
}
.teklif-formu-2 .one-column {
    width: 100%;
}
.teklif-formu-2 .form-group {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.teklif-formu-2 .form-group label {
    width: 120px;
    flex-shrink: 0;
}
.teklif-formu-2 span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.teklif-formu-2 .form-group input, 
.teklif-formu-2 .form-group select {
    display: block;
    height: 42px;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 50px;
}
.teklif-formu-2 .wpcf7-submit {
    align-self: flex-end;
    width: 200px;
    padding: 5px 15px;
    background-color: black !important;
    color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
}
.teklif-formu-2 .wpcf7-submit:hover {
    opacity: 0.5;
}
@media (max-width: 768px) {
    .teklif-formu-2 .form-container, 
    .teklif-formu-2 .contact-info {
        flex-direction: column;
    }
}



.tag-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    list-style: none;
}
.tag-list li {
    background: #D8E9FD;
    color: #000;
    font-weight: 500;
    margin: 0;
    padding: 5px 30px;
    border-radius: 25px;
}
.tag-list li:first-child {
    margin-right: 50px;
    transform: translateX(50px);
}

/* hizmetler slider & grid - tab */
.hizmetler-slider .content-banner,
.hizmetler-grid .content-banner {
    background: #222;
    margin: 0 -30px -30px;
    width: calc(100% + 70px) !important;
    padding: 25px 15px 15px;
    border-radius: 35px;
}
.hizmetler-slider .banner-title,
.hizmetler-slider .banner-inner,
.hizmetler-grid .banner-title,
.hizmetler-grid .banner-inner {
    margin-left: 15px;
}
.hizmetler-slider .btn,
.hizmetler-grid .btn {
    width: 100%;
    justify-content: space-between;
}
.hizmetler-grid .wpb_column {
    margin-top: 25px;
    margin-bottom: 10px;
}
.hizmetler-grid .banner-title, 
.hizmetler-grid .banner-inner {
    font-size: 1.1rem;    
}
.hizmetler-grid .banner-inner {
    line-height: 1.4rem;
    height: 3rem;
    overflow: hidden;
}

/* yorum */
.testimonial-name {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}
.testimonial-content {
    font-weight: 500;
}
.testimonial-rating {
    margin: 20px auto 0;
}


/* hakkımızda */
.hakkimizda-yil-ikon .box-with-text.text-size-small {
    font-size: 16px;
}
.hakkimizda-yil-ikon .info-box-icon {
    width: 64px;
    height: 64px;
}
.hakkimizda-yil-ikon .info-box-title {
    width: 75%;
}



/*
** footer 
*/
footer .wd-text-block a {
    color: #fff;
    position: relative;
}
footer .wd-text-block a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: .2s ease all;
}
footer .wd-text-block a:hover:after {
    width: 100%;
}