/* GENEL AYARLAR */
html,
body {
  margin: 0;
  padding: 0;
  background-color: #efefef;
  font-family: var(--te-font), sans-serif;
  font-size: 17px;
  height: 100%;
  max-height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

header,footer {border-top: 4px solid var(--te-color);}
main {margin-top:95px;}
section {padding: 60px 0;}

.nav-link:focus,
.nav-link:hover {
  color: var(--te-hover-color);
}

/* Mobil için mobil menünün biçimlendirilmesi */
@media only screen and (max-width: 991px) {
  header nav.navbar #navbarNav {
    border-top: 2px solid #efefef;
    margin-top:15px;
  }
  header nav.navbar #navbarNav ul li {
    width: 100%;
    text-align: center;
    border-bottom: 2px dotted #ccc;
    padding-top: 10px;
  }
  header nav.navbar #navbarNav ul li:last-child {
    border-bottom: 0;
  }
}

/* Bootstrap'in genel focus gölge olayını iptal edelim */
.btn.focus,
.btn:focus,
.accordion-button:focus,
.btn-primary:active:focus,
.form-select:focus,
.form-control:focus,
.navbar-toggler:focus,
.form-check-input:focus {
  box-shadow: none;
}

/* DANGER COLOR */
.btn-danger {background-color: var(--te-color)!important;border-color: var(--te-color)!important;}
.btn-danger:hover {background-color:var(--te-hover-color)!important;border-color: var(--te-hover-color)!important;}
.bg-danger {background-color: var(--te-color)!important;}
.text-danger {color:var(--te-color)!important;}

#contact .contact-icon i {
  background: var(--te-color);
  color:white;
  padding: 20px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  margin: 20px auto;
  align-items: center;
  justify-content: center;
  font-size: 35px;
}