/******************************

    00 - Home
    01 - Inner Page
		01 - Service Detail
        02 - Portfolio Detail
        03 - Blog Detail
             Sidebar Right
             Blog Classic
             Blog Single
        04 - Team Member Detail
        05 - Contact Us
        06 - Comment Form
    
******************************/
@media only screen and (max-width: 768px) {
    .site-header .site-branding img {
        max-height: 85px;
    }
}

/*----------------------------------------*/
/*  00 - Home
/*----------------------------------------*/
.title-bar-wrapper-aboutus {
    background-image: url(../images/bg/about-us-title.jpg);
}

.contact-img-box {
    background-image: url(../images/upload/iletisim.jpg);
}

.widget.biz-kimiz-ads {
    background-image: url(../images/upload/ads/biz-kimiz.jpg);
}

.widget.salkim-domates-ads {
    background-image: url(../images/upload/ads/salkim-domates.jpg);
}

.widget.pembe-domates-ads {
    background-image: url(../images/upload/ads/pembe-domates.jpg);
}

.widget.uretim-sureci-ads {
    background-image: url(../images/upload/ads/uretim-sureci.jpg);
}

.widget.sertifika-ads {
    background-image: url(../images/upload/ads/sertifikalar.jpg);
}



/* TASARIM VE YERLEŞİM (CSS) */
.custom-yt-container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    /* Videonun sayfadaki maksimum genişliği */
    aspect-ratio: 16 / 9;
    /* 1080p formatı için 16:9 oranı */
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    /* İsteğe bağlı, köşeleri yuvarlatır */
}

.yt-cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.yt-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    font-size: 50px;
    width: 90px;
    height: 65px;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-yt-container:hover .yt-play-button {
    background-color: red;
    /* Üzerine gelince YouTube kırmızısı efekti */
}

.custom-yt-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}