/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/*:root {
  --mainColor: #00a5b5;
}*/


body {
  color: #5a5a5a;
  background: #f5f8f9;
  font-family: "Open Sans", sans-serif!important;
}

.logo {
  max-width: 200px;
  height: auto;
}
.hizli-erisim-kutu { 
  padding: 0;
  border: 1px solid #fff;
}
.hizli-erisim-kutu a {
  min-width: 110px;
  text-decoration: none;
  height: 100%;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #58566a;
  font-size: 0.9rem;
  box-shadow: 0 0 0px 0px #ccc;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.hizli-erisim-kutu a:hover {
  box-shadow: 0 0 55px -25px #aaa;
}

.list-duyuru {
  color: #58566a;
}
.list-duyuru .list-group-item:hover {
  background: #f5f5f5;
  color: #f79440;
}
.list-duyuru-tarih {
  display: inline-block;
  margin-right: 7px;
  background: #58566a;
  color: #fff;
  padding: 0 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.list-duyuru .list-group-item:hover .list-duyuru-tarih {
  background: #f79440;
}

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -0.05rem;
}

/**********************************************/
nav.fixed-top {
  background-color: var(--mainColor);
}
.carousel {
  margin-bottom: 4rem;
}
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  background: #1d3e4a4a;
  padding: 1.25rem;
  text-align: center;
  text-decoration: none;
}
.carousel-caption:hover {
  color: #fff;
}

.carousel-item {
  height: 32rem;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.carousel-caption h1,
.carousel-caption p {
  text-shadow: 0 0 12px #777;
}

footer {
  background: #58566a;
  color: #fff;
}

@media (max-width: 767px) {
  .hizli-erisim-kutu {
    margin: 0 auto;
  }
  .hizli-erisim-kutu a,
  .hizli-erisim-kutu a:hover {
    flex-direction: row;
    justify-content: start;
    box-shadow: none;
  }
  .hizli-erisim-kutu a i {
    font-size: 1rem;
  }

    #pagination-container .whj_padding {
        font-size: 0.6rem;
    }

    #pagination-container .whj_color {
        font-size: 0.8rem;
    }
}

@media (min-width: 40em) {
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}



#menuListesi {
    font-size:0.9em;
}



#menuListesi div {
    border-bottom:0!important;
}


.seviye1 div, .seviye2 div, .seviye3 div, .seviye4 div, .seviye5 div {
    border-left:0!important;
    border-right:0!important;
}


#menuListesi > div > .altMenuAlani > div:first-child {
    border-radius: 5px 5px 0 0 !important;
}


#menuListesi > div > .altMenuAlani > div:last-child {
    border-radius: 0 0 5px 5px !important;
    border-bottom:1px solid #dee2e6!important;
}


#menuListesi a {
    text-decoration:none;
    color:inherit;
}


.menuBilgi {
    cursor:pointer;
}


.menuAdi {
    padding:10px!important;
}


#menuListesi i {
    margin-top:15px!important;
}


/*.menuBilgi:hover .menuAdi, .menuAdi:hover {
    background:#58566a;
    color:white;
}*/


/*.menuBilgi:hover {
    background:#58566a;
    color:white;
}*/


/*.seviye1>.menuBilgi  {
    padding:5px!important;
}*/


/*.seviye1  {
    font-size:1.2rem;
}

.seviye2  {
    font-size:1.1rem;
}

.seviye3  {
    font-size:1rem;
}

.seviye4  {
    font-size:0.9rem;
}

.seviye5  {
    font-size:0.8rem;
}*/


/*.menuTree {
    border-bottom: 1px solid;
    border-left: 1px solid;
    height: 1rem;
    width: 0.5rem;
    display: inline-block;
    margin-bottom: 0.3rem;
    margin-left:-4px;
}


.addMenuTree {
    border-left: 1px solid;
    margin-bottom: 0;
}*/



.card, .duyuru {
    cursor:pointer;
  box-shadow: 0 0 0px 0px #ccc;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}


.card:hover {
  box-shadow: 0 0 55px -25px #aaa;

}


#detayAlani .offcanvas-header{
    background:#58566a;
    color:white;
}



#pagination-container .whj_border {
    border-radius: 25px;
    height:25px;
}

#pagination-container .whj_color:nth-last-child(5) {
    display:none;
}

#pagination-container .whj_checked {
    background-color: #f79440;
    color: white
}
