@import 'css/bootstrap.min.css';
@import 'css/bootstrap-toggle.min.css';
@import 'css/font-awesome.min.css';
@import 'css/owl.carousel.css';
@import 'css/slick.css';
@import 'css/jquery-ui.css';
@import 'css/meanmenu.min.css';
@import 'css/venobox.css';
@import 'css/animate.css';
@import 'lib/nivo-slider/css/nivo-slider.css';
@import 'lib/nivo-slider/css/preview.css';
@import 'css/style.css';
@import 'css/responsive.css';

html{
    width: 100%;
    overflow-x: hidden !important;
}
body{
    margin: 0;
    padding:0;
    width: 100%;
    /* overflow: hidden !important; */
}

:root{
    --mainRed: #01427c ;
    --mainRedO-5: #002c53;
    --mainBlack: #333 ;
}

.footerLink{
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: bold;
}

.footerLink:hover{
    color:white;
    text-decoration: underline;
}
.headerLink{
    color: #666666 !important;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 600;
}

.headerLink:hover{
    color:#666666 !important;
    text-decoration: underline;
}
.footer-area {
  background: #333 repeat scroll 0 0;
}
.footer-info-container {
    border-bottom: 1px solid white;
}
.footer-container{
    border-top:1px solid white ;
}
.subscribe-container{
    background:var(--mainRed);
}
.subscribe-form{
    background:#5cb3ff none repeat scroll 0 0;
}

.search-menu{
    background:var(--mainRed) ;
}
.mainmenu ul.sub-menu{
    border-top: 1px solid var(--mainRed);
}
.mainmenu ul#nav > li > a:hover{
    color:var(--mainRed)
}
.slider-two-area .banner-content.slider-2 p{
    text-transform:none;
    color: white !important;
}
.slider-two-area .banner-content.slider-2 h1{
    font-size: 2.8rem;
    text-transform: none;
    color: white !important;
}
.banner-content.slider-2 .banner-readmore a{
    background-color: var(--mainRed);
    text-transform: none;
    font-size: 1.2rem;
}
.banner-content.slider-2 .banner-readmore a:hover{
    background-color: var(--mainBlack);
}
.slider-area .text-content{
    background-color: #33333380;
    border-radius: .2rem;
    padding: 1rem;
    color: white !important;
}
.preview-2 .nivo-directionNav a:hover::after{
    background-color: var(--mainRed);
}
@media (max-width: 990px) {
    .slider-two-area .banner-content.slider-2 p{
        font-size: 1rem;
    }
    .slider-two-area .banner-content.slider-2 h1{
        font-size: 1.5rem;
        text-transform: none;
        color: white !important;
    }
    .banner-content.slider-2 .banner-readmore a{
        font-size: .8rem;
    }
}

.single-activity{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.single-activity-icon{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.single-service-text > p{
    line-height: 14px;
}

.section-title h3{
    text-transform: none;
}
.post-image{
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-blog-text > a{
    background-color:var(--mainRed);
    font-weight: bold;
    padding:.5rem .8rem;
    color:white;
    border-radius: .2rem;
}

.btn-red{
    background-color: var(--mainRed);
    color: white;
    ;
}
.btn-red:hover{
    background-color: var(--mainBlack);
    color:white;
}
.class-details-tab-menu li > a.active:after{
    background: var(--mainRed);
}
.section-title-wrapper.title-yellow:after{
    color: var(--mainBlack);
}
.section-title-wrapper.title-yellow:before{
    background-color: var(--mainBlack);
}
.single-service-icon{
    background-color: var(--mainRed);
}
#scrollUp{
    border-color:var(--mainRed);
    background: var(--mainBlack);
}

#scrollUp:hover{
    color: var(--mainRed);
    border-color: var(--mainRed);
}
.single-service-item:hover .single-service-icon{
    color: var(--mainRed);
}
.section-title-wrapper:before{
    background-color: var(--mainBlack);
}
.section-title-wrapper:after{
    color: var(--mainBlack);
}

.overlay-effect.sea-green-overlay a:before{
    background-color: var(--mainRedO-5);
}

.button-default{
    background-color: var(--mainBlack);
    color:white
}
.button-default:hover{
    background-color: var(--mainRed);
    color: white;
}
.class-date, .gallery-icon{
    background-color: var(--mainBlack);
    color: white;
}
.advertise-area a{
    background-color: var(--mainRed);
    color: white;
}
.advertise-area a:hover{
    background-color: var(--mainBlack);
    color: white;
}
.mobile-menu-area,.mobile-menu-area .mean-nav{
    background-color: var(--mainBlack);
}
.class-details-tab{
    margin-bottom: 0;
}

.haber-post img{
    width: 100%;
    height: 100px;
    object-fit: cover;
}
/* 
.pagination-button ul li a{
    background-color: var(--mainBlack);
    color:white;
    padding:.3rem;
}
.pagination-button-2 ul{
    margin:0;
    padding:0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
}
.pagination-button-2 ul li a{
    background-color: var(--mainBlack);
    color:white;
    font-size: 1.2rem;
    font-weight: bold;
    padding:.3rem .4rem;
    display: inline-block;
}
.pagination-button-2 ul li.current{
    background-color: var(--mainRed);
} */
 .pagination-content{
    overflow: inherit;
 }
 .pagination li{
    padding: 0;
    margin: 0;
    height: auto;
 }
  .pagination-button ul li a,.pagination-button ul li span,.pagination-button ul li a.next,.pagination-button ul li a.prev {
    background-color: var(--mainBlack);
    color: white;
    padding: .2rem .4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: bold;
    display: block;
  }
  .pagination-button ul li a:hover,.pagination-button ul li span:hover,.pagination-button ul li a.next:hover,.pagination-button ul li a.prev:hover{
    color: white !important;
  }
 .pagination-button ul li.active span{
    background-color: var(--mainRed);
     color: white;
    padding: .2rem .4rem;
    font-size: 1.2rem;
    margin: 0;
}
.pagination > li:last-child{
    margin-left: 0;
    font-size: 1.2rem;
    color:white;
}
.pagination > li:last-child i{
    color: white;
}
.pagination li:hover{
    background-color: var(--mainRed);
    color: white !important;
    border-radius: 0;
}
.blog-list-img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.class-schedule a{
    font-weight: 600;
    transition: none;
}
.class-schedule a:hover{
    background-color: var(--mainRed);
    color: white;
    display: block;
}
.galleri-img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    background-color: #333;
}
.section-title h3{
    line-height:normal;
}
.button-default.button-yellow{
    background-color: var(--mainRed);
    color: white;
}
.button-default.button-yellow:hover{
    background-color: var(--mainBlack);
    color: white;
}

.footer-widget-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-widget-list li{
    margin-bottom: 10px;
}
.footer-widget-list li a{
    line-height: normal;
    color: white;
    text-decoration: none;
}
.footer-widget-list li a:hover{
    text-decoration: underline;
}
.footer-widget-list .nav-link{
    padding: 0;
}

.footer-description{
    color: white;
    font-size: .8rem;
    line-height: 1.5;
    margin-top:1.5rem;
    text-align:justify;
}

@media (max-width:990px) {
        .header-top-info {
            text-align: center;
        }
}

  /* --- SOSYAL MEDYA MENÜ STİLLERİ --- */

  /* Önce Mobil Stilleri (Mobile-First) */
  .social-menu-container {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #333;
      /* Mobildeki alt barın rengi */
      z-index: 1000;
      border-top: 1px solid #ddd;
      padding: 10px 0;
  }

  .social-links {
      display: flex;
      /* İkonları yan yana getirir */
      justify-content: space-around;
      /* Eşit aralıkla dağıt */
      align-items: center;
  }

  .social-links a {
      color: white;
      /* İkon rengi (Beyaz) */
      font-size: 22px;
      /* İkon boyutu */
      transition: transform 0.2s ease;

      /* İkonları dairesel yapmak için */
      display: flex;
      align-items: flex-start;
      justify-content: center;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      text-decoration: none;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  }

  .social-links a:hover {
      transform: scale(1.1);
      /* Üzerine gelince hafif büyüt */
  }

  /* Platform Renkleri */
  .social-links .whatsapp {
      background-color: #25D366;
  }

  .social-links .twitter-x {
      background-color: #000000;
  }

  .social-links .facebook {
      background-color: #1877F2;
  }

  .social-links .instagram {
      /* Instagram gradyanı */
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }

  .social-links .youtube {
      background-color: #FF0000;
  }


body.sticky-social-bar-body-padding {
    padding-bottom: 75px;
    /* Menü yüksekliği kadar */
}

/* Ana Kapsayıcı (ID kullanarak spesifikliği artırıyoruz) */
#stickySocialBarContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    /* Mobildeki alt barın rengi */
    z-index: 9999;
    /* Diğer her şeyin üstünde olmalı */
    border-top: 1px solid #ddd;
    padding: 10px 0;
    box-sizing: border-box;
    /* Sitenizin CSS'inden etkilenmemesi için */
}

/* Linklerin olduğu navigasyon alanı */
#stickySocialBarContainer .ssbc-links-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    /* Sitenizin 'nav' stilini sıfırla */
    padding: 0;
    /* Sitenizin 'nav' stilini sıfırla */
}

/* Linklerin (a tagı) kendisi */
#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-link-item {
    /* Sitenizin genel 'a' stillerini sıfırlayalım */
    text-decoration: none !important;
    border: none !important;
    color: white !important;
    /* İkon rengi her zaman beyaz */
    background: #ccc;
    /* Varsayılan renk, aşağıda ezilecek */
    margin: 0;
    padding: 0;
    /* padding'i de sıfırlıyoruz */

    /* Dairesel Buton Stilleri */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
    box-sizing: border-box;
    /* Önemli */
}

/* Linklerin içindeki ikon (i tagı) */
#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-link-item i {
    /* Sitenizin 'i' veya 'fa' stillerini sıfırla */
    font-size: 22px;
    line-height: 1;
    margin: 0;
    padding: 0;
    background: none !important;
    /* Siteniz ikonlara arkaplan veriyorsa sıfırla */
    color: white !important;
    /* Rengi tekrar garantile */
}

/* Hover efekti */
#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-link-item:hover {
    transform: scale(1.1);
    opacity: 0.9;
}

/* Benzersiz Sınıflar ile Platform Renkleri */
#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-whatsapp {
    background-color: #25D366;
}

#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-twitter-x {
    background-color: #000000;
}

#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-facebook {
    background-color: #1877F2;
}

#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

#stickySocialBarContainer .ssbc-links-wrapper a.ssbc-youtube {
    background-color: #FF0000;
}


/* Masaüstü Stilleri (768px ve üzeri) */
@media (min-width: 768px) {

    /* Mobilde 'body'e verdiğimiz boşluğu masaüstünde geri al */
    body.sticky-social-bar-body-padding {
        padding-bottom: 0 !important;
        /* !important gerekebilir */
    }

    /* Ana konteyneri sağa, ortaya al */
    #stickySocialBarContainer {
        right: 20px;
        top: 20%;
        transform: translateY(-50%);
        width: auto;
        bottom: auto;
        left: auto;
        background-color: transparent;
        border-top: none;
        padding: 0;
    }

    /* Linkleri dikey sırala */
    #stickySocialBarContainer .ssbc-links-wrapper {
        flex-direction: column;
    }

    /* Masaüstü link stilleri */
    #stickySocialBarContainer .ssbc-links-wrapper a.ssbc-link-item {
        margin-bottom: 10px;
        width: 50px;
        height: 50px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Masaüstü ikon boyutu */
    #stickySocialBarContainer .ssbc-links-wrapper a.ssbc-link-item i {
        font-size: 24px;
    }

    /* Son ikona alt boşluk verme */
    #stickySocialBarContainer .ssbc-links-wrapper a.ssbc-link-item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:990px){

}
.blog-area.blog-two,.service-area.section-padding{
    border-top:1px solid #d6d6d6;
    
    }
.about-area.section-padding-bottom p {
    text-align: justify;
	text-indent:50px;
}