/**
        * Theme Name: Exline Child
        * Description: This is a child theme of Exline, generated by Merlin WP.
        * Author: <a href="http://ninetheme.com/">Ninetheme</a>
        * Template: exline
        * Version: 1.8.0
        */
        /* Lightbox arkaplan */
        .lightbox-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999; /* Lightbox'u diğer içeriklerin üzerine getir */
        }

        /* Lightbox içerik kutusu */
        .lightbox-content {
            width: 100vw;
            height: 100vh;
            max-width: 100%;
            max-height: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        /* Lightbox kapatma düğmesi */
        .lightbox-close {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #fff;
            cursor: pointer;
            z-index: 9999; /* Kapatma düğmesini diğer içeriklerin üzerine getir */
        }

        /* IFrame */
        .lightbox-iframe {
            width: 95%;
            height: 95%;
            border: none;
        }
        
 /* Buton stil */
        .button {
            position: relative; /* Göreceli pozisyon */
            width: 650px; /* Buton genişliği */
            height: 150px; /* Buton yüksekliği */
            overflow: hidden; /* İçeriğin taşması durumunda gizle */
            text-align: center; /* Metni ortala */
            line-height: 40px; /* Metni dikeyde ortala */
            color: #fff; /* Metin rengi */
            cursor: pointer;
        }

        /* Buton üzerine geldiğinde metni görünür yap */
        .button:hover span {
            opacity: 1;
        }

        /* Buton arka plan resmi için özel sınıf ve stil */
        .button-bg1 {
            background-image: url('resim1_650x150.jpg'); /* Arka plan resmi URL'i */
            background-size: cover; /* Resmi kaplayacak şekilde ölçekle */
            background-position: center; /* Resmi ortala */
        }

        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg2 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }

        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg3 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }
        
        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg4 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg5 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg6 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg7 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        /* Daha fazla buton arka plan resmi için aynı şekilde yeni sınıflar ve stiller ekleyebilirsiniz */
        .button-bg8 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        .button-bg9 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        .button-bg10 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }    
        .button-bg11 {
            background-image: url('resim1_650x150.jpg');
            background-size: cover;
            background-position: center;
        }