.subli a {
  margin-top: -2px;
  font-size: 12px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-style: italic;
  text-align: end;
  font-weight: 100;
  /* height: 12px; */
}

/* Submenu hidden by default */
.subli {
  display: none; /* Hidden by default */
  list-style-type: none;
  margin: 0;
  padding-left: 20px;
}
.howhow{
  font-size: inherit;
}
.how{
  font-size: inherit;
}


/* larger screens */
@media (min-width: 780px) {
  .how{
      display: block; /* Show .moggle */
  }
  .subli{
    display: none;
  }
  .howhow {
      display: none !important;; /* Hide .toggle */
  }
}

/*  smaller screens */
@media (max-width: 779px) {
  .how {
      display: none; /* Hide .moggle */
  }
  .howhow{
      display: block; /* Show .toggle */
  }
  .howhow:hover .subli {
    display: block;
  }
  a:hover {
    color:rgb(3, 29, 144);
  }
}
/*-----------------------*/

.coupon {
    font-size: 14px;
    flex: 1 1 auto;
    border: 5px solid rgb(9, 138, 67);
    width: 95%;
    border-radius: 15px;
    margin: 10px auto;
    max-width: 375px;
    max-height: fit-content;
    background-color: rgb(235, 232, 225);
    box-shadow: 0 .75rem .5rem -.5rem hsl(0 50% 80%);
  }
  
  .GramerMenu{
    border-radius: 8px;
    padding: 2px 16px;
    background-color:rgb(187, 231, 187);
  }
  .Gramer{
    padding: 2px 16px ;
  }
  .promo {
    background: #ccc;
    padding: 3px;
  }
  
  .expire {
    color: red;
  }

 /*  Words in table appearance */
  table { 
    margin: 0 auto;
    border-collapse: collapse;
    font-family: Agenda-Light, sans-serif;
    font-weight: 100; 
    background: rgb(104, 114, 116); color: #fff;
    text-rendering: optimizeLegibility;
    border-radius: 5px; 
  }
  table caption { 
    font-size: 2rem; color: #444;
    margin: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left, center right; 
  }
  table thead th { font-weight: 600; }
  table thead th, table tbody td { 
    padding: .8rem; font-size: 1.4rem;
  }
  table tbody td { 
    padding: .8rem; font-size: 1.4rem;
    color: rgb(0, 0, 0); 
    background: #eee; 
  }
  table tbody tr:not(:last-child) { 
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;  
  }
  /* change tr background on mouse over  */
  table>tbody>tr:hover td,
  table>tbody>tr:hover th {
    background-color: rgb(140, 203, 226)!important;
  }


/* footer */
  .foot{ 
    bottom: 0;
    left: 0;
    padding: 8px  0px;
    position: fixed;
    right: 0;
    text-align: center; 
    background-color: #2f2f2f;
    color: #ffffff;
    z-index: 99;
  }
  
/* Style for div row */
  .row{
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    /* width: 98vw; */
    z-index: -1;
  }
  .softaciklama{
    background-color: rgb(219, 205, 171,0.4);
    border-radius: 12%;
    width:90vw;
    margin-left:5%;
    border: 1px solid rgb(12, 160, 229);
  }
  .softaciklama p{
    width:89vw;
  }
  .ornekler{
    background-color: rgb(246, 245, 242);
  }
  /**/

  .col-md-4{ 
    pointer-events: auto;
    }
  
  .araver{
    height:20px;
  }

 /* Box nice looking */
  .Tense{
    height:200px;
    width:70vw;
    background-color:#efefef;
    margin: 0 auto; 
    padding-left: 20px;
    /* color:grey; */
    color:black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor:pointer;
    transition:background-color 0.5s;
    font-family:monospace;
    /* transform:translate(-50%); */
    display:table; 
  }


   /* Language selection button at the Baslik H2 */
 .btn-warning{
  height:30px;
  background-color: rgb(237, 185, 16);
  text-decoration: none;
  text-align: center;
  position: relative;
  display: block;
  margin: 3px auto;
  font-size: 17px;
  color: #fff;
  border-radius: 6px;
  border: none;
  background: rgba(3,3,3,.1);
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 0.2s ease-in-out;
 }


.emphasize{
  font-weight: 700;
}
th  a {
 color :aquamarine;
 border-radius: 5px;
}
.submenu {
  color:dodgerblue;
  font-weight: 600;
  padding-left: 10px;

}
.subselected {
  background-color: rgb(141, 144, 144,0.5);
  border-radius: 10%;
}


.submenu:hover .English{
  display:flex;
  background: rgba(91, 213, 213, 0.5);
  position: absolute;
  border-radius: 9%;
  margin-left: 35%;
  z-index: 2;
}


 /* Language selection button at the Baslik H2 */
 @media (max-width: 730px) {

  .btn-warning{
    margin: 3px auto;
  }
  #zamancekim td{
    font-size: 11px;
  }
  .submenu a{

    font-size: 11px;
 }
  .submenu:hover .English{
    transform: translateY(-30%);
    margin-right: 5%;
    width:150px;
    margin-top: 15px;
    background: rgba(91, 213, 213,0.9);
  }
  .English{
    font-size:1.1rem;
  }

}


/* Translation  appearance */
.Gramer:hover .English{ display:inline;}   
h2:hover  .English{ display:inline;} 

.Turkce:hover  .Translate{
  display:inline;
  font-style: italic;
  color: rgb(0, 99, 99);
} 

.Translate {
  font-style: italic;
  color: darkcyan;
  z-index: 2;
}

.English{ 
  z-index: 2;
}

.Icerik {
    display: flex;
    flex-wrap: wrap;  
}

/* **************EKLER ***************************/

article > .ekler-Icerik{
  height: 80vh;
  width: 100vw;
  z-index: -1;
}
.well{
  z-index: -1;
  height: auto; 
  min-height: 80%; 
  margin-left: 50px;
  padding-left:50px;

}
.well > h2{
  text-align: right;
  margin-right: 0px;
  z-index:-1;
}
.menuEK {
   position:fixed;
   margin-left: 5px;
}

.wrap {
  position: absolute;
  -webkit-transition: all 0.3s ease-out;  
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.wrap.active {
  left: 14em;
}
a.side-menu-link {
  float:left;
  display: inline-flex;
  padding: 1em;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 0px;
  font-style: italic;
  z-index: 5;
  background-color: antiquewhite;
}
.bg-warning {
  
  width:fit-content;
  height:30px;
  background-color: rgb(229, 218, 194);
  text-decoration: none;
  text-align: center;
  
  position: relative;
  display: block;
  margin: 3px auto;


  font-size: 20px;
  color: rgb(3, 82, 116);
  border-radius: 4px;
  border: none;
  
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 0.2s ease-in-out;
}